@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/space-grotesk-latin-BhU9QXUp.woff2) format("woff2")}:root{--font: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--bg-0: #0d1014;--bg-1: #1b2029;--panel: #12161c;--panel-2: #1a1f27;--ink: #e7ecf2;--ink-dim: #c3ccd8;--ink-mute: #7f8a99;--ink-faint: #5c6672;--hairline: rgba(255, 255, 255, .08);--danger: #ff5c5c;--gap: 10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--ink);font-family:var(--font)}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid #edc23a;outline-offset:3px}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,var(--bg-1) 0%,var(--bg-0) 70%);color:var(--ink);user-select:none;-webkit-user-select:none;padding-top:env(safe-area-inset-top)}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px;flex-shrink:0}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.wordmark{font-size:17px;font-weight:700;letter-spacing:.22em}.subtitle{font-size:11px;color:var(--ink-mute);letter-spacing:.1em;white-space:nowrap}.controls{display:flex;align-items:center;gap:8px}.segment{display:flex;background:var(--panel-2);border-radius:10px;padding:3px;border:1px solid rgba(255,255,255,.06)}.seg-btn{width:30px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--ink-mute);font-size:14px;font-weight:500}.seg-btn.is-on{background:#2c3441;color:var(--ink)}.chip{height:34px;padding:0 13px;border-radius:10px;background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--hairline);font-size:14px}.chip:disabled{opacity:.4;cursor:default}.chip-install{display:inline-flex;align-items:center;gap:6px;padding:0 12px;background:#223247;color:#cfe0f5;border-color:#78aaf059}.install-glyph{width:16px;height:16px;flex-shrink:0}.ios-steps{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ink-dim)}.ios-steps b{color:var(--ink);font-weight:600}@media (max-width: 380px){.install-text{display:none}.chip-install{padding:0 10px}}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:6px 12px 14px}.zone{width:94%;max-width:620px;flex-shrink:0;border-radius:14px;border:2px dashed;display:flex;align-items:center;justify-content:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.zone-label{font-size:12px;letter-spacing:.08em;transition:color .16s ease}.row{display:flex;gap:var(--gap);align-items:flex-start;flex-shrink:0}.card{position:relative;flex-shrink:0;touch-action:none;overflow:hidden;transition:transform .17s cubic-bezier(.2,.8,.3,1),opacity .16s ease,margin-top .16s ease,box-shadow .2s ease}.rank{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;line-height:1;z-index:2}.rank.is-pop{animation:pop .22s cubic-bezier(.2,1.4,.4,1)}.burst{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.16}.slot{flex-shrink:0;border-radius:14px;border:1.5px dashed rgba(255,255,255,.2);background:transparent;color:#8b95a3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.slot:active{background:#ffffff0f}.slot-label{font-size:11px;letter-spacing:.1em}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080ba6;display:flex;align-items:flex-end;z-index:50}.sheet{width:100%;background:var(--panel);border-top:1px solid rgba(255,255,255,.09);border-radius:20px 20px 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #00000080;animation:rise .2s cubic-bezier(.2,.9,.3,1)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.sheet-ok{display:block;width:100%;height:56px;margin-bottom:14px;border-radius:14px;background:#2f3a49;color:var(--ink);border:1px solid rgba(255,255,255,.12);font-size:20px;font-weight:600;letter-spacing:.04em}.sheet-ok:active{background:#3a4757}.sheet-eyebrow{font-size:11px;color:var(--ink-mute);letter-spacing:.12em}.sheet-title{font-size:18px;font-weight:500;margin-top:3px}.close{height:34px;padding:0 13px;border-radius:10px;background:#222932;color:var(--ink-dim);border:none;font-size:14px}.close.is-main{background:#2f3a49;color:var(--ink)}.groups{display:flex;flex-direction:column}.group{margin-bottom:12px}.group-label{font-size:11px;color:var(--ink-mute);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.pick-row{display:flex;gap:10px}.pick{flex:1;height:52px;border-radius:12px;background:#1c222b;color:var(--ink);border:1px solid var(--hairline);font-size:20px;font-weight:500}.pick.is-on{background:#0b0d10;color:#fff;font-weight:700;border:1.5px solid rgba(255,255,255,.55)}.swatch{flex:1;height:52px;border-radius:12px;border:none;font-size:20px;font-weight:700;box-shadow:0 2px 6px #0006}.chooser{padding-top:16px}.chooser-title{font-size:15px;color:var(--ink-dim);margin-bottom:12px}.actions{display:flex;gap:10px}.action{flex:1;height:48px;border-radius:12px;font-size:14.5px;font-weight:500}.action-ghost{background:transparent;color:#9aa4b1;border:1px solid rgba(255,255,255,.12)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}@media (max-height: 520px){.scrim{justify-content:center}.sheet{max-width:560px;border-radius:18px;margin-bottom:calc(8px + env(safe-area-inset-bottom));padding:10px 14px 12px}.sheet-head{margin-bottom:8px}.sheet-title{font-size:16px}.sheet-ok{height:44px;margin-bottom:10px;font-size:18px}.group{margin-bottom:8px}.group:last-child{margin-bottom:0}.group-label{margin-bottom:4px}.pick,.swatch{height:42px}}@media (prefers-reduced-motion: reduce){.card,.rank,.sheet{animation:none!important;transition:none!important}}