:root{--ad-navy:#17365d;--ad-blue:#2f75b5;--ad-bg:#f0f2f5;--ad-card:#fff;--ad-text:#1f2733;--ad-muted:#6b7785;--ad-border:#e2e7ee;--ad-radius:16px}
body{background:var(--ad-bg)!important;color:var(--ad-text)!important;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
.shell,.tariff-shell{max-width:900px!important;margin:auto!important;padding:0 14px 36px!important}
.topbar{margin:0 -14px 18px!important;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 30px!important;border-radius:0 0 24px 24px!important;background:linear-gradient(135deg,#17365d,#2f75b5)!important;color:#fff!important;box-shadow:0 7px 24px rgba(23,54,93,.14);align-items:flex-end!important}
.topbar h1{font-size:1.5rem!important;margin:3px 0 4px!important;color:#fff!important}.topbar p{color:rgba(255,255,255,.86)!important;font-size:.88rem!important;max-width:650px}
.topbar .status{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important}.topbar .secondary{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.card,.salary-card,.purchase-panel,.advanced-panel,.result-card,.year-box{border:0!important;border-radius:var(--ad-radius)!important;background:var(--ad-card)!important;box-shadow:0 1px 6px rgba(0,0,0,.07)!important}.card{padding:18px!important;margin:14px 0!important}.card h2,.purchase-panel h3,.advanced-panel h3,.result-card h3{color:var(--ad-navy)!important}.card p,.sub,.mini,.notice-list,.table-footnote{color:var(--ad-muted)!important}
.kpis,.tariff-kpis,.purchase-kpis,.year-hero{gap:10px!important}.kpi,.tariff-kpi,.purchase-kpi,.year-box{border:0!important;border-radius:14px!important;background:var(--ad-card)!important;box-shadow:0 1px 5px rgba(0,0,0,.06)!important}.kpi strong,.tariff-kpi strong,.purchase-kpi strong,.year-box strong{color:var(--ad-navy)!important}.kpi span,.tariff-kpi span,.purchase-kpi span,.year-box span{color:var(--ad-muted)!important}
.analysis-subnav,.sim-nav{border:0!important;border-radius:14px!important;background:color-mix(in srgb,var(--ad-card) 94%,transparent)!important;box-shadow:0 1px 6px rgba(0,0,0,.06)!important;backdrop-filter:blur(14px)}
.analysis-subnav a,.sim-nav a{color:var(--ad-muted)!important}.analysis-subnav a:hover,.analysis-subnav a.active,.sim-nav a.active{background:#eaf2fb!important;color:var(--ad-navy)!important}
.btn.primary,.primary{background:var(--ad-navy)!important}.btn.secondary,.secondary{background:#f7f9fc!important;color:var(--ad-navy)!important;border:1px solid var(--ad-border)!important}
select,input,textarea{border-color:var(--ad-border)!important;border-radius:11px!important}.table-wrap{border-radius:12px}.table-wrap table{background:var(--ad-card)}th{color:var(--ad-muted)!important}th,td{border-color:#edf0f4!important}
.section-head{align-items:flex-start!important}.pill{background:#eaf2fb!important;color:var(--ad-navy)!important}.chart-box{border-radius:12px;overflow:hidden}
@media(max-width:680px){.shell,.tariff-shell{padding:0 12px 28px!important}.topbar{margin:0 -12px 14px!important;flex-direction:column!important;align-items:stretch!important}.topbar .header-actions{display:grid!important;grid-template-columns:1fr!important}.card{padding:15px!important}.kpis,.tariff-kpis,.purchase-kpis,.year-hero{grid-template-columns:1fr 1fr!important}}
@media(max-width:390px){.kpis,.tariff-kpis,.purchase-kpis,.year-hero{grid-template-columns:1fr!important}}
html[data-theme="dark"]{--ad-bg:#0f1117;--ad-card:#1b202b;--ad-text:#f3f6fa;--ad-muted:#c3ccd9;--ad-border:#303845;--ad-navy:#dcecff}
html[data-theme="dark"] body{background:var(--ad-bg)!important;color:var(--ad-text)!important}html[data-theme="dark"] .card,html[data-theme="dark"] .kpi,html[data-theme="dark"] .tariff-kpi,html[data-theme="dark"] .purchase-kpi,html[data-theme="dark"] .purchase-panel,html[data-theme="dark"] .advanced-panel,html[data-theme="dark"] .result-card,html[data-theme="dark"] .year-box{background:var(--ad-card)!important;color:var(--ad-text)!important;box-shadow:none!important}
html[data-theme="dark"] .card h2,html[data-theme="dark"] .card h3,html[data-theme="dark"] .kpi strong,html[data-theme="dark"] .tariff-kpi strong,html[data-theme="dark"] .purchase-kpi strong,html[data-theme="dark"] .year-box strong{color:#dcecff!important}html[data-theme="dark"] .card p,html[data-theme="dark"] .sub,html[data-theme="dark"] .mini,html[data-theme="dark"] .notice-list,html[data-theme="dark"] .table-footnote,html[data-theme="dark"] .kpi span,html[data-theme="dark"] .year-box span{color:#c3ccd9!important}
html[data-theme="dark"] .analysis-subnav,html[data-theme="dark"] .sim-nav{background:rgba(27,32,43,.94)!important}html[data-theme="dark"] .analysis-subnav a:hover,html[data-theme="dark"] .analysis-subnav a.active,html[data-theme="dark"] .sim-nav a.active{background:#263548!important;color:#dcecff!important}html[data-theme="dark"] .btn.secondary,html[data-theme="dark"] .secondary,html[data-theme="dark"] select,html[data-theme="dark"] input,html[data-theme="dark"] textarea{background:#222936!important;color:#f3f6fa!important;border-color:#303845!important}html[data-theme="dark"] .pill{background:#263548!important;color:#dcecff!important}html[data-theme="dark"] th,html[data-theme="dark"] td{border-color:#303845!important}html[data-theme="dark"] .table-wrap table{background:var(--ad-card)!important}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--ad-bg:#0f1117;--ad-card:#1b202b;--ad-text:#f3f6fa;--ad-muted:#c3ccd9;--ad-border:#303845;--ad-navy:#dcecff}html:not([data-theme="light"]) body{background:var(--ad-bg)!important;color:var(--ad-text)!important}html:not([data-theme="light"]) .card,html:not([data-theme="light"]) .kpi,html:not([data-theme="light"]) .tariff-kpi,html:not([data-theme="light"]) .purchase-kpi,html:not([data-theme="light"]) .purchase-panel,html:not([data-theme="light"]) .advanced-panel,html:not([data-theme="light"]) .result-card,html:not([data-theme="light"]) .year-box{background:var(--ad-card)!important;color:var(--ad-text)!important}html:not([data-theme="light"]) .card h2,html:not([data-theme="light"]) .card h3,html:not([data-theme="light"]) .kpi strong,html:not([data-theme="light"]) .year-box strong{color:#dcecff!important}html:not([data-theme="light"]) .card p,html:not([data-theme="light"]) .sub,html:not([data-theme="light"]) .mini,html:not([data-theme="light"]) .notice-list,html:not([data-theme="light"]) .kpi span,html:not([data-theme="light"]) .year-box span{color:#c3ccd9!important}}