:root{--bg:#07101d;--surface:#101b2c;--surface-2:#172438;--line:rgba(255,255,255,.085);--text:#eef4fb;--muted:#8fa0b5;--teal:#4ee0bd;--blue:#7ca6ff;--red:#ff7682;--amber:#f2c66d}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 100% -10%,#173553 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100dvh}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.shell{width:min(100%,760px);margin:0 auto;padding:20px 16px 110px}.topbar{display:flex;align-items:center;gap:12px;margin:4px 0 22px}.topbar h1{font-size:18px;line-height:1.2;margin:2px 0 0}.brandmark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(78,224,189,.35);border-radius:13px;color:var(--teal);background:rgba(78,224,189,.08);font-weight:800}.eyebrow{margin:0;letter-spacing:.12em;font-size:10px;font-weight:750;color:var(--teal)}.muted,.subtle{color:var(--muted)}.live-pill,.subtle{font-size:11px}.live-pill{margin-left:auto;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(78,224,189,.1);color:var(--teal)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}.hero-card,.panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(23,36,56,.96),rgba(12,23,39,.96));box-shadow:0 18px 55px rgba(0,0,0,.2)}.hero-card{padding:22px}.panel{margin-top:14px;padding:20px}.quote-top,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quote-top h2,.section-head h2{margin:7px 0 0;font-size:19px}.icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--muted);cursor:pointer}.quote-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:25px 0 16px}.quote-row>strong{font-size:clamp(38px,11vw,54px);line-height:.95;letter-spacing:-.045em}.change{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;font-weight:700;line-height:1.55}.positive{color:var(--teal)!important}.negative{color:var(--red)!important}.quote-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.quote-meta span:first-child{color:var(--amber)}.data-warning,.market-state{display:flex;align-items:flex-start;gap:8px;margin-top:15px;padding:10px 12px;border-radius:12px;background:rgba(78,224,189,.075);color:#a5e9d7;font-size:12px}.data-warning svg,.market-state svg{flex:0 0 auto}.data-warning{background:rgba(242,198,109,.08);color:#e2c98f;line-height:1.5}.score-card{padding:22px}.score-head{align-items:flex-start}.score-head h2{font-size:25px}.month-rank{margin:15px 0 0;color:var(--text);font-size:14px}.month-rank strong{color:var(--teal);font-size:22px}.month-rank span,.score-head small{color:var(--muted);font-size:11px}.score-orb{flex:0 0 auto;width:92px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:8px solid rgba(78,224,189,.22);box-shadow:inset 0 0 26px rgba(78,224,189,.06);color:var(--teal)}.score-orb strong{font-size:30px;line-height:1}.score-orb span{font-size:11px;margin-top:5px;color:var(--muted)}.score-list{margin-top:22px;border-top:1px solid var(--line)}.score-list details{border-bottom:1px solid var(--line)}.score-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:52px;cursor:pointer;font-size:13px}.score-list summary::-webkit-details-marker{display:none}.score-value{display:flex;align-items:center;gap:8px;color:var(--teal);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-list details[open] .score-value svg{transform:rotate(180deg)}.score-list details p{margin:0 0 10px;color:var(--muted);font-size:12px}.score-track{height:3px;margin-bottom:15px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}.score-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal))}.explanation{margin-top:18px;padding:16px;border-radius:16px;background:rgba(124,166,255,.07);border:1px solid rgba(124,166,255,.12)}.explanation>span{color:var(--blue);font-size:11px;font-weight:700}.explanation p{margin:8px 0;color:#c6d1df;font-size:13px;line-height:1.75}.explanation small{color:var(--muted)}.text-button{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--teal);font-size:12px;cursor:pointer}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;margin-top:19px;background:var(--line);border-radius:14px;overflow:hidden}.portfolio-grid>div{display:flex;flex-direction:column;gap:7px;padding:14px;background:#111d2e}.portfolio-grid span,.projection-breakdown span{color:var(--muted);font-size:11px}.portfolio-grid strong{font-size:15px}.chart-footnote,.empty-copy,.local-note{margin:13px 0 0;color:var(--muted);font-size:11px}.chart-panel{padding:20px 10px 12px}.chart-panel .section-head{padding:0 10px}.range-tabs{display:flex;gap:5px;margin:18px 10px 8px}.range-tabs button{flex:1 1;border:0;border-radius:9px;padding:8px 3px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.range-tabs button.active{background:rgba(78,224,189,.12);color:var(--teal)}.chart-container{width:100%;height:280px}.news-list{margin-top:10px}.news-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.news-list a:last-child{border:0}.news-list strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.5}.news-list span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.news-list svg{flex:0 0 auto;color:var(--muted)}.disclaimer{padding:25px 9px;color:#67768a;text-align:center;font-size:10px;line-height:1.65}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;width:min(calc(100% - 24px),520px);padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(12,22,37,.9);box-shadow:0 10px 40px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;color:#738399;text-decoration:none;font-size:9px;border-radius:13px}.bottom-nav a.active{color:var(--teal);background:rgba(78,224,189,.08)}.modal-backdrop{position:fixed;z-index:50;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(2,7,13,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(100%,520px);padding:22px;border:1px solid var(--line);border-radius:24px;background:#111d2e}.modal h2{margin:0}.calculator-form label,.modal label{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:18px;color:var(--muted);font-size:12px}.calculator-form input,.modal input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:12px;outline:0;background:#0b1625;color:var(--text);font-size:16px}.calculator-form input:focus,.modal input:focus{border-color:rgba(78,224,189,.6)}.primary-button{width:100%;height:48px;margin-top:20px;border:0;border-radius:13px;background:var(--teal);color:#082019;font-weight:750;cursor:pointer}.primary-button.compact{width:auto;height:42px;padding:0 20px}.page-heading{padding:12px 3px 8px}.page-heading h1{margin:8px 0 6px;font-size:31px}.page-heading>p:last-child{margin:0;color:var(--muted);font-size:13px}.calculator-form label span{position:absolute;right:0;color:#718297}.calculator-form>p{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.projection-title{display:flex;align-items:center;justify-content:space-between}.projection-title strong{color:var(--teal);font-size:14px}.projection-title span{color:var(--muted);font-size:11px}.projection h2{margin:12px 0 18px;font-size:30px;letter-spacing:-.03em}.projection-breakdown{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.projection-breakdown div{display:flex;flex-direction:column;gap:6px}.projection-breakdown strong{font-size:13px}.stacked{height:5px;margin-top:18px;border-radius:8px;background:var(--teal);overflow:hidden}.stacked i{display:block;height:100%;background:var(--blue)}.expanded-chart .chart-container{height:440px}.chart-footnote{padding:0 10px 8px;line-height:1.5}.chart-loading{min-height:300px;display:grid;place-items:center;color:var(--muted);font-size:13px}.settings-list>div{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.settings-list>div:last-child{border:0}.settings-list svg{color:var(--teal);flex:0 0 auto}.settings-list span{display:flex;flex-direction:column;gap:5px}.about-card p,.settings-list small{color:var(--muted);line-height:1.6}.about-card h2{font-size:16px;margin:0 0 8px}.about-card h2:not(:first-child){margin-top:22px}.about-card p{margin:0;font-size:12px}.error-state{text-align:center;padding:36px 22px}.error-state>svg{color:var(--amber)}.error-state h2{font-size:19px}.error-state p{color:var(--muted);font-size:13px}.loading-card{min-height:220px}.skeleton-line{width:48%;height:14px;margin-top:18px;border-radius:9px;background:linear-gradient(90deg,#213047,#2b3d56,#213047);background-size:220% 100%;animation:shimmer 1.5s infinite}.skeleton-line.wide{width:78%;height:46px}.loading-copy{color:var(--muted);font-size:13px;margin-top:24px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{to{background-position:-220% 0}}@media(min-width:700px){.shell{padding-top:30px}.modal-backdrop{align-items:center}.modal{border-radius:24px}.portfolio-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:380px){.shell{padding-left:12px;padding-right:12px}.quote-row>strong{font-size:36px}.score-orb{width:82px;height:82px}.score-head h2{font-size:22px}.hero-card,.panel{padding-left:17px;padding-right:17px}}