:root{color-scheme:dark;--bg:#06111b;--top:#07131f;--side:#081722;--surface:#0c1d2a;--surface2:#102634;--border:#1c3444;--border2:#29495c;--text:#edf4f7;--soft:#c1d0d7;--muted:#8096a4;--accent:#37ad99;--accent2:#58c7b4;--accent-bg:rgba(55,173,153,.1);--amber:#dda95b;--amber-bg:rgba(221,169,91,.1);--danger:#d77b73;--info:#79a9c3;--radius:12px;--header:68px;--sidebar:226px;--shadow:0 18px 48px rgba(0,0,0,.25);--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% -10%,rgba(54,119,133,.12),transparent 32rem),var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:7px;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.06;letter-spacing:-.045em}h2{margin:0;font-size:1rem;letter-spacing:-.015em}strong{font-weight:650}:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:9px 12px;border-radius:7px;background:white;color:#06111b;transform:translateY(-150%)}.skip-link:focus{transform:none}
.topbar{position:sticky;z-index:100;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:var(--header);padding:0 24px;border-bottom:1px solid var(--border);background:rgba(6,17,27,.96);backdrop-filter:blur(16px)}.brand,.topbar-status,.topbar-actions,.profile-button{display:flex;align-items:center}.brand{gap:10px}.brand-mark,.nat-glyph{display:grid;place-items:center;border:1px solid var(--border2);background:var(--surface2);color:var(--accent2);font-weight:800;letter-spacing:.08em}.brand-mark{width:39px;height:39px;border-radius:9px;font-size:.7rem}.brand-copy,.profile-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:.85rem}.brand-copy small,.profile-copy small{color:var(--muted);font-size:.66rem}.topbar-status{gap:13px;color:var(--muted);font-size:.69rem;font-variant-numeric:tabular-nums}.status-pill,.mode-badge{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(55,173,153,.1)}.topbar-actions{justify-content:flex-end;gap:12px}.language-switch{display:flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:.66rem}.language-switch button{padding:3px 5px;border:0;border-radius:5px;background:transparent;color:var(--muted)}.language-switch button[aria-pressed=true]{background:var(--surface2);color:var(--text)}.profile-button{gap:8px;padding:4px 7px;border:0;border-radius:8px;background:transparent;text-align:left}.profile-button:hover{background:var(--surface)}.profile-avatar{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border2);border-radius:50%;background:#163249;color:var(--soft);font-size:.67rem}.profile-copy strong{font-size:.74rem}.menu-button{display:none;width:40px;height:40px;padding:9px;border:0;background:transparent}.menu-button span{display:block;height:1px;margin:5px 0;background:var(--soft)}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - var(--header))}.sidebar{position:sticky;top:var(--header);display:flex;height:calc(100vh - var(--header));flex-direction:column;justify-content:space-between;padding:19px 13px 15px;border-right:1px solid var(--border);background:rgba(7,20,30,.8)}.primary-nav{display:grid;gap:5px}.nav-label,.eyebrow,.panel-head p,.analysis-result header p{margin:0;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-label{padding:4px 10px 7px}.nav-link{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:7px 10px;border:1px solid transparent;border-radius:8px;color:var(--muted);transition:.15s ease}.nav-link>span{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--border);border-radius:6px;font:600 .57rem ui-monospace,monospace}.nav-link strong{font-size:.75rem}.nav-link small{font-size:.61rem}.nav-link:hover{background:var(--surface);color:var(--soft)}.nav-link.is-active{border-color:rgba(55,173,153,.2);background:var(--accent-bg);color:var(--text)}.nav-link.is-active>span{border-color:rgba(55,173,153,.35);color:var(--accent2)}.sidebar-foot{display:grid;gap:12px}.upgrade-card{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:12px;border:1px solid rgba(221,169,91,.25);border-radius:10px;background:var(--amber-bg);color:var(--soft);text-align:left}.upgrade-card>span{grid-row:span 2}.upgrade-card strong{font-size:.7rem}.upgrade-card small{color:var(--muted);font-size:.59rem}.sidebar-foot>p{display:flex;align-items:center;gap:7px;margin:0;padding:0 6px;color:var(--muted);font-size:.61rem}
.main-content{width:min(100%,1540px);min-width:0;margin:0 auto;padding:26px 28px}.page-section{animation:fade .18s ease}.page-section:not(.is-active){display:none}@keyframes fade{from{opacity:.4;transform:translateY(3px)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.page-header>div:first-child>p:last-child{max-width:710px;margin:0;color:var(--muted);font-size:.83rem}.compact-header h1{font-size:clamp(1.8rem,2.4vw,2.5rem)}.eyebrow{margin-bottom:10px;color:var(--accent2)}.header-actions{display:flex;gap:8px}.button{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid transparent;border-radius:8px;font-size:.7rem;font-weight:650;transition:.15s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#031612}.button.primary:hover{background:var(--accent2)}.button.secondary{border-color:var(--border2);background:var(--surface);color:var(--soft)}.button.full{width:100%;justify-content:space-between}.text-button{padding:0;border:0;background:transparent;color:var(--accent2);font-size:.64rem}.mode-badge,.tier-badge,.source-chip{flex:0 0 auto;color:var(--muted);font-size:.61rem}.tier-badge,.source-chip{padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface2)}.disclaimer{margin-bottom:12px;padding:7px 11px;border:1px solid rgba(121,169,195,.18);border-radius:7px;background:rgba(121,169,195,.05);color:var(--muted);font-size:.65rem}.disclaimer strong{color:var(--soft)}
.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.overview-metric{display:flex;min-height:66px;align-items:center;justify-content:space-between;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.overview-metric span{color:var(--muted);font-size:.64rem}.overview-metric strong{font-size:1.02rem;font-variant-numeric:tabular-nums}.home-grid{display:grid;grid-template-columns:1.15fr .9fr 1.2fr;gap:10px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:rgba(12,29,42,.94);overflow:hidden}.panel-head{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border-bottom:1px solid var(--border)}.panel-head p{margin-bottom:3px}.snapshot-list{display:grid;grid-template-columns:repeat(3,1fr);min-height:153px}.snapshot-item{padding:16px 13px;border-right:1px solid var(--border)}.snapshot-item:last-child{border:0}.snapshot-item span,.focus-row>span{display:block;margin-bottom:10px;color:var(--muted);font-size:.62rem}.snapshot-item strong{display:block;margin-bottom:4px;font-size:1rem;font-variant-numeric:tabular-nums}.snapshot-item small{color:var(--muted);font-size:.57rem}.positive{color:var(--accent2)!important}.caution{color:var(--amber)!important}.neutral{color:var(--info)!important}.panel-foot{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:.57rem}.focus-panel{display:grid;grid-template-rows:auto 1fr 1fr}.focus-row{padding:13px 15px}.focus-row+ .focus-row{border-top:1px solid var(--border)}.focus-row>span{margin-bottom:4px}.focus-row strong{display:block;margin-bottom:3px;font-size:.75rem}.focus-row p{margin:0;color:var(--muted);font-size:.61rem;line-height:1.5}.focus-row.risk{border-left:2px solid var(--danger)}.focus-row.opportunity{border-left:2px solid var(--accent)}.headline-list{min-height:153px}.headline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px 14px;border-bottom:1px solid var(--border)}.headline:last-child{border:0}.headline strong{font-size:.67rem}.headline p{margin:2px 0 0;color:var(--muted);font-size:.58rem}.headline time{color:var(--muted);font-size:.56rem}.quick-summary,.explain-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(90deg,var(--surface),rgba(12,29,42,.7))}.quick-summary>div,.explain-card>div{display:flex;align-items:center;gap:11px}.nat-glyph{width:34px;height:34px;flex:0 0 34px;border-radius:8px;font-family:Georgia,serif}.quick-summary p,.explain-card p{display:flex;flex-direction:column;margin:0}.quick-summary p strong,.explain-card p strong{font-size:.7rem}.quick-summary p span,.explain-card p span{color:var(--muted);font-size:.61rem}
.analysis-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);min-height:590px}.analysis-form{display:grid;align-content:start;gap:14px;padding:20px;border-right:1px solid var(--border);background:rgba(7,22,32,.55)}.analysis-form label>span:first-child,.analysis-form legend{display:block;margin-bottom:6px;color:var(--soft);font-size:.68rem;font-weight:650}.analysis-form input,.analysis-form select,.analysis-form textarea,.inline-form input{width:100%;min-height:41px;padding:9px 10px;border:1px solid var(--border2);border-radius:7px;outline:0;background:#081722;color:var(--text)}.analysis-form textarea{resize:vertical}.analysis-form input:focus,.analysis-form select:focus,.analysis-form textarea:focus,.inline-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(55,173,153,.08)}.analysis-form label>small{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:.58rem}.analysis-form fieldset{margin:0;padding:0;border:0}.depth-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.depth-options label{cursor:pointer}.depth-options input{position:absolute;width:1px;height:1px;opacity:0}.depth-options label>span{display:grid;min-height:37px;place-items:center;margin:0!important;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--muted)!important;font-size:.64rem!important}.depth-options input:checked+span{border-color:rgba(55,173,153,.45);background:var(--accent-bg);color:var(--text)!important}.premium-option b,.premium-tab{color:var(--amber)}.analysis-output{min-width:0}.output-state{display:flex;min-height:590px;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.nat-glyph.large{width:58px;height:58px;margin-bottom:17px;border-radius:14px;font-size:1.35rem}.output-state h2{margin-bottom:7px;font-size:1.05rem}.output-state p{max-width:500px;margin:0;color:var(--muted);font-size:.71rem}.loader{width:46px;height:46px;margin-bottom:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.analysis-result{padding:20px}.analysis-result>header,.analysis-result>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.analysis-result header p{margin-bottom:4px}.analysis-result>footer{margin-top:14px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font-size:.58rem}.result-tabs{display:flex;gap:3px;margin:18px 0 14px;padding-bottom:7px;overflow-x:auto;border-bottom:1px solid var(--border)}.result-tabs button{flex:0 0 auto;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.63rem}.result-tabs button.is-active{background:var(--surface2);color:var(--text)}.result-lead{padding:13px;border-left:2px solid var(--accent);background:var(--accent-bg);color:var(--soft);font-size:.72rem;line-height:1.65}.result-section{padding:12px 0;border-bottom:1px solid var(--border)}.result-section h3{margin-bottom:5px;color:var(--muted);font-size:.62rem;text-transform:uppercase}.result-section p,.result-list li{color:var(--soft);font-size:.69rem;line-height:1.6}.result-section p{margin:0}.result-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.result-list li{padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.indicator-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.indicator-card{padding:11px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.indicator-card span,.indicator-card small{display:block;color:var(--muted);font-size:.59rem}.indicator-card strong{display:block;margin:5px 0;font-size:.76rem}
.portfolio-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:10px}.inline-form{display:flex;gap:7px;padding:14px 15px 4px}.inline-message{min-height:20px;margin:0;padding:0 15px;color:var(--amber);font-size:.6rem}.watch-row{display:grid;grid-template-columns:minmax(130px,1fr) repeat(3,minmax(70px,.7fr)) 30px;align-items:center;min-height:56px;margin:0 15px;border-bottom:1px solid var(--border);font-size:.66rem}.watch-row:last-child{border:0}.watch-row strong{display:block;font-size:.76rem}.watch-row small{display:block;color:var(--muted);font-size:.57rem}.remove{border:0;background:transparent;color:var(--muted)}.metric-stack{display:grid}.metric-stack>div{padding:16px;border-bottom:1px solid var(--border)}.metric-stack span{display:block;margin-bottom:5px;color:var(--muted);font-size:.62rem}.premium-feature{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;width:100%;padding:15px;border:0;background:var(--amber-bg);color:var(--soft);text-align:left}.premium-feature>span{grid-row:span 2}.premium-feature strong{font-size:.68rem}.premium-feature small{color:var(--muted);font-size:.59rem}.premium-feature:hover{background:rgba(221,169,91,.14)}
.market-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.news-full{grid-column:1/-1}.market-row{display:grid;grid-template-columns:minmax(110px,1fr) repeat(3,minmax(70px,.7fr));gap:8px;align-items:center;min-height:50px;padding:0 15px;border-bottom:1px solid var(--border);font-size:.65rem}.market-row:last-child{border:0}.market-row strong{font-size:.75rem}.market-row span{color:var(--muted)}.calendar-item,.news-item{display:grid;gap:10px;align-items:center;padding:10px 15px;border-bottom:1px solid var(--border)}.calendar-item{grid-template-columns:50px minmax(0,1fr) auto}.news-item{grid-template-columns:minmax(0,1fr) auto}.calendar-item:last-child,.news-item:last-child{border:0}.calendar-item time,.news-item time{color:var(--muted);font-size:.58rem}.calendar-item strong,.news-item strong{display:block;font-size:.68rem}.calendar-item p,.news-item p{margin:2px 0 0;color:var(--muted);font-size:.59rem}.news-list{display:grid;grid-template-columns:1fr 1fr}.news-item:nth-child(odd){border-right:1px solid var(--border)}.news-item a:hover strong{color:var(--accent2)}
.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.learning-card{min-height:180px;padding:17px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.learning-card span{display:block;margin-bottom:30px;color:var(--accent);font:600 .6rem ui-monospace,monospace}.learning-card h2{margin-bottom:7px}.learning-card p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.6}.history-panel{padding:0 15px 15px}.history-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:62px;border-bottom:1px solid var(--border)}.history-symbol{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface2);font-size:.59rem}.history-item strong{display:block;font-size:.7rem}.history-item small,.history-item time{color:var(--muted);font-size:.59rem}.history-premium{margin-top:14px;border:1px solid rgba(221,169,91,.2);border-radius:8px}.empty-inline{display:grid;min-height:140px;place-items:center;color:var(--muted);font-size:.68rem}
.upgrade-dialog{width:min(420px,calc(100% - 28px));padding:27px;border:1px solid rgba(221,169,91,.3);border-radius:14px;background:#0d202e;color:var(--text);box-shadow:var(--shadow);text-align:center}.upgrade-dialog::backdrop{background:rgba(1,8,13,.72);backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:9px;right:9px;width:30px;height:30px;border:0;background:transparent;color:var(--muted);font-size:1.2rem}.crown{display:block;margin-bottom:12px;font-size:1.7rem}.upgrade-dialog h2{margin-bottom:8px;font-size:1.1rem}.upgrade-dialog p{margin-bottom:18px;color:var(--muted);font-size:.7rem}.toast{position:fixed;z-index:200;right:20px;bottom:20px;max-width:330px;padding:11px 14px;border:1px solid var(--border2);border-radius:8px;background:var(--surface2);box-shadow:var(--shadow);color:var(--soft);font-size:.68rem}
@media(max-width:1180px){.home-grid{grid-template-columns:1fr 1fr}.headline-panel{grid-column:1/-1}.overview-strip{grid-template-columns:repeat(2,1fr)}.learning-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--header:64px}.topbar{grid-template-columns:1fr auto;padding:0 14px}.topbar-status{display:none}.profile-copy{display:none}.menu-button{display:block}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:90;top:var(--header);bottom:0;left:0;width:min(300px,88vw);height:auto;box-shadow:var(--shadow);transform:translateX(-105%);transition:.18s ease}.sidebar.is-open{transform:none}.main-content{padding:22px 18px}.analysis-shell{grid-template-columns:1fr}.analysis-form{border-right:0;border-bottom:1px solid var(--border)}.analysis-output,.output-state{min-height:470px}.portfolio-grid,.market-grid{grid-template-columns:1fr}.news-full{grid-column:auto}}
@media(max-width:640px){.brand-copy small{display:none}.brand-copy strong{font-size:.75rem}.language-switch{gap:2px}.language-switch button{padding:3px;font-size:.6rem}.profile-button{display:none}.main-content{padding:17px 11px}.page-header{display:block}.header-actions{margin-top:15px}.header-actions>*{flex:1}.overview-strip,.home-grid,.learning-grid{grid-template-columns:1fr}.headline-panel{grid-column:auto}.snapshot-list{grid-template-columns:1fr}.snapshot-item{display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--border);padding:11px 14px}.snapshot-item span{margin:0}.snapshot-item small{display:none}.quick-summary,.explain-card{align-items:stretch;flex-direction:column}.quick-summary>a,.explain-card>button{width:100%}.analysis-form,.analysis-result{padding:15px}.depth-options{grid-template-columns:1fr}.indicator-grid{grid-template-columns:1fr}.watch-row{grid-template-columns:minmax(110px,1fr) minmax(70px,.7fr) 30px}.watch-row>:nth-child(3),.watch-row>:nth-child(4){display:none}.news-list{grid-template-columns:1fr}.news-item:nth-child(odd){border-right:0}.history-item{grid-template-columns:38px minmax(0,1fr)}.history-item time{display:none}.overview-metric{min-height:58px}.overview-metric strong{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Production integration refinements */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
img.brand-mark{display:block;object-fit:cover}
.topbar-actions{gap:9px}
.language-switch{padding:3px 5px}
.language-switch select{padding:4px 20px 4px 6px;border:0;background:#0c1d2a;color:var(--text);font-size:.66rem}
.logout-button{padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);font-size:.62rem}
.logout-button:hover{border-color:var(--border2);color:var(--text)}
.focus-panel{grid-template-rows:auto repeat(3,1fr)}
.focus-row{padding:11px 15px}
.focus-row.weekly{border-left:2px solid var(--info)}
@media(max-width:640px){.language-switch select{padding-right:16px}.profile-button,.logout-button{display:none}}