:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef8fb;background:#081116;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}.app-shell{background:radial-gradient(circle at 32% 20%,#3d9ca92e,#0000 34%),linear-gradient(135deg,#071014 0%,#0c1718 48%,#10130f 100%);grid-template-columns:minmax(0,1fr) 360px;min-height:100vh;display:grid}.viewport{min-width:0;height:100vh;min-height:100vh;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.topbar{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:26px;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px)}.topbar p,.panel-head p,.readout span{color:#8fb3b9;letter-spacing:0;margin:0;font-size:12px}.topbar h1{max-width:620px;margin:4px 0 0;font-size:38px;font-weight:760;line-height:1.04}.status-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-row span,.status-row a{color:#cce9ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040c0f80;border:1px solid #97dce03d;border-radius:999px;padding:8px 11px;font-size:12px;text-decoration:none}.readout{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040c0f8f;border-left:3px solid #59e2ff;gap:5px;min-width:230px;padding:12px 15px;display:grid;position:absolute;bottom:32px;left:clamp(18px,3vw,42px)}.readout strong{font-size:18px}.field-note{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040c0f94;border:1px solid #94d4dc33;border-radius:8px;grid-template-columns:94px minmax(0,220px);align-items:center;gap:12px;max-width:348px;padding:10px;display:grid;position:absolute;bottom:32px;right:clamp(18px,3vw,42px)}.field-note img{object-fit:cover;border-radius:6px;width:94px;height:64px}.field-note div{gap:4px;min-width:0;display:grid}.field-note b{color:#fff;font-size:14px}.field-note span{color:#a8c8ce;font-size:12px;line-height:1.38}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081216db;border-left:1px solid #8edce72e;flex-direction:column;gap:20px;height:100vh;min-height:100vh;padding:24px;display:flex;overflow-y:auto;box-shadow:-22px 0 58px #0000003d}.panel-head{align-items:center;gap:12px;display:flex}.panel-head svg{color:#66e1f2}.panel-head h2{margin:0;font-size:22px}.chip-selector{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip-selector button{--chip-color:var(--profile-accent);color:#eaf9fb;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #94d4dc33;border-radius:8px;gap:3px;min-height:58px;padding:10px;display:grid}.chip-selector button.active{border-color:var(--chip-color);background:color-mix(in srgb, var(--chip-color) 18%, #ffffff0d)}.chip-selector b{color:#fff;font-size:13px}.chip-selector span{color:#a7c9ce;font-size:12px}.toolbar,.tabs,.button-row{gap:8px;display:grid}.toolbar{grid-template-columns:repeat(3,1fr)}.toolbar button,.tabs button,.button-row button,.module-list button{color:#dff5f8;cursor:pointer;background:#ffffff0e;border:1px solid #94d4dc33;min-height:42px;transition:transform .16s,border-color .16s,background .16s}.toolbar button{border-radius:8px;place-items:center;display:grid}.toolbar button:hover,.tabs button:hover,.button-row button:hover,.module-list button:hover{border-color:#6ce8f585;transform:translateY(-1px)}.toolbar button.active,.tabs button.active,.module-list button.selected{background:#49d3e629;border-color:#63e5f4b8}.control-block{gap:12px;display:grid}.label-row{color:#cfe7ea;justify-content:space-between;font-size:14px;display:flex}input[type=range]{accent-color:#63e5f4;width:100%}.button-row{grid-template-columns:1fr 1fr}.button-row button,.tabs button{border-radius:8px;padding:10px 12px}.switch-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.switch-grid label{color:#d9edf0;background:#ffffff0b;border:1px solid #94d4dc2e;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:13px;display:flex}.switch-grid input{accent-color:#71e6f3}.tabs{grid-template-columns:repeat(5,1fr)}.tabs button{min-width:0;font-size:13px}.module-list{gap:10px;display:grid}.overview-card,.layer-visual{background:#ffffff0d;border:1px solid #94d4dc33;border-radius:8px;position:relative;overflow:hidden}.overview-card img,.layer-visual img{object-fit:cover;opacity:.88;width:100%;height:132px;display:block}.overview-card div,.layer-visual div{gap:4px;padding:12px;display:grid}.overview-card b,.layer-visual b{color:#fff;font-size:15px}.overview-card span,.layer-visual span{color:#a8c7cc;font-size:13px;line-height:1.42}.module-list button{--accent:#64dff1;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.module-list button svg{color:var(--accent);flex:none}.module-list button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.module-list button b,.module-list button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.module-list button small{color:#91b5ba;margin-top:2px;font-size:12px}.science-card{border:1px solid color-mix(in srgb, var(--accent) 46%, transparent);border-left:3px solid var(--accent);background:#ffffff0d;border-radius:8px;gap:10px;padding:13px;display:grid}.science-card div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.science-card b{color:#f7fcfd}.science-card span{color:color-mix(in srgb, var(--accent) 74%, white);font-size:12px}.science-card p{color:#b7cdd1;margin:0;font-size:13px;line-height:1.48}.layer-list{gap:9px;display:grid}.layer-list div{background:#ffffff0b;border-left:2px solid #5fe0ef;gap:4px;padding:12px;display:grid}.layer-list b{color:#f5fbfc}.layer-list span{color:#9ebdc2;font-size:13px;line-height:1.35}.learning-card{border:1px solid #94d4dc33;border-left:3px solid var(--profile-accent);background:#ffffff0d;border-radius:8px;gap:10px;padding:14px;display:grid}.story-image{object-fit:cover;border:1px solid #94d4dc2e;border-radius:6px;width:100%;height:176px;display:block}.learning-card b{color:#fff;font-size:17px}.learning-card span{color:var(--profile-accent);font-size:13px;font-weight:700}.learning-card p{color:#c6dde1;margin:0;font-size:13px;line-height:1.55}.learning-card .english{color:#91b2b9}.learning-card .metaphor{color:#e5f5f6;font-size:14px}.observe-list{gap:7px;display:grid}.observe-list small{color:#bcd8dc;background:#ffffff0a;border:1px solid #94d4dc26;border-radius:6px;padding:8px 10px;line-height:1.35;display:block}.company-panel{--company-accent:var(--profile-accent);gap:14px;display:grid}.market-strip,.stock-grid{gap:10px;display:grid}.market-strip{grid-template-columns:1fr 1fr}.stock-panel{gap:14px;display:grid}.stock-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stock-panel-head h3,.market-education h3{color:#f5fbfc;margin:0;font-size:16px}.stock-panel-head p,.stock-status,.quote-disclaimer{color:#91b5ba;margin:4px 0 0;font-size:12px;line-height:1.45}.stock-panel-head button{color:#dff5f8;cursor:pointer;background:#ffffff0e;border:1px solid #94d4dc38;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.stock-panel-head button:disabled{cursor:wait;opacity:.56}.stock-status{background:#ffffff09;border:1px solid #94d4dc24;border-radius:8px;align-items:center;gap:7px;padding:9px 10px;display:flex}.stock-status svg{color:#68e2ef;flex:none}.stock-card{--stock-accent:#67e1ee;border:1px solid color-mix(in srgb, var(--stock-accent) 36%, #94d4dc24);border-left:3px solid var(--stock-accent);background:#ffffff0c;border-radius:8px;gap:10px;padding:12px;display:grid}.stock-card.compact{gap:7px;min-width:0;padding:10px}.stock-card-head,.stock-price-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stock-card-head div{min-width:0}.stock-card-head b{color:#fff;font-size:15px;display:block}.stock-card-head span{color:#9abdc2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.stock-card-head svg{color:var(--stock-accent);flex:none}.stock-price-row{flex-wrap:wrap;align-items:baseline}.stock-price-row strong{color:#f7fcfd;font-size:24px;line-height:1}.stock-card.compact .stock-price-row strong{font-size:18px}.stock-price-row em{font-size:12px;font-style:normal;font-weight:700}.stock-price-row em.up{color:#72e26d}.stock-price-row em.down{color:#ff6b6b}.stock-meta-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stock-meta-grid span{background:#ffffff09;border:1px solid #94d4dc24;border-radius:6px;gap:2px;min-height:48px;padding:8px;display:grid}.stock-meta-grid small{color:#82a4aa;font-size:11px}.stock-meta-grid b{color:#dff5f8;font-size:13px}.stock-card p,.market-education p,.analysis-card p{color:#b8d2d6;margin:0;font-size:13px;line-height:1.5}.market-education{background:#ffffff09;border:1px solid #94d4dc29;border-radius:8px;gap:10px;padding:12px;display:grid}.analysis-card{--stock-accent:#67e1ee;border-left:3px solid var(--stock-accent);background:#ffffff0a;gap:9px;padding:11px;display:grid}.analysis-card>b{color:color-mix(in srgb, var(--stock-accent) 70%, white);font-size:14px}.analysis-card div{flex-wrap:wrap;gap:6px;display:flex}.analysis-card div span{color:#f5fbfc;flex:0 0 100%;font-size:12px;font-weight:700}.analysis-card small{color:#bdd8dc;background:#ffffff09;border:1px solid #94d4dc24;border-radius:6px;padding:5px 7px;font-size:12px}.analysis-card .education-note{color:#e3f0f1}.company-visual{border:1px solid color-mix(in srgb, var(--company-accent) 42%, #94d4dc29);background:#ffffff0b;border-radius:8px;min-height:172px;position:relative;overflow:hidden}.company-visual img{object-fit:cover;opacity:.86;width:100%;height:172px;display:block}.company-visual:after{content:"";background:linear-gradient(#0000 28%,#040a0dd1 100%);position:absolute;inset:0}.company-visual div{z-index:1;gap:2px;display:grid;position:absolute;bottom:12px;left:14px;right:14px}.company-visual b{color:#fff;font-size:18px}.company-visual span,.company-summary,.info-section p{color:#b8d2d6;font-size:13px;line-height:1.5}.company-summary{margin:0}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.metric-grid div{background:#ffffff0b;border:1px solid #94d4dc2e;border-radius:8px;gap:4px;min-height:64px;padding:10px;display:grid}.metric-grid span{color:#8fb3b9;font-size:12px}.metric-grid b{color:color-mix(in srgb, var(--company-accent) 68%, white);font-size:18px}.info-section{border-left:3px solid var(--company-accent);background:#ffffff0b;gap:8px;padding:12px;display:grid}.info-section.potential{border-left-color:#e4c85a}.info-section.science{border-left-color:#65deee}.info-section h3{color:#f5fbfc;margin:0;font-size:15px}.info-section p{margin:0}@media (width<=880px){body{overflow:auto}.app-shell{grid-template-columns:1fr}.viewport{height:auto;min-height:62vh}.control-panel{border-top:1px solid #8edce72e;border-left:0;height:auto;min-height:auto}.topbar{flex-direction:column}.topbar h1{font-size:28px}.status-row{justify-content:flex-start}.field-note{display:none}}@media (width<=520px){.control-panel{padding:18px}.switch-grid,.button-row,.market-strip,.chip-selector{grid-template-columns:1fr}.status-row span{display:none}}