:root{--bg:#0b0e0c;--bg-soft:#121714;--panel:#161c18;--line:#2a352c;--text:#e8efe6;--muted:#8b988c;--gold:#e3c36a;--up:#3dcc8a;--down:#ff6b7a;--shadow:0 18px 40px #00000047}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(1200px 500px at 10% -10%, #e3c36a14, transparent 50%), var(--bg);margin:0;font-family:IBM Plex Sans,Noto Sans SC,sans-serif;overflow-x:hidden}button,input{font:inherit}input{font-size:16px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:min(1440px,100% - 32px);padding:32px 0 56px;padding-bottom:max(56px, calc(24px + env(safe-area-inset-bottom)));margin:0 auto;position:relative}.glow{pointer-events:none;filter:blur(10px);background:radial-gradient(circle,#3dcc8a1f,#0000 70%);width:min(420px,70vw);height:220px;position:absolute;inset:-80px auto auto 40%}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:end;gap:28px;margin-bottom:28px;display:grid}.eyebrow{color:var(--gold);letter-spacing:.22em;margin:0 0 8px;font-size:12px;font-weight:600}h1{letter-spacing:-.04em;margin:0;font-family:Syne,Noto Sans SC,sans-serif;font-size:clamp(36px,6vw,64px);line-height:.95}.hero__lead{max-width:52ch;color:var(--muted);margin:14px 0 0;line-height:1.6}.hero__meta{text-align:right;justify-items:end;gap:12px;display:grid}.live{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.live.is-on{color:var(--up)}.live__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.live.is-on .live__dot{animation:1.6s infinite pulse;box-shadow:0 0 #3dcc8ab3}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}}.hero__updated{color:var(--muted);margin:0;font-size:13px}.clocks{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px 16px;margin:0;padding:12px 14px;list-style:none;display:grid}.clocks li{color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;display:flex}.clocks strong{color:var(--text);font-family:IBM Plex Mono,monospace;font-weight:500}.toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#121714db;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;padding:12px;display:flex;position:sticky;top:10px}.search{flex:220px}.search input{width:100%;height:40px;color:var(--text);border:1px solid var(--line);background:#0f1411;border-radius:10px;outline:none;padding:0 14px}.search input:focus{border-color:#4d624f}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{height:36px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px}.chip.is-active,.chip:hover{color:var(--text);background:#1c241e;border-color:#4a5c4d}.chip--range.is-active{color:#1a1406;background:var(--gold);border-color:var(--gold)}.chip--toggle{margin-left:auto}.banner,.empty{color:#ffd0d4;background:#2a1618;border:1px solid #553136;border-radius:12px;margin:0 0 18px;padding:12px 14px}.empty{color:var(--muted);background:var(--panel);border-color:var(--line)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;display:grid}.card{background:linear-gradient(180deg, #ffffff05, transparent 40%), var(--panel);border:1px solid var(--line);min-height:228px;box-shadow:var(--shadow);border-radius:18px;gap:14px;padding:16px 16px 12px;display:grid}.card--up{border-color:#274736}.card--down{border-color:#4a2a30}.card--loading{opacity:.72}.card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card__names{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.card__name{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700}.card__en{color:var(--muted);font-size:13px}.card__symbol{color:#6f7d71;margin:6px 0 0;font-family:IBM Plex Mono,monospace;font-size:12px}.card__tag{color:var(--gold);border:1px solid #4d4430;border-radius:999px;flex:none;padding:4px 8px;font-size:12px}.card__price-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.card__price{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:600}.card__change{justify-items:end;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600;display:grid}.card__change small{color:var(--muted);font-size:12px;font-weight:500}.card__change--up{color:var(--up)}.card__change--down{color:var(--down)}.card__change--flat{color:var(--muted)}.card__chart{gap:6px;display:grid}.sparkline{width:100%;height:78px;display:block}.card__axis{color:#6f7d71;border-top:1px solid #2a352c;justify-content:space-between;gap:8px;padding-top:6px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1;display:flex}.sparkline--empty{color:var(--muted);place-items:center;font-size:13px;display:grid}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;font-size:13px;display:flex}@media (width<=820px){.hero,.hero__meta{text-align:left;grid-template-columns:1fr;justify-items:start}.clocks{width:100%}.chip--toggle{margin-left:0}.grid{grid-template-columns:1fr}}@media (width<=640px){.page{width:100%;padding:16px 14px max(24px, calc(16px + env(safe-area-inset-bottom)))}h1{font-size:clamp(28px,9vw,40px)}.hero{gap:16px;margin-bottom:16px}.hero__lead{font-size:14px}.toolbar{z-index:8;padding:10px 14px 12px;padding-top:max(10px, env(safe-area-inset-top));border-left:none;border-right:none;border-radius:0;gap:8px;margin:0 -14px 14px;position:sticky;top:0}.search{flex:100%}.search input{height:44px}.glow{display:none}.chips{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;width:100%;padding-right:20px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 0 calc(100% - 22px),#0000)}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:40px;padding:0 14px}.card{border-radius:14px;min-height:0;padding:14px 12px 10px}.card__name{font-size:18px}.card__price-row{flex-wrap:wrap;gap:8px 12px}.card__price{overflow-wrap:anywhere;font-size:clamp(20px,7vw,26px)}.card__axis{font-size:10px}.foot{flex-direction:column;gap:6px}}