:root{--bg:#071019;--surface:#0d1925;--surface-2:#122230;--line:rgba(255,255,255,.075);--text:#f3f7fa;--muted:#8496a6;--cyan:#55e7d5;--blue:#54a8ff;--yellow:#f6c85f;--danger:#ff7488;--safe-bottom:max(18px,env(safe-area-inset-bottom));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}.hidden{display:none!important}button{font:inherit;color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.12}.ambient-one{width:340px;height:340px;background:var(--cyan);right:-190px;top:-100px}.ambient-two{width:280px;height:280px;background:#2c6cff;left:-190px;top:42%}.shell{width:min(100%,720px);margin:auto;padding:0 18px calc(96px + var(--safe-bottom));position:relative}.topbar{height:76px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg) 65%,transparent)}.brand-mark{width:40px;height:40px;border:1px solid rgba(85,231,213,.34);border-radius:13px;background:linear-gradient(145deg,rgba(85,231,213,.22),rgba(84,168,255,.08));display:grid;place-items:center;box-shadow:inset 0 0 18px rgba(85,231,213,.08)}.brand-mark span{font-weight:900;font-size:20px;color:var(--cyan)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:16px;letter-spacing:.02em}.brand-copy small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:5px}.icon-button{margin-left:auto;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);display:grid;place-items:center}.icon-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button.loading svg{animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
.view{display:none;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(5px)}}.hero{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0 25px}.eyebrow{margin:0 0 7px;color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:800}.hero h1,.page-title h1{margin:0;font-size:31px;line-height:1.08;letter-spacing:-.035em}.subtle,.page-title p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.pulse{display:flex;align-items:center;gap:6px;margin-top:4px;padding:7px 9px;border:1px solid rgba(85,231,213,.18);border-radius:20px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.12em;background:rgba(85,231,213,.06)}.pulse i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(85,231,213,.1);animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(85,231,213,0)}}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:115px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:16px;display:flex;flex-direction:column}.metric.accent{background:linear-gradient(145deg,rgba(85,231,213,.16),rgba(84,168,255,.055));border-color:rgba(85,231,213,.18)}.metric span{color:var(--muted);font-size:11px}.metric b{font-size:25px;line-height:1;margin:17px 0 8px;letter-spacing:-.035em}.metric small{color:var(--muted);font-size:9px;margin-top:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0 14px}.section-head h2{margin:0;font-size:20px;letter-spacing:-.025em}.text-button{border:0;background:transparent;color:var(--blue);font-size:12px;padding:6px}.card-stack{display:grid;gap:10px}.signal-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,34,48,.96),rgba(10,22,32,.98));border-radius:21px;padding:16px;overflow:hidden}.signal-card:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:2px;background:var(--score-color,var(--cyan));box-shadow:0 0 16px var(--score-color,var(--cyan))}.signal-top{display:flex;justify-content:space-between;gap:12px}.signal-title h3{margin:0;font-size:16px}.signal-title p{margin:5px 0 0;color:var(--muted);font-size:11px}.score-badge{min-width:57px;height:42px;border:1px solid color-mix(in srgb,var(--score-color,var(--cyan)) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--score-color,var(--cyan)) 9%,transparent);display:flex;align-items:baseline;justify-content:center;padding-top:10px;color:var(--score-color,var(--cyan));font-weight:900;font-size:17px}.score-badge small{font-size:8px;color:var(--muted);margin-left:2px}.signal-prices{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.signal-prices div+div{border-left:1px solid var(--line);padding-left:14px}.signal-prices span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.signal-prices b{display:block;margin-top:5px;font-size:15px}.positive{color:var(--cyan)}.signal-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tag{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.045);font-size:9px;color:#a9b8c4}.quality-preview{display:flex;align-items:center;gap:17px;padding:18px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.025)}.ring{width:66px;height:66px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--ring,0%),rgba(255,255,255,.07) 0);position:relative}.ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}.ring span{position:relative;z-index:1;font-weight:900;font-size:13px}.quality-preview h3{margin:0 0 7px;font-size:14px}.quality-preview p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.page-title{padding:18px 0 20px}.chips{display:flex;gap:7px;overflow:auto;margin:0 -18px 17px;padding:0 18px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:13px;padding:10px 13px;color:var(--muted);font-size:11px}.chip.active{color:#061916;background:var(--cyan);border-color:var(--cyan);font-weight:800}.load-more{width:100%;margin:14px 0;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:15px;padding:14px}.collection-list{display:grid;gap:9px}.collection-card{border:1px solid var(--line);background:rgba(255,255,255,.028);border-radius:18px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:11px}.collection-card h3{margin:0 0 6px;font-size:15px}.collection-card p{margin:0;color:var(--muted);font-size:10px}.collection-score{text-align:right;color:var(--cyan);font-size:18px;font-weight:900}.collection-score small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.progress{grid-column:1/-1;height:4px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:4px}.breakdown{display:grid;gap:9px}.breakdown-row{padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.breakdown-head{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.breakdown-row p{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.explain{display:flex;gap:12px;padding:15px;margin-top:18px;border:1px solid rgba(84,168,255,.16);background:rgba(84,168,255,.055);border-radius:17px}.explain i{width:22px;height:22px;border-radius:50%;background:rgba(84,168,255,.15);color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900;flex:none}.explain p{margin:1px 0 0;font-size:10px;color:var(--muted);line-height:1.55}.state-card{text-align:center;margin-top:70px;padding:32px 20px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.state-icon{font-size:33px}.state-card h1{margin:14px 0 8px}.state-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,720px);height:calc(70px + var(--safe-bottom));padding:8px 12px var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,16,25,.92);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.bottom-nav button{border:0;background:transparent;color:#64798a;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px}.bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button.active{color:var(--cyan)}.sheet-backdrop{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}.sheet{position:fixed;z-index:40;left:50%;bottom:0;width:min(100%,720px);max-height:88vh;overflow:auto;transform:translate(-50%,105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);background:#0c1823;border:1px solid var(--line);border-bottom:0;border-radius:25px 25px 0 0;padding:22px 20px calc(24px + var(--safe-bottom))}.sheet.open{transform:translate(-50%,0)}.sheet-handle{width:38px;height:4px;border-radius:3px;background:rgba(255,255,255,.16);margin:-10px auto 16px}.sheet-close{position:absolute;right:17px;top:15px;border:0;background:rgba(255,255,255,.06);border-radius:50%;width:31px;height:31px;color:var(--muted);font-size:22px}.sheet h2{font-size:23px;margin:0 42px 6px 0}.sheet .sheet-sub{color:var(--muted);font-size:11px;margin:0 0 20px}.detail-score{font-size:35px;color:var(--cyan);font-weight:900}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.detail-item{padding:12px;background:rgba(255,255,255,.035);border-radius:14px}.detail-item span{display:block;color:var(--muted);font-size:9px}.detail-item b{display:block;font-size:13px;margin-top:7px}.open-market{width:100%;display:block;text-align:center;text-decoration:none;color:#061916;background:var(--cyan);border-radius:15px;padding:14px;font-weight:900;font-size:13px;margin-top:18px}.toast{position:fixed;z-index:60;left:50%;bottom:95px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#dcecf0;color:#071019;border-radius:12px;padding:10px 14px;font-size:11px;font-weight:700;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.skeleton-stack:empty:before,.skeleton-stack:empty:after{content:"";height:145px;border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.065),rgba(255,255,255,.025));background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton-stack:empty:after{height:110px}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:600px){.shell{padding-inline:28px}.chips{margin-inline:-28px;padding-inline:28px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric{min-height:125px}.signal-card{padding:19px}.collection-list{grid-template-columns:1fr 1fr}}