:root{--bg:#07111f;--bg2:#0a1627;--panel:#0e1d31;--panel2:#12243a;--line:#20344d;--text:#f4f8ff;--muted:#8fa3bd;--cyan:#24d6c8;--blue:#6d8cff;--green:#41d68c;--red:#ff6b7d;--amber:#ffc866;--shadow:0 22px 60px rgba(0,0,0,.28);--radius:20px;color-scheme:dark}html[data-theme="light"]{--bg:#eef3f8;--bg2:#f8fbfe;--panel:#fff;--panel2:#f4f8fc;--line:#d8e2ed;--text:#132238;--muted:#63768e;--shadow:0 18px 45px rgba(46,68,96,.12);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(36,214,200,.12),transparent 33%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.skip-link{position:fixed;left:12px;top:-60px;z-index:200;background:var(--cyan);color:#03131c;padding:12px 16px;border-radius:10px;font-weight:800}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(7,17,31,.88);backdrop-filter:blur(20px);padding:24px 18px;display:flex;flex-direction:column;z-index:30}html[data-theme="light"] .sidebar{background:rgba(255,255,255,.88)}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand strong{display:block;font-size:19px;letter-spacing:-.03em}.brand small{font-size:9px;color:var(--cyan);letter-spacing:.18em;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;display:flex;align-items:end;gap:3px;padding:9px;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 8px 22px rgba(36,214,200,.22)}.brand-mark i{width:5px;background:#061322;border-radius:4px}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:14px}.nav-list{display:grid;gap:6px}.nav-item{width:100%;border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:12px;text-align:left;font:inherit;font-weight:650;cursor:pointer;display:flex;gap:11px;align-items:center}.nav-item:hover,.nav-item.active{background:var(--panel2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--cyan)}.nav-item span{font-size:18px;color:var(--cyan);width:22px;text-align:center}.sidebar-card{margin-top:auto;border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:13px;display:flex;gap:10px;align-items:flex-start}.sidebar-card strong,.sidebar-card small{display:block}.sidebar-card strong{font-size:12px}.sidebar-card small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.35}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(65,214,140,.12);margin-top:3px;flex:none}.sidebar-footer{padding:18px 4px 0;display:grid;grid-template-columns:auto 1fr;gap:10px}.sidebar-footer small{grid-column:1/-1;color:var(--muted);font-size:9px;line-height:1.4}.icon-button,.install-button,.menu-button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;cursor:pointer}.icon-button{width:38px;height:38px}.install-button{padding:0 12px;font-weight:700}.page{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:76px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.78);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 clamp(18px,3vw,42px);gap:20px}html[data-theme="light"] .topbar{background:rgba(248,251,254,.82)}.menu-button{display:none;width:42px;height:42px}.search{max-width:680px;width:100%;height:44px;border:1px solid var(--line);border-radius:13px;background:var(--panel);display:flex;align-items:center;gap:10px;padding-left:14px}.search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,214,200,.1)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.search button,.primary,.secondary,.text-button{border:0;font:inherit;cursor:pointer}.search button{height:100%;padding:0 18px;border-radius:0 12px 12px 0;background:linear-gradient(135deg,var(--cyan),#48b8ef);color:#04131c;font-weight:850}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.market-status{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.market-status i{width:7px;height:7px;border-radius:50%;background:var(--green)}.avatar{border:0;width:38px;height:38px;border-radius:50%;font-weight:850;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#081321;cursor:pointer}.ticker-strip{height:38px;display:flex;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg2);align-items:center;padding:0 42px;gap:32px}.ticker-item{display:flex;gap:8px;align-items:center;font-size:10px;white-space:nowrap;color:var(--muted)}.ticker-item strong{color:var(--text)}.up{color:var(--green)!important}.down{color:var(--red)!important}main{padding:34px clamp(18px,3vw,42px) 54px;max-width:1600px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:18px 0 34px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--cyan);font-weight:850}.hero h1{font-size:clamp(34px,4vw,62px);line-height:1.03;letter-spacing:-.055em;margin:12px 0 14px;max-width:820px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--cyan),#8da4ff);background-clip:text}.hero p{max-width:690px;color:var(--muted);line-height:1.65;margin:0}.hero-actions{display:flex;gap:10px;flex:none}.primary,.secondary{padding:12px 17px;border-radius:12px;font-weight:800}.primary{background:linear-gradient(135deg,var(--cyan),#54b9f0);color:#061520}.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:14px}.metric-card{min-height:145px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--panel2));border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.metric-card>span,.metric-card>small{color:var(--muted);font-size:11px}.metric-card>strong{font-size:23px;letter-spacing:-.035em}.metric-card.featured{background:radial-gradient(circle at 90% 20%,rgba(36,214,200,.18),transparent 38%),linear-gradient(145deg,var(--panel),var(--panel2))}.metric-head,.symbol-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-head span{font-size:11px;color:var(--muted)}.like-button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);border-radius:999px;padding:5px 9px;cursor:pointer}.like-button.active{color:var(--red);border-color:rgba(255,107,125,.4);background:rgba(255,107,125,.08)}.symbol-badge{font-weight:900;font-size:17px}.symbol-row>span:last-child{font-size:9px;color:var(--muted)}.big-price{font-size:37px!important}.change{font-size:12px;font-weight:800}.positive{color:var(--green)}.negative{color:var(--red)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.chart-panel{margin-top:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-header h2{margin:5px 0 0;font-size:20px;letter-spacing:-.035em}.range-tabs{display:flex;padding:4px;background:var(--bg2);border:1px solid var(--line);border-radius:11px}.range-tabs button{border:0;background:transparent;color:var(--muted);font-size:10px;padding:7px 10px;border-radius:8px;cursor:pointer}.range-tabs button.active{background:var(--panel2);color:var(--cyan)}.chart-stats{display:flex;gap:24px;margin:22px 0 4px}.chart-stats span{font-size:10px;color:var(--muted)}.chart-stats b{color:var(--text);margin-left:5px}.chart-wrap{position:relative;width:100%;height:360px;margin-top:6px}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-tooltip{position:absolute;pointer-events:none;background:var(--bg2);border:1px solid var(--line);padding:9px 11px;border-radius:10px;font-size:10px;box-shadow:var(--shadow);transform:translate(-50%,-115%);white-space:nowrap}.split-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:16px}.text-button{background:transparent;color:var(--cyan);font-size:11px;font-weight:800}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;padding:10px}td{padding:13px 10px;border-top:1px solid var(--line);font-size:12px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.row-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.row-symbol{cursor:pointer}.pill{border:1px solid var(--line);border-radius:999px;color:var(--amber);padding:5px 10px;font-size:9px;font-weight:800}.gauge{width:160px;height:80px;border-radius:160px 160px 0 0;background:var(--bg2);margin:30px auto 16px;position:relative;overflow:hidden;text-align:center}.gauge:after{content:"";position:absolute;inset:18px 18px 0;background:var(--panel);border-radius:130px 130px 0 0}.gauge-fill{position:absolute;inset:0;background:conic-gradient(from 270deg,var(--cyan) 0deg,var(--blue) var(--gauge,90deg),transparent var(--gauge,90deg));clip-path:inset(0 0 50% 0)}.gauge span,.gauge small{position:relative;z-index:2;display:block}.gauge span{font-size:27px;font-weight:900;margin-top:35px;line-height:1}.gauge small{font-size:9px;color:var(--muted)}.insight-list{display:grid;gap:9px}.insight-item{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.insight-item span{color:var(--muted)}.raw-panel{margin-top:16px;padding:0}.raw-panel summary{cursor:pointer;padding:18px 22px;font-weight:800;display:flex;justify-content:space-between}.raw-panel summary span{font-size:10px;color:var(--muted)}pre{margin:0;border-top:1px solid var(--line);padding:20px;overflow:auto;max-height:360px;font-size:11px;color:#9fe3dc;background:var(--bg2)}footer{border-top:1px solid var(--line);padding:28px clamp(18px,3vw,42px);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer strong,footer span{display:block}footer strong{color:var(--text);margin-bottom:4px}footer button{border:0;background:transparent;color:var(--muted);cursor:pointer;margin-left:18px}.modal{max-width:590px;width:calc(100% - 28px);border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 35px 100px rgba(0,0,0,.5)}.modal::backdrop{background:rgba(1,7,15,.78);backdrop-filter:blur(5px)}.modal form{padding:24px}.modal.wide{max-width:820px}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.modal-head h2{margin:5px 0 0}.close-button{border:1px solid var(--line);background:var(--panel2);color:var(--text);width:36px;height:36px;border-radius:10px;font-size:20px;cursor:pointer}.modal p,.prose{color:var(--muted);font-size:12px;line-height:1.65}.modal label{display:grid;gap:7px;font-size:11px;font-weight:750;margin-top:16px}.modal input,.modal select{width:100%;border:1px solid var(--line);background:var(--bg2);color:var(--text);padding:12px;border-radius:11px;font:inherit}.checkbox-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;font-weight:500!important}.checkbox-line input{width:auto}.test-result{margin-top:16px;padding:11px;border-radius:10px;background:var(--bg2);color:var(--muted);font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.compare-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}.compare-inputs span{margin-bottom:11px;color:var(--cyan);font-size:11px;font-weight:900}.full{width:100%;margin-top:14px}.compare-results{margin-top:18px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-card{padding:18px;border:1px solid var(--line);background:var(--bg2);border-radius:14px}.compare-card h3{margin:0 0 12px}.compare-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px}.compare-card dt{color:var(--muted)}.compare-card dd{margin:0;font-weight:800}.prose h3{color:var(--text)}.prose a{color:var(--cyan)}.toast-region{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:10px}.toast{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:12px 15px;font-size:11px;animation:toast-in .25s ease}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}@media(max-width:1180px){.metrics-grid{grid-template-columns:1.5fr repeat(2,1fr)}.metrics-grid .metric-card:nth-child(4),.metrics-grid .metric-card:nth-child(5){grid-column:span 1}.split-grid{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);transition:.25s;width:min(300px,88vw);box-shadow:var(--shadow)}.sidebar.open{transform:none}.menu-button{display:block}.topbar{padding:0 14px;gap:10px}.search button{padding:0 12px}.market-status{display:none}.ticker-strip{padding:0 18px}.hero{display:block}.hero-actions{margin-top:24px}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card.featured{grid-column:1/-1}.chart-wrap{height:300px}.chart-stats{overflow:auto;white-space:nowrap}.top-actions{gap:7px}footer{flex-direction:column}.compare-grid{grid-template-columns:1fr}}@media(max-width:540px){.search span{display:none}.search{padding-left:9px}.search button{font-size:0;width:42px}.search button:after{content:"⌕";font-size:17px}.hero h1{font-size:37px}.hero-actions{display:grid}.metrics-grid{grid-template-columns:1fr}.metric-card.featured{grid-column:auto}.chart-panel,.panel{padding:17px}.panel-header{align-items:flex-start}.range-tabs{overflow:auto}.chart-wrap{height:250px}.compare-inputs{grid-template-columns:1fr}.compare-inputs span{text-align:center;margin:0}.ticker-strip{gap:22px}.sidebar-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}