:root{--bg: #0b0b12;--bg-deep: #07070c;--surface: #13131d;--surface-2: #1a1a27;--surface-3: #222232;--border: #292939;--border-strong: #3a3a52;--text: #ececf4;--text-dim: #a0a0b8;--text-faint: #6e6e88;--accent: #7c5cff;--accent-bright: #9b82ff;--accent-ink: #ffffff;--accent-soft: rgb(124 92 255 / 14%);--gold: #ffb454;--ok: #3ddc97;--warn: #ffc266;--err: #ff6b7d;--ok-soft: rgb(61 220 151 / 12%);--warn-soft: rgb(255 194 102 / 12%);--err-soft: rgb(255 107 125 / 12%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", "Consolas", monospace;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--fs-2xl: 2.125rem;--fs-3xl: 3rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 8px 24px -8px rgb(0 0 0 / 60%);--shadow-lg: 0 24px 64px -24px rgb(0 0 0 / 80%);--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}code{font-family:var(--font-mono);font-size:.9em;padding:.1em .35em;border-radius:var(--r-sm);background:var(--surface-3);color:var(--accent-bright)}a{color:var(--accent-bright)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--text);--btn-bd: var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.55rem 1rem;border:1px solid var(--btn-bd);border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--fs-sm);font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .12s var(--ease),background-color .12s var(--ease),border-color .12s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{--btn-bg: linear-gradient(180deg, var(--accent-bright), var(--accent));--btn-fg: var(--accent-ink);--btn-bd: transparent;box-shadow:0 6px 20px -10px var(--accent)}.btn--quiet{--btn-bg: transparent;--btn-fg: var(--text-dim);--btn-bd: var(--border)}.btn--quiet:hover:not(:disabled){color:var(--text)}.btn--ghost{--btn-bg: rgb(255 255 255 / 6%);--btn-bd: transparent}.btn--sm{padding:.3rem .65rem;font-size:var(--fs-xs);border-radius:var(--r-sm)}.btn--lg{padding:.75rem 1.4rem;font-size:var(--fs-md)}.brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.brand__mark{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:linear-gradient(140deg,var(--accent-bright),#3ba9ff 55%,var(--gold));box-shadow:0 4px 14px -6px var(--accent)}.brand__mark-inner{width:12px;height:12px;border-radius:3px;background:var(--bg-deep);transform:rotate(45deg)}.brand--compact .brand__mark{width:26px;height:26px;border-radius:7px}.brand--compact .brand__mark-inner{width:9px;height:9px}.brand__text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand__name{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em}.brand--compact .brand__name{font-size:var(--fs-md)}.brand__tag{font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.2rem .6rem .2rem .5rem;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-xs);font-weight:600;color:var(--text-dim);white-space:nowrap}.chip__dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.chip--ok{color:var(--ok);background:var(--ok-soft);border-color:#3ddc974d}.chip--ok .chip__dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.chip--warn{color:var(--warn);background:var(--warn-soft);border-color:#ffc2664d}.chip--warn .chip__dot{background:var(--warn)}.chip--err{color:var(--err);background:var(--err-soft);border-color:#ff6b7d4d}.chip--err .chip__dot{background:var(--err)}.chip--idle .chip__dot{animation:pulse 1.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.spinner{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-dim);font-size:var(--fs-sm)}.spinner__ring{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent-bright);animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}.skeleton__bar{height:14px;border-radius:var(--r-sm);background:var(--surface-2)}.skeleton__bar--wide{grid-column:1 / -1;max-width:220px}.skeleton__card{height:168px;border-radius:var(--r-md);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-3) 50%,var(--surface) 70%);background-size:300% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton__card,.spinner__ring,.chip--idle .chip__dot{animation:none}}.state-card{--card-accent: var(--border-strong);position:relative;padding:var(--sp-5);border:1px solid var(--border);border-left:3px solid var(--card-accent);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md)}.state-card--warn{--card-accent: var(--warn)}.state-card--err{--card-accent: var(--err)}.state-card__icon{display:block;font-size:var(--fs-xl);line-height:1;margin-bottom:var(--sp-3);color:var(--card-accent)}.state-card__title{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.015em;margin-bottom:var(--sp-2)}.state-card__body{color:var(--text-dim);font-size:var(--fs-sm);display:grid;gap:var(--sp-3)}.state-card__warn{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn)}.state-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-1)}.state-card__fine{font-size:var(--fs-xs);color:var(--text-faint)}.silent-host{position:absolute;left:-10000px;top:0;width:1px;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1100px 480px at 12% -8%,rgb(124 92 255 / 16%),transparent 60%),radial-gradient(800px 380px at 92% 4%,rgb(59 169 255 / 10%),transparent 60%),var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:#0b0b12b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:none}.topbar--wide{padding:var(--sp-4) var(--sp-6)}.topbar__right{display:flex;align-items:center;gap:var(--sp-3)}.topbar__mode{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);border:1px dashed var(--border-strong);border-radius:var(--r-sm);padding:.15rem .4rem}.app--embedded{min-height:100vh}.embed-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--sp-4);padding:var(--sp-4);align-items:start}.embed-main{min-width:0;display:grid;gap:var(--sp-4);align-content:start}.embed-side{min-width:0;position:sticky;top:var(--sp-4)}@media (width <= 880px){.embed-grid{grid-template-columns:minmax(0,1fr)}.embed-side{position:static}}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-7);display:grid;gap:var(--sp-6);align-content:start}.app--embedded .page{max-width:none;padding:var(--sp-4);gap:var(--sp-4)}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-6);align-items:center;padding:var(--sp-7) var(--sp-6);border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--surface) 0%,var(--bg-deep) 100%);box-shadow:var(--shadow-lg);overflow:hidden}.hero__eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-3)}.hero__title{font-size:var(--fs-3xl);line-height:1.04;font-weight:800;letter-spacing:-.035em;margin-bottom:var(--sp-4)}.hero__lede{max-width:46ch;color:var(--text-dim);margin-bottom:var(--sp-5)}.hero__error{padding:var(--sp-3);border-radius:var(--r-md);background:var(--err-soft);border:1px solid rgb(255 107 125 / 30%);color:var(--err);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.hero__actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.hero__fine{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-faint)}.hero__art{position:relative;height:260px}.hero__card{position:absolute;width:132px;height:190px;border-radius:var(--r-md);border:1px solid rgb(255 255 255 / 12%);box-shadow:var(--shadow-lg)}.hero__card--a{left:4%;top:22%;transform:rotate(-13deg);background:linear-gradient(150deg,#7c5cff,#3ba9ff 60%,#0e0e18)}.hero__card--b{left:32%;top:10%;transform:rotate(2deg);background:linear-gradient(150deg,#ff9f45,#ff4d6d 60%,#170d18)}.hero__card--c{left:60%;top:25%;transform:rotate(14deg);background:linear-gradient(150deg,#3ddc97,#1c7cff 60%,#0a1418)}@media (width <= 860px){.hero{grid-template-columns:minmax(0,1fr);padding:var(--sp-6) var(--sp-5)}.hero__title{font-size:var(--fs-2xl)}.hero__art{display:none}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.section-head__title{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.015em}.section-head__note{font-size:var(--fs-xs);color:var(--text-faint)}.authed{display:grid;gap:var(--sp-4)}.account{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.account__who{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.account__avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:linear-gradient(140deg,var(--accent-bright),#3ba9ff);color:var(--accent-ink);font-weight:700;font-size:var(--fs-sm)}.account__lines{display:flex;flex-direction:column;min-width:0;line-height:1.25}.account__label{font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.account__email{font-size:var(--fs-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (width <= 520px){.account{flex-direction:column;align-items:stretch}}.preview{display:grid;gap:var(--sp-4)}.flow-panel{padding:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md);display:grid;gap:var(--sp-4);justify-items:center}.flow-panel__title{font-size:var(--fs-lg);font-weight:700}.config-banner{border:1px solid rgb(255 194 102 / 35%);border-radius:var(--r-lg);background:var(--warn-soft);padding:var(--sp-4) var(--sp-5);display:grid;gap:var(--sp-3)}.config-banner__head{display:grid;gap:var(--sp-2)}.config-banner__badge{justify-self:start;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bg-deep);background:var(--warn);padding:.15rem .5rem;border-radius:var(--r-sm)}.config-banner__lede{font-size:var(--fs-sm);color:var(--text)}.config-banner__list{display:grid;gap:var(--sp-2);font-size:var(--fs-xs)}.config-banner__list li{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:var(--sp-3);align-items:baseline;color:var(--text-dim)}@media (width <= 620px){.config-banner__list li{grid-template-columns:minmax(0,1fr);gap:var(--sp-1)}}.footnote{border-top:1px solid var(--border);padding:var(--sp-5) var(--sp-6);background:var(--bg-deep)}.footnote p{max-width:78ch;margin:0 auto;font-size:var(--fs-xs);color:var(--text-faint)}.footnote strong{color:var(--text-dim)}.app--popup{min-height:100vh}.popup__head{padding:var(--sp-4);border-bottom:1px solid var(--border)}.popup__body{flex:1;padding:var(--sp-6) var(--sp-5);display:grid;gap:var(--sp-4);align-content:start;justify-items:center;text-align:center}.popup__title{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em}.popup__lede{max-width:40ch;font-size:var(--fs-sm);color:var(--text-dim)}.popup__error{display:grid;gap:var(--sp-4);justify-items:center}.switch{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-2xs);color:var(--text-dim);font-family:var(--font-mono)}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:28px;height:16px;flex:none;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-strong);transition:background-color .14s var(--ease)}.switch__knob{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-faint);transition:transform .14s var(--ease),background-color .14s var(--ease)}.switch input:checked+.switch__track{background:var(--accent-soft);border-color:var(--accent)}.switch input:checked+.switch__track .switch__knob{transform:translate(12px);background:var(--accent-bright)}.switch input:focus-visible+.switch__track{box-shadow:var(--ring)}.switch__hint{color:var(--text-faint)}.browse{display:grid;gap:var(--sp-4)}.browse__grid{opacity:.55;filter:saturate(.55);pointer-events:none;-webkit-user-select:none;user-select:none}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--sp-4)}.app--standalone .packs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.packs--compact{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--sp-3)}.pack{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.pack:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.pack__art{position:relative;aspect-ratio:4 / 5;background:radial-gradient(120% 80% at 20% 0%,var(--pack-a),transparent 62%),linear-gradient(165deg,var(--pack-b) 0%,var(--pack-c) 88%);overflow:hidden}.packs--compact .pack__art{aspect-ratio:1 / 1}.pack__foil{position:absolute;top:-30%;right:-60%;bottom:-30%;left:-60%;background:linear-gradient(100deg,transparent 38%,rgb(255 255 255 / 22%) 47%,rgb(255 255 255 / 5%) 53%,transparent 62%);transform:translate(-25%);transition:transform .5s var(--ease)}.pack:hover .pack__foil{transform:translate(25%)}.pack__sigil{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:2px solid rgb(255 255 255 / 45%);border-radius:18%;box-shadow:inset 0 0 0 6px #0000001f,0 0 28px #ffffff2e}.pack__sigil:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;border-radius:22%;background:#ffffff8c}.pack__count{position:absolute;right:var(--sp-2);bottom:var(--sp-2);min-width:22px;padding:.1rem .35rem;border-radius:var(--r-sm);background:#00000073;color:#fff;font-family:var(--font-mono);font-size:var(--fs-2xs);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pack__meta{display:grid;gap:.2rem;padding:var(--sp-3);border-top:1px solid var(--border)}.pack__rarity{justify-self:start;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.pack__rarity--rare{color:#6ec6ff}.pack__rarity--ultra{color:var(--gold)}.pack__rarity--vault{color:var(--ok)}.pack__name{font-size:var(--fs-md);font-weight:700;letter-spacing:-.015em}.packs--compact .pack__name{font-size:var(--fs-sm)}.pack__series{font-size:var(--fs-xs);color:var(--text-faint)}.pack__buy{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-2)}.pack__price{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600}@media (prefers-reduced-motion: reduce){.pack,.pack__foil{transition:none}}.log{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-deep);box-shadow:var(--shadow-md);overflow:hidden}.log__head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface))}.log__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--ok);box-shadow:12px 0 0 -1px var(--warn),24px 0 0 -1px var(--err);margin-right:20px}.log__title{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log__count{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-faint);background:var(--surface-3);border-radius:var(--r-sm);padding:0 .35rem}.log__clear{border:0;background:none;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--fs-2xs);cursor:pointer;padding:.1rem .25rem;border-radius:var(--r-sm)}.log__clear:hover{color:var(--text);background:var(--surface-3)}.log__toolbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:var(--surface)}.log__list{flex:1;min-height:140px;max-height:320px;overflow-y:auto;overflow-x:hidden;padding:var(--sp-2) 0;font-family:var(--font-mono);font-size:var(--fs-2xs);line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.app--standalone .log__list{max-height:260px}.log__list::-webkit-scrollbar{width:8px}.log__list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}.log__empty{padding:var(--sp-3);color:var(--text-faint)}.log__row{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:var(--sp-2);padding:.15rem var(--sp-3);border-left:2px solid transparent}.log__row:hover{background:#ffffff08}.log__ts{color:var(--text-faint);white-space:nowrap}.log__marker{font-weight:700;white-space:nowrap}.log__body{min-width:0;display:flex;flex-wrap:wrap;gap:0 var(--sp-2)}.log__label{color:var(--text);overflow-wrap:anywhere}.log__detail{color:var(--text-faint);overflow-wrap:anywhere}.log__row--in{border-left-color:var(--accent)}.log__row--in .log__marker{color:var(--accent-bright)}.log__row--out{border-left-color:var(--ok)}.log__row--out .log__marker{color:var(--ok)}.log__row--info .log__marker{color:var(--text-faint)}.log__row--error{border-left-color:var(--err);background:#ff6b7d0f}.log__row--error .log__marker,.log__row--error .log__label{color:var(--err)}