:root{--bg:#07070c;--bg-soft:#101018;--fg:#f4f4f8;--fg-dim:#9a9aab;--fg-faint:#5d5d70;--line:#ffffff17;--accent:#ff5f2e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{height:100dvh;position:relative;overflow:hidden}.home{-webkit-overflow-scrolling:touch;height:100dvh;padding:calc(var(--safe-top) + 28px) 18px calc(var(--safe-bottom) + 32px);overflow-y:auto}.home__header{margin-bottom:26px}.home__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 10px;font-size:11px}.home__title{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.05}.home__sub{color:var(--fg-dim);max-width:46ch;margin:12px 0 0;font-size:14px;line-height:1.5}.home__list{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.card{text-align:left;isolation:isolate;border:1px solid var(--line);background:var(--bg-soft);width:100%;min-width:0;transition:transform .24s var(--ease-out);border-radius:20px;padding:18px;display:block;position:relative;overflow:hidden}.card:active{transform:scale(.985)}.card__glow{z-index:-1;opacity:.5;filter:blur(38px);height:200%;position:absolute;top:-40%;bottom:auto;left:-20%;right:-20%}.card__num{font-variant-numeric:tabular-nums;letter-spacing:.16em;color:#ffffff8c;font-size:11px}.card__title{letter-spacing:-.02em;margin:8px 0 0;font-size:21px;font-weight:650}.card__tagline{color:#ffffffad;margin:7px 0 0;font-size:13.5px;line-height:1.45}.card__chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{color:#ffffffd1;white-space:nowrap;background:#ffffff17;border-radius:999px;padding:6px 9px;font-size:11px;line-height:1}.chip--ghost{border:1px solid var(--line);color:var(--fg-faint);background:0 0}.shell{background:#000;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.shell__stage{flex:1;min-height:0;position:relative;overflow:hidden}.shell__bar{z-index:40;padding:calc(var(--safe-top) + 10px) 12px 10px;pointer-events:none;background:linear-gradient(#0000008c,#0000);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.shell__bar>*{pointer-events:auto}.iconbtn{-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#14141c9e;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;line-height:1;display:grid}.shell__name{letter-spacing:-.01em;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#14141c9e;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;overflow:hidden}.shell__spacer{pointer-events:none;flex:1}.segmented{-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#14141c9e;border-radius:999px;gap:2px;min-width:0;padding:3px;display:flex}.segmented__item{min-width:0;color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:600;position:relative;overflow:hidden}.segmented__item[data-active=true]{color:#0a0a0f}.segmented__pill{background:var(--fg);z-index:-1;border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:0}.fps{white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#14141c9e;border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:600}.fps[data-level=ok]{color:#4ade80}.fps[data-level=mid]{color:#ffc14a}.fps[data-level=bad]{color:#ff6b6b}.sheet__scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;position:absolute;top:0;bottom:0;left:0;right:0}.sheet{z-index:51;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line);max-height:82%;padding:10px 18px calc(var(--safe-bottom) + 26px);background:#0d0d14;border-radius:22px 22px 0 0;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.sheet__grip{background:#ffffff38;border-radius:999px;width:38px;height:4px;margin:0 auto 16px}.sheet__title{letter-spacing:-.02em;margin:0 0 4px;font-size:19px}.sheet__brief{color:var(--fg-dim);margin:0 0 20px;font-size:13px;line-height:1.5}.sheet__section{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 10px;font-size:11px}.tech{gap:8px;margin-bottom:22px;display:grid}.tech__item{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:12px 13px}.tech__head{align-items:baseline;gap:8px;display:flex}.tech__name{letter-spacing:-.01em;color:var(--fg);font-size:14px;font-weight:620;text-decoration:none}.tech__weight{color:var(--fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px}.tech__why{color:var(--fg-dim);margin:6px 0 0;font-size:12.5px;line-height:1.5}.notes{gap:8px;margin:0;padding-left:18px;display:grid}.notes li{color:var(--fg-dim);font-size:12.5px;line-height:1.5}.loading{color:var(--fg-faint);place-items:center;font-size:13px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hint{left:0;right:0;bottom:calc(var(--safe-bottom) + 18px);z-index:30;pointer-events:none;justify-content:center;padding:0 14px;display:flex;position:absolute}.hint__pill{text-align:center;letter-spacing:.01em;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);color:#ffffffc7;background:#0a0a10b8;border-radius:999px;max-width:100%;padding:8px 14px;font-size:12px;line-height:1.35}