/* The same financial components and semantics are shared by all seven styles. */
.site-header{display:flex;align-items:center;gap:26px;padding:18px 32px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:30}.site-header .brand{padding:0;flex-shrink:0}.site-header .brand-name{font-size:24px}.site-header .brand small{font-size:8px}.site-header .nav{display:flex;align-items:center;justify-content:center;flex:1;gap:3px}.site-header .nav a{padding:12px 13px;white-space:nowrap;border-radius:0;font-size:13px;border-bottom:2px solid transparent;color:var(--muted)}.site-header .nav a .icon{display:none}.site-header .nav a.active{background:transparent;border-bottom-color:var(--green);color:var(--text)}.site-header .nav a.active:after{display:none}.site-header .nav a:hover{background:var(--soft);color:var(--text)}.site-tools{display:flex;align-items:center;gap:9px}.site-tools .btn{font-size:12px}.main{margin-left:0!important}.content{max-width:1480px}.topbar{height:58px}.topbar .breadcrumb>.icon-btn{display:none}.date-top{font-size:12px}.sync-banner{padding:8px 36px}.site-header .mobile-nav-toggle{display:none}#toast{left:50%}.style-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.style-choice{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:left;display:grid;gap:7px}.style-choice.selected{outline:2px solid var(--green);outline-offset:1px}.style-choice strong{font-size:13px}.style-choice small{font-size:11px;line-height:1.6;color:var(--muted)}.style-preview{height:90px;background:var(--preview-bg);position:relative;display:block;border-radius:7px;border:1px solid #80808030;overflow:hidden}.style-preview:before{content:'';position:absolute;inset:0 0 auto;height:13px;background:var(--preview-panel);opacity:.75}.style-preview i{position:absolute;left:10%;top:27%;width:48%;height:32%;background:var(--preview-panel);border-radius:3px}.style-preview b{position:absolute;right:10%;top:27%;width:24%;height:32%;background:var(--preview-accent);border-radius:3px}.style-preview em{position:absolute;left:10%;right:10%;bottom:13%;height:16%;border-bottom:2px solid var(--preview-accent);transform:skewY(-4deg)}.original-mode{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0;font-size:13px}
html[data-skin=navy]{--bg:#f1f4f8;--surface:#ffffff;--text:#172e43;--muted:#566e83;--line:#d9e2ec;--green:#264f75;--soft:#e8eff6;--hero:#142b44;--accent:#83a9c5}
html[data-skin=glacier]{--bg:#142126;--surface:#1c2d32;--text:#edf5f2;--muted:#afc3c4;--line:#385159;--green:#9aced0;--soft:#29434a;--hero:#24484c;--accent:#8fc7c2;color-scheme:dark}
html[data-skin=obsidian]{--bg:#141312;--surface:#211f1c;--text:#f4eddf;--muted:#c1b5a2;--line:#4b4235;--green:#dac29c;--soft:#383126;--hero:#2e2820;--accent:#b69b72;color-scheme:dark}
html[data-skin=platinum]{--bg:#edf2fa;--surface:#f8fbff;--text:#172843;--muted:#536986;--line:#c8d7eb;--green:#2855be;--soft:#e1eafd;--hero:#1b3f8a;--accent:#78a7ee;--shadow:0 12px 35px #233d6910}
html[data-skin=bordeaux]{--bg:#f9f3eb;--surface:#fffaf4;--text:#401b28;--muted:#81616a;--line:#e5cfd0;--green:#701f36;--soft:#f0e0df;--hero:#651b30;--accent:#b78490}
html[data-skin=aurora]{--bg:#0c172a;--surface:#142b40;--text:#edf7ff;--muted:#afc8dc;--line:#3b617a;--green:#95dfe8;--soft:#1d4054;--hero:#163d56;--accent:#79b8d5;--shadow:0 18px 45px #02091a40;color-scheme:dark}
html:not([data-skin=original]) body{background:var(--bg);color:var(--text)}html:not([data-skin=original]) .metric-main,html:not([data-skin=original]) .weekly-pick,html:not([data-skin=original]) .purchase-recommend{background:var(--hero);border-color:var(--line);color:#f8f7ef}html:not([data-skin=original]) .metric-main .metric-label,html:not([data-skin=original]) .metric-main .metric-foot,html:not([data-skin=original]) .weekly-pick small,html:not([data-skin=original]) .purchase-recommend p{color:#dce6e6}html:not([data-skin=original]) .metric-main .currency{color:inherit}html:not([data-skin=original]) .card{background:var(--surface);border-color:var(--line)}html:not([data-skin=original]) .purchase-workspace{--purchase-bg:var(--soft)}html:not([data-skin=original]) .purchase-workspace .purchase-input label,html:not([data-skin=original]) .purchase-heading p,html:not([data-skin=original]) .muted{color:var(--muted)}html:not([data-skin=original]) .account-logo{background:var(--soft);color:var(--green)}html:not([data-skin=original]) .demo-pill{background:var(--soft);color:var(--text)}html:not([data-skin=original]) input,html:not([data-skin=original]) select,html:not([data-skin=original]) textarea{background:var(--surface);color:var(--text);border-color:var(--line)}html:not([data-skin=original]) .compare-track b{background:var(--green)}html:not([data-skin=original]) .trend-chart polyline{stroke:var(--green)}html:not([data-skin=original]) .brand-symbol{background:var(--hero);color:var(--green)}html:not([data-skin=original]) .metric:not(.metric-main) .metric-label{color:var(--muted)}html[data-theme=dark]:not([data-skin=original]) .btn.primary{background:var(--green);color:#132431;border-color:var(--green)}html[data-theme=dark]:not([data-skin=original]) .cal-pay{background:var(--soft);color:var(--text)}html[data-theme=dark]:not([data-skin=original]) .purchase-input>label:first-of-type input{background:var(--soft)}
html[data-skin=obsidian] body{background:radial-gradient(ellipse at 95% 0%,#9e805017,transparent 50%),var(--bg)}html[data-skin=obsidian] .brand-name,html[data-skin=obsidian] .page-heading h1,html[data-skin=obsidian] .metric-value,html[data-skin=obsidian] .purchase-amount{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-weight:400}html[data-skin=obsidian] .metric-main{background:linear-gradient(120deg,#3b3225,#211e19);box-shadow:inset 0 1px #f5dfac25}html[data-skin=obsidian] .card{box-shadow:inset 0 1px #d7b98112,0 12px 40px #0002}html[data-skin=obsidian] .site-header{background:#191714}html[data-skin=obsidian] .brand-symbol{border:1px solid var(--accent)}
html[data-skin=platinum] body{background:radial-gradient(ellipse at 100% 0%,#bfd2fc90,transparent 55%),linear-gradient(135deg,#f8fbff,#e4edfa);background-attachment:fixed}html[data-skin=platinum] .site-header{background:#f8fbfff2;box-shadow:0 4px 24px #385a8d0b}html[data-skin=platinum] .card,html[data-skin=platinum] .metric{box-shadow:inset 0 1px #fff,0 12px 32px #315e9d12;border-color:#c8d7eb}html[data-skin=platinum] .metric-main{background:linear-gradient(125deg,#173978,#466fb8);box-shadow:inset 0 1px #b3ccff90,0 12px 26px #2555b12b}html[data-skin=platinum] .btn.primary{background:linear-gradient(#356be5,#1c47aa);box-shadow:0 4px 12px #2855be25}html[data-skin=platinum] .brand-symbol{background:linear-gradient(135deg,#dbe4f0,#fff,#a3bad9);color:#234e9c}
html[data-skin=bordeaux] .brand-name,html[data-skin=bordeaux] .page-heading h1,html[data-skin=bordeaux] .metric-value,html[data-skin=bordeaux] .purchase-amount{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-weight:400}html[data-skin=bordeaux] .card{border-radius:5px}html[data-skin=bordeaux] .page-heading{border-bottom:1px solid var(--line);padding-bottom:23px}html[data-skin=bordeaux] .metric-main{background:linear-gradient(125deg,#762840,#4d1528)}html[data-skin=bordeaux] .metric-main .metric-value{font-size:40px}html[data-skin=bordeaux] .site-header .brand-name{font-size:28px;letter-spacing:-1px}
html[data-skin=aurora] body{background:radial-gradient(ellipse at 10% 0%,#147c872e,transparent 45%),radial-gradient(ellipse at 90% 30%,#3d478a2b,transparent 60%),var(--bg);background-attachment:fixed}html[data-skin=aurora] .site-header{background:#0b1b2bef;border-color:#4b829755}html[data-skin=aurora] .card,html[data-skin=aurora] .metric{background:linear-gradient(135deg,#173b50d9,#162b43f2);box-shadow:inset 0 1px #a2e0f015,0 16px 40px #01091830;border-color:#47758b88}html[data-skin=aurora] .metric-main{background:radial-gradient(ellipse at 0% 0%,#37878e85,transparent 65%),#163348}html[data-skin=aurora] .weekly-pick,html[data-skin=aurora] .purchase-recommend{background:linear-gradient(125deg,#1d535e,#1a304c);box-shadow:inset 0 1px #a0e6ef30}html[data-skin=aurora] .site-header .nav a.active{background:#254e6580;border-radius:9px;border:1px solid #78bfd870}
@media(max-width:1200px){.site-header{flex-wrap:wrap;gap:14px;padding:17px 25px}.site-header .nav{order:3;flex-basis:100%;justify-content:flex-start;gap:12px}.site-tools{margin-left:auto}.site-header .nav a{font-size:13px;padding:9px 13px}}
@media(max-width:720px){.site-header{padding:15px 16px;gap:10px;flex-wrap:wrap}.site-header .brand-name{font-size:23px}.site-header .brand small{display:none}.site-header .brand-symbol{height:30px;width:30px}.site-header .mobile-nav-toggle{display:inline-flex}.site-header .site-tools .btn{padding:8px 10px;min-height:38px}.site-header .site-tools{gap:3px}.site-header .nav{display:none;flex-basis:100%;order:4;grid-template-columns:1fr 1fr;gap:6px}.site-header.open .nav{display:grid}.site-header .nav a{padding:12px;font-size:14px;border:1px solid var(--line);border-radius:8px}.site-header .nav a.active{background:var(--soft);border-color:var(--green)}.topbar .breadcrumb>.icon-btn{display:none}.site-header .brand{gap:7px}.main{padding-bottom:76px}.sync-banner{padding:9px 16px}.style-choices{gap:10px}.style-choice{padding:9px}.style-choice strong{font-size:12px}.style-choice small{font-size:11px}.style-preview{height:75px}.content{padding:24px 16px}.site-header .site-tools>.icon-btn{min-width:37px}.original-mode{gap:8px}html[data-skin=bordeaux] .metric-main .metric-value{font-size:34px}html[data-skin=bordeaux] .site-header .brand-name{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}