:root{--bg:#08090f;--bg-top:#141b30;--bg-2:#0d0f18;--panel:#131826;--panel-2:#1c2333;--line:#262e40;--line-soft:#e0e7ff14;--text:#eef1f8;--muted:#8d95a9;--text-dim:#868ea2;--accent:#7cf0d8;--accent-rgb:124, 240, 216;--accent-deep:#35b9a1;--on-accent:#04211c;--danger:#ef5c62;--danger-rgb:239, 92, 98;--ok:#3ecb7d;--surface-card:linear-gradient(180deg, #1e2536b8, #111521b8);--surface-row:linear-gradient(180deg, #1c23338c, #1318268c);--surface-sheet:linear-gradient(180deg, #1a2133 0%, #0f1320 100%);--brand-ink:linear-gradient(180deg, #fff 0%, #b9c4dd 130%);--scrim:#04060c9e;--scrim-opaque:#04060cdb;--vignette:#0000006b;--chip-ink:#b6c0d6;--danger-ink:#f6a6a9;--danger-ink-soft:#f6b7ba;--danger-ink-quiet:#f0a6a9;--danger-link:#d98a8e;--underline:#e0e7ff2e;--medal-1:#f2d27a;--medal-2:#cdd6e6;--medal-3:#d4a37a;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--fs-micro:11px;--fs-caption:12px;--fs-body:14px;--fs-lead:16px;--fs-title:20px;--fs-display:27px;--fw-reg:500;--fw-med:600;--fw-bold:800;--track-eyebrow:.2em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-pill:999px;--elev-1:0 1px 2px #02040a73, 0 2px 8px #02040a4d;--elev-2:0 8px 22px #02040a73, 0 2px 6px #02040a57;--elev-3:0 20px 52px #02040a9e, 0 6px 16px #02040a70;--ring-accent:0 0 0 1px rgba(var(--accent-rgb), .45), 0 0 22px rgba(var(--accent-rgb), .2);--art-shadow:drop-shadow(0 6px 14px #02040a80);--brand-shadow:drop-shadow(0 6px 14px #02040a8c);--glow-type:0 0 18px rgba(var(--accent-rgb), .28);--glow-dot:0 0 10px rgba(var(--accent-rgb), .7);--glow-check:0 0 12px rgba(var(--accent-rgb), .8);--glow-bar:0 0 18px rgba(var(--accent-rgb), .45);--ease-spring:cubic-bezier(.22, 1, .36, 1);--dur-press:.11s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);font-weight:var(--fw-reg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums}:root[data-theme=light]{--bg:#f3f5fa;--bg-top:#e3eaf9;--bg-2:#eaeef7;--panel:#fff;--panel-2:#eef1f8;--line:#d3dae9;--line-soft:#18223e17;--text:#131829;--muted:#55607a;--text-dim:#5f6a80;--accent:#0a6d5c;--accent-rgb:10, 109, 92;--accent-deep:#07584a;--on-accent:#fff;--danger:#c82e37;--danger-rgb:200, 46, 55;--ok:#0e7a43;--surface-card:linear-gradient(180deg, #fff 0%, #f7f9fd 100%);--surface-row:linear-gradient(180deg, #fff 0%, #f8fafe 100%);--surface-sheet:linear-gradient(180deg, #fff 0%, #f6f8fd 100%);--brand-ink:linear-gradient(180deg, #141a2b 0%, #39445e 130%);--scrim:#141c3266;--scrim-opaque:#141c329e;--vignette:#60709621;--chip-ink:#48526a;--danger-ink:#b3242c;--danger-ink-soft:#a51f27;--danger-ink-quiet:#b3242c;--danger-link:#a8353c;--underline:#18223e3d;--medal-1:#8a6410;--medal-2:#66707f;--medal-3:#a3603a;--elev-1:1px 1px 2px #131c360d, 0 2px 6px #131c360f;--elev-2:2px 6px 16px #131c361a, 0 1px 3px #131c3612;--elev-3:3px 16px 40px #131c3629, 0 2px 8px #131c3617;--ring-accent:0 0 0 1px rgba(var(--accent-rgb), .32), 0 4px 12px rgba(var(--accent-rgb), .24);--art-shadow:drop-shadow(2px 5px 12px #131c3629);--brand-shadow:drop-shadow(2px 5px 12px #131c362e);--glow-type:none;--glow-dot:none;--glow-check:none;--glow-bar:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"), radial-gradient(115% 80% at 50% 106%, var(--vignette), transparent 60%), radial-gradient(120% 78% at 50% -10%, var(--bg-top) 0%, transparent 58%);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;background-attachment:fixed;overflow:hidden}button{color:inherit;font-family:inherit}.app,.app *{-webkit-user-select:none;user-select:none}.app{height:100%;position:relative}.app__scroll{-webkit-overflow-scrolling:touch;height:100%;padding:calc(env(safe-area-inset-top,0px) + var(--sp-6)) var(--sp-4) calc(env(safe-area-inset-bottom,0px) + var(--sp-6));max-width:860px;margin:0 auto;overflow:hidden auto}.brand{align-items:center;gap:var(--sp-3);display:flex}.brandmark{filter:var(--brand-shadow);flex:none}.brand__text{min-width:0}.brand__name{font-size:var(--fs-display);font-weight:var(--fw-bold);letter-spacing:-.02em;background:var(--brand-ink);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.05}.brand__manifesto{font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:.06em;color:var(--accent);text-shadow:var(--glow-type);margin:5px 0 0}.brand__sub{margin:var(--sp-3) 0 0;font-size:var(--fs-caption);color:var(--muted);line-height:1.5}.storage{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-row);align-items:baseline;gap:6px var(--sp-3);flex-wrap:wrap;display:flex}.storage__lead{font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:-.01em}.storage__used{font-size:var(--fs-caption);color:var(--accent);font-weight:var(--fw-med)}.storage__note{font-size:var(--fs-micro);color:var(--text-dim);flex-basis:100%}.section{align-items:center;gap:var(--sp-2);margin:var(--sp-6) 0 var(--sp-3);font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--muted);display:flex}.section__count{font-size:var(--fs-micro);letter-spacing:0;color:var(--text-dim);background:var(--panel-2);border-radius:var(--r-pill);padding:2px 8px}.grid{gap:var(--sp-3);grid-template-columns:1fr;display:grid}@media (width>=620px){.grid{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-card);width:100%;box-shadow:var(--elev-1);transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.card__open{appearance:none;gap:var(--sp-3);text-align:left;width:100%;padding:var(--sp-3);cursor:pointer;transition:transform var(--dur-press) var(--ease-spring);background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;display:grid}.card__open:active{transform:scale(.985)}.card--on{border-color:rgba(var(--accent-rgb), .3)}.card--update{border-color:rgba(var(--accent-rgb), .5)}.card__update{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-3);border-top:1px solid var(--line-soft);background:rgba(var(--accent-rgb), .05);display:flex}.card__updateText{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.card__updateMeta{font-size:var(--fs-micro);color:var(--muted)}.badge{border-radius:var(--r-pill);font-size:var(--fs-micro);font-weight:var(--fw-bold);white-space:nowrap;padding:3px 9px;display:inline-block}.badge--update{background:rgba(var(--accent-rgb), .14);border:1px solid rgba(var(--accent-rgb), .42);color:var(--accent)}.packart{filter:var(--art-shadow);flex:none;display:block;position:relative}.packart svg{display:block}.packart__icon{opacity:0;border-radius:24%;transition:opacity .2s;position:absolute;inset:0}.packart__icon--on{opacity:1}.card__body{min-width:0;display:block}.card__name{font-size:var(--fs-lead);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:1.2;display:block}.card__tag{-webkit-line-clamp:2;line-clamp:2;font-size:var(--fs-caption);color:var(--muted);-webkit-box-orient:vertical;margin-top:3px;line-height:1.45;display:-webkit-box;overflow:hidden}.card__meta{margin-top:var(--sp-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border-radius:var(--r-pill);background:var(--panel-2);border:1px solid var(--line-soft);font-size:var(--fs-micro);font-weight:var(--fw-med);color:var(--chip-ink);white-space:nowrap;padding:3px 9px;display:inline-block}.card__size{font-size:var(--fs-micro);color:var(--text-dim)}.state{font-size:var(--fs-micro);font-weight:var(--fw-med);color:var(--text-dim);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.state__dot{border:1px solid var(--text-dim);border-radius:50%;width:6px;height:6px}.state--on{color:var(--accent)}.state--on .state__dot{background:var(--accent);box-shadow:var(--glow-dot);border-color:#0000}.card__progress{background:rgba(var(--accent-rgb), .12);height:3px;position:absolute;bottom:0;left:0;right:0}.card__progress-fill{transform-origin:0;background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;transition:transform .12s linear;display:block}.placeholder{margin:var(--sp-4) 0;padding:var(--sp-6) var(--sp-4);border:1px dashed var(--line);border-radius:var(--r-md);text-align:center;color:var(--muted);font-size:var(--fs-body)}.placeholder--error{border-color:rgba(var(--danger-rgb), .4);color:var(--danger-ink-quiet)}.placeholder p{margin:0 0 var(--sp-2)}.foot{margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.foot__lang{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);font-size:var(--fs-caption);font-weight:var(--fw-med);color:var(--muted);cursor:pointer;padding:7px 13px 7px 7px;display:inline-flex}.foot__langMark{border-radius:var(--r-pill);background:var(--panel-2);min-width:24px;height:24px;color:var(--text);font-size:var(--fs-micro);font-weight:var(--fw-bold);place-items:center;padding:0 5px;display:grid}.foot__mark{font-size:var(--fs-micro);color:var(--text-dim);margin:0}.scrim{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;justify-content:center;align-items:flex-end;animation:.16s fade;display:flex;position:fixed;inset:0}.scrim--center{padding:var(--sp-4);align-items:center}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.scrim{background:var(--scrim-opaque)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.sheet{width:100%;max-width:560px;padding:var(--sp-2) var(--sp-4) calc(env(safe-area-inset-bottom,0px) + var(--sp-5));border-radius:var(--r-xl) var(--r-xl) 0 0;border:1px solid var(--line);background:var(--surface-sheet);box-shadow:var(--elev-3);animation:rise .22s var(--ease-spring);border-bottom:none;max-height:92vh;overflow-y:auto}.sheet__grip{border-radius:var(--r-pill);background:var(--line);width:40px;height:4px;margin:var(--sp-2) auto var(--sp-4)}.sheet__head{gap:var(--sp-4);align-items:center;display:flex}.sheet__id{min-width:0}.sheet__name{font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:-.02em;margin:0;line-height:1.2}.sheet__tag{margin:5px 0 var(--sp-2);font-size:var(--fs-caption);color:var(--muted);line-height:1.45}.facts{margin:var(--sp-5) 0 0;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line-soft)}.facts__row{justify-content:space-between;gap:var(--sp-4);border-bottom:1px solid var(--line-soft);font-size:var(--fs-caption);padding:9px 0;display:flex}.facts__row:last-child{border-bottom:none}.facts dt{color:var(--muted)}.facts dd{font-weight:var(--fw-med);text-align:right;margin:0}.facts__ok{color:var(--accent)}.sheet__error{margin:var(--sp-4) 0 0;padding:var(--sp-3);border-radius:var(--r-sm);background:rgba(var(--danger-rgb), .12);border:1px solid rgba(var(--danger-rgb), .35);color:var(--danger-ink-soft);font-size:var(--fs-caption);line-height:1.45}.sheet__actions{margin-top:var(--sp-5);gap:var(--sp-2);display:flex}.sheet__note{margin:var(--sp-3) 0 0;font-size:var(--fs-micro);color:var(--text-dim);text-align:center}.progress{margin-top:var(--sp-5)}.progress__track{border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line-soft);height:8px;overflow:hidden}.progress__fill{transform-origin:0;background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;box-shadow:var(--glow-bar);transition:transform .12s linear}.progress__label{margin:var(--sp-2) 0 0;font-size:var(--fs-caption);color:var(--muted);text-align:center}.btn{appearance:none;border-radius:var(--r-md);padding:13px var(--sp-5);font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:-.01em;cursor:pointer;transition:transform var(--dur-press) var(--ease-spring), filter .16s ease, opacity .16s ease;border:1px solid #0000}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:var(--on-accent);box-shadow:var(--ring-accent);flex:1}.btn--ghost{background:var(--panel-2);border-color:var(--line);color:var(--text)}.btn--grow{flex:1}.btn--danger{color:var(--danger-ink);border-color:rgba(var(--danger-rgb), .35);background:rgba(var(--danger-rgb), .1)}.btn--small{padding:8px var(--sp-4);font-size:var(--fs-caption);background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:var(--on-accent);box-shadow:var(--ring-accent);flex:none;margin-left:auto}.btn--quiet{width:100%;margin-top:var(--sp-3);color:var(--muted);font-weight:var(--fw-med);background:0 0;border:none;padding:11px;display:block}.modal{width:100%;max-width:420px;padding:var(--sp-6) var(--sp-5) var(--sp-4);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface-sheet);box-shadow:var(--elev-3);animation:rise .2s var(--ease-spring);max-height:92vh;overflow-y:auto}.modal__title{font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:-.02em;margin:0;line-height:1.25}.modal__body{margin:var(--sp-3) 0 0;font-size:var(--fs-caption);color:var(--muted);line-height:1.6}.modal__section{margin:var(--sp-5) 0 0;font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--text-dim)}.modal__choices{margin-top:var(--sp-5);gap:var(--sp-2);display:grid}.choice{text-align:left;width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel-2);cursor:pointer;transition:transform var(--dur-press) var(--ease-spring);display:block}.choice:active{transform:scale(.985)}.choice__label{font-size:var(--fs-body);font-weight:var(--fw-bold);display:block}.choice__hint{font-size:var(--fs-micro);color:var(--muted);margin-top:3px;line-height:1.45;display:block}.choice--keep{border-color:rgba(var(--accent-rgb), .45);background:linear-gradient(180deg, rgba(var(--accent-rgb), .16), rgba(var(--accent-rgb), .06))}.choice--keep .choice__label{color:var(--accent)}.choice--wipe{border-color:rgba(var(--danger-rgb), .3);background:rgba(var(--danger-rgb), .07)}.choice--wipe .choice__label{color:var(--danger-ink)}.lang__list{margin-top:var(--sp-3);gap:6px;display:grid}.lang__item{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:12px var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel-2);font-size:var(--fs-body);font-weight:var(--fw-med);cursor:pointer;display:flex}.lang__item--on{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .1);color:var(--accent)}.lang__check{background:var(--accent);width:8px;height:8px;box-shadow:var(--glow-check);border-radius:50%}.settings__tour{margin-top:var(--sp-5)}.tour{text-align:center;max-width:480px}.tour__top{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.tour__count{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);margin:0}.tour__skip{min-height:34px;padding:7px var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:var(--fs-caption);font-weight:var(--fw-med);cursor:pointer;transition:transform var(--dur-press) var(--ease-spring);flex:none}.tour__skip:active{transform:scale(.97)}.tour__art{margin:var(--sp-3) 0 var(--sp-5);padding:var(--sp-5) 0;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line-soft);place-items:center;display:grid}.tour__svg{width:96px;height:64px;display:block}.tour__body{margin:var(--sp-3) 0 0;font-size:var(--fs-caption);color:var(--muted);text-align:left;line-height:1.6}.tour__dots{margin-top:var(--sp-5);justify-content:center;gap:6px;display:flex}.tour__dot{background:var(--line);width:6px;height:6px;transition:width .2s var(--ease-spring), background-color .2s ease;border-radius:50%}.tour__dot--on{border-radius:var(--r-pill);background:var(--accent);width:18px}.player{--text:#eef1f8;--elev-2:0 8px 22px #02040a73, 0 2px 6px #02040a57;background:#05070c;position:fixed;inset:0}.player__frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.player__corner{padding:12px 12px 12px calc(env(safe-area-inset-left,0px) + 12px);position:absolute;top:23%;left:0;transform:translateY(-50%)}.player__hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(82vw,340px);box-shadow:var(--elev-2);color:var(--text);text-align:center;white-space:nowrap;pointer-events:none;background:#080a12e0;border:1px solid #e8f0ff24;border-radius:999px;margin:0;padding:9px 16px;font-size:13px;line-height:1.3;animation:2s forwards player-hint;position:absolute;transform:translate(-50%)}@keyframes player-hint{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}76%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.player__back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--text);cursor:pointer;opacity:.14;background:#0a0d168c;border:1px solid #e8f0ff24;border-radius:50%;place-items:center;transition:opacity .5s;display:grid}.player__back--awake{opacity:1;box-shadow:var(--elev-2)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}.player__back{opacity:1}.player__hint{opacity:1;transform:translate(-50%);animation:none!important}}.sheet--optin{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-6))}.optin__list{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line-soft);gap:var(--sp-3);list-style:none;display:grid}.optin__list li{font-size:var(--fs-caption);color:var(--muted);padding-left:18px;line-height:1.55;position:relative}.optin__list li:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:var(--glow-dot);border-radius:50%;position:absolute;top:7px;left:2px}.optin__note{margin:var(--sp-3) 0 0;font-size:var(--fs-micro);color:var(--text-dim);text-align:center}.sheet--optin .sheet__actions .btn--ghost{flex:1}.profile{margin-top:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-row)}.profile--off{align-items:stretch;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);flex-direction:column;display:flex}.profile__offRow{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.profile__offClaim{align-self:flex-start}.profile__offText{min-width:0}.profile__offTitle{font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:-.01em;margin:0}.profile__offBody{font-size:var(--fs-micro);color:var(--text-dim);margin:3px 0 0;line-height:1.45}.btn--sm{padding:8px var(--sp-4);font-size:var(--fs-caption);border-radius:var(--r-sm);flex:none}.profile__head{align-items:center;gap:var(--sp-3);display:flex}.profile__mark{background:linear-gradient(180deg, rgba(var(--accent-rgb), .28), rgba(var(--accent-rgb), .1));border:1px solid rgba(var(--accent-rgb), .4);width:34px;height:34px;color:var(--accent);font-size:var(--fs-lead);font-weight:var(--fw-bold);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;display:grid}.profile__name{min-width:0;font-size:var(--fs-lead);font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:7px;padding:4px 0;display:inline-flex}.profile__name svg{color:var(--text-dim);flex:none}.profile__name--empty{color:var(--muted);font-weight:var(--fw-med)}.profile__backup{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.profile__backupText{font-size:var(--fs-caption);color:var(--muted);min-width:0}.profile__queued{margin:var(--sp-2) 0 0;font-size:var(--fs-micro);color:var(--text-dim)}.profile__actions{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line-soft);gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.profile__link{font-size:var(--fs-caption);font-weight:var(--fw-med);color:var(--muted);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:4px;background:0 0;border:none;padding:4px 0}.profile__link--danger{color:var(--danger-link);margin-left:auto}.nick__form{margin-top:var(--sp-4);position:relative}.nick__input{width:100%;padding:13px var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-family:inherit;font-size:var(--fs-lead);font-weight:var(--fw-med);padding-right:62px}.nick__input:focus{border-color:rgba(var(--accent-rgb), .55);box-shadow:var(--ring-accent);outline:none}.nick__count{right:var(--sp-4);font-size:var(--fs-micro);color:var(--text-dim);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.nick__count--over{color:var(--danger-ink)}.transfer__input{margin-top:var(--sp-4);padding-right:var(--sp-4);text-align:center;letter-spacing:.22em;font-size:var(--fs-title);font-weight:var(--fw-bold)}.transfer__code{margin:var(--sp-5) 0 0;padding:var(--sp-4);border-radius:var(--r-md);background:var(--bg-2);border:1px solid rgba(var(--accent-rgb), .35);color:var(--accent);font-size:30px;font-weight:var(--fw-bold);letter-spacing:.16em;text-align:center;-webkit-user-select:text;user-select:text}.transfer__expiry,.transfer__pending{margin:var(--sp-2) 0 0;font-size:var(--fs-micro);color:var(--text-dim);text-align:center}.transfer__warn{margin:var(--sp-3) 0 0;font-size:var(--fs-micro);color:var(--danger-ink);text-align:center;line-height:1.5}.transfer__done{margin:var(--sp-3) 0 0;font-size:var(--fs-caption);color:var(--ok);text-align:center}.modal__body--keep{color:var(--text-dim);margin-top:var(--sp-2)}.rank{margin-top:var(--sp-2)}.rank__gate{gap:var(--sp-2);justify-items:center;display:grid}.rank__picker{scrollbar-width:none;margin:0 calc(var(--sp-4) * -1);padding-bottom:2px;padding-left:var(--sp-4);padding-right:var(--sp-4);gap:6px;display:flex;overflow-x:auto}.rank__picker::-webkit-scrollbar{display:none}.rank__chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:var(--fs-caption);font-weight:var(--fw-med);white-space:nowrap;cursor:pointer;flex:none;padding:7px 13px}.rank__chip--on{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .12);color:var(--accent)}.rank__periods{margin-top:var(--sp-3);border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line-soft);gap:3px;padding:3px;display:inline-flex}.rank__period{border-radius:var(--r-pill);color:var(--muted);font-size:var(--fs-caption);font-weight:var(--fw-med);cursor:pointer;background:0 0;border:none;padding:6px 16px}.rank__period--on{background:var(--panel-2);color:var(--text);box-shadow:var(--elev-1)}.rank__body{margin-top:var(--sp-3)}.rank__list{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);max-height:396px;margin:0;list-style:none;overflow-y:auto}.rank__row{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--line-soft);font-size:var(--fs-caption);grid-template-columns:30px 1fr auto;padding:9px 6px;display:grid}.rank__row:last-child{border-bottom:none}.rank__row--me{background:rgba(var(--accent-rgb), .08);border-radius:var(--r-sm)}.rank__pos{color:var(--text-dim);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;text-align:right}.rank__row:first-child .rank__pos{color:var(--medal-1)}.rank__row:nth-child(2) .rank__pos{color:var(--medal-2)}.rank__row:nth-child(3) .rank__pos{color:var(--medal-3)}.rank__nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--fw-med);overflow:hidden}.rank__row--me .rank__nick{color:var(--accent)}.rank__value{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rank__mine{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .07);justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.rank__mineLabel{font-size:var(--fs-micro);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--muted)}.rank__mineValue{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--accent);font-variant-numeric:tabular-nums}