:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbf3e4;--bg-deep:#f2e3c6;--surface:#fffcf5;--surface-2:#fff6e6;--ink:#2b1d3a;--ink-soft:#6e5c7d;--ink-faint:#a291ae;--line:#e6d4b3;--line-strong:#d4bb8f;--brass:#c4842a;--brass-deep:#9a6418;--accent:#ff6a3d;--accent-ink:#fff;--accent-btn:#cc4614;--accent-text:#c2410c;--magic-text:#7444e8;--potion:#17806f;--magic:#8b5cf6;--magic-2:#ec4899;--gold:#f5b82e;--danger:#b8322a;--t-ice:#2f6fe0;--t-cool:#2f6fe0;--t-mild:#e8b923;--t-warm:#c24e0c;--t-hot:#d42c22;--t-hit:#1a7f53;--t-mild-text:#8a5a00;--chip-bg:#fffdf8;--chip-edge:#e2cfa9;--chip-shadow:#d9c39a;--chip-selected:#ffe7c2;--font:system-ui, -apple-system, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:19px;--fs-xl:24px;--fs-2xl:32px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--touch:48px;--maxw:720px;--shadow-card:0 1px 0 #2b1d3a0a, 0 8px 24px -12px #2b1d3a40;--shadow-pop:0 18px 40px -12px #2b1d3a73;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-mid:.26s;--dur-slow:.52s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17111f;--bg-deep:#120d19;--surface:#221a2e;--surface-2:#2a2138;--ink:#f7eedc;--ink-soft:#c7b8d6;--ink-faint:#8a7a9c;--line:#3a2e4b;--line-strong:#4b3d60;--brass:#e3a54d;--brass-deep:#b98030;--accent:#ff7a50;--accent-text:#ff7a50;--magic-text:#b49cff;--danger:#ff7b72;--chip-bg:#2a2138;--chip-edge:#44365a;--chip-shadow:#0d0912;--chip-selected:#4a3560;--t-mild-text:var(--t-mild);--shadow-card:0 1px 0 #0003, 0 10px 28px -14px #000000b3;--shadow-pop:0 18px 44px -10px #000c}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-mid:0s;--dur-slow:0s}}:root.is-shell{--shell-top:56px;--app-pad:16px;--pane-gap:16px;--pane-shelf:300px;--shelf-rail:52px;--dock-slot-w:112px;--dock-result-w:148px;--dock-h:56px;--chip-h:40px;--chip-fs:15px;--pane-left:340px;--pane-lib:400px;--pane-race-left:340px;--pane-race-lib:400px;--pane-detail:340px;--pane-solo:880px;--result-aside:320px;--slot-h:112px;--slot-emoji:44px;--result-emoji:52px;--chip-orb:26px;--log-row:40px;--lib-bar:36px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--work-edge-x:72px;--work-edge-y:30px;--rainbow:conic-gradient(from var(--spin,0deg), #8b5cf6, #ec4899, #f5b82e, #23a597, #4f8df5, #8b5cf6);--down-text:#2a63cf}@media (prefers-color-scheme:dark){:root.is-shell{--down-text:#8fb3ff}}@media (min-width:1280px){:root.is-shell{--app-pad:20px;--pane-shelf:320px;--dock-slot-w:132px;--dock-result-w:168px;--pane-left:360px;--pane-lib:400px;--pane-race-left:380px;--pane-race-lib:400px;--pane-detail:400px;--slot-h:128px;--slot-emoji:48px;--result-emoji:56px}}@media (min-width:1600px){:root.is-shell{--app-pad:24px;--pane-gap:20px;--pane-shelf:360px;--pane-left:400px;--pane-lib:480px;--pane-race-lib:480px;--pane-detail:440px}}@media (min-width:1920px){:root.is-shell{--fs-xs:13px;--fs-sm:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:26px;--touch:52px;--chip-orb:30px;--pane-shelf:400px;--dock-slot-w:148px;--dock-result-w:188px;--dock-h:62px;--chip-h:44px;--chip-fs:16px;--pane-left:420px;--pane-lib:560px;--pane-race-lib:520px;--result-aside:360px;--slot-h:144px;--slot-emoji:56px;--result-emoji:64px;--log-row:44px;--fs-11:12px;--fs-12:13px;--fs-13:14px;--work-edge-x:84px;--work-edge-y:34px}}@media (min-width:2400px){:root.is-shell{--fs-sm:16px;--fs-md:18px;--fs-lg:21px;--fs-xl:28px;--touch:56px;--chip-orb:32px;--pane-shelf:420px;--chip-h:46px;--chip-fs:17px;--pane-left:440px;--pane-lib:640px;--pane-race-left:400px;--pane-race-lib:600px;--log-row:48px;--fs-12:14px;--fs-13:15px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{min-height:100dvh;font-family:var(--font);font-size:var(--fs-md);color:var(--ink);background:radial-gradient(1200px 500px at 50% -200px, var(--surface-2), transparent 70%), var(--bg);-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:break-word;margin:0;line-height:1.5}body.no-scroll{overflow:hidden}button,input{font:inherit;color:inherit}a{color:var(--brass-deep)}@media (prefers-color-scheme:dark){a{color:var(--brass)}}:focus-visible{outline:3px solid var(--magic);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-soft)}.small{font-size:var(--fs-sm)}.center{text-align:center}.stack{gap:var(--sp-2);display:grid}.app{max-width:var(--maxw);padding:0 var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));margin:0 auto}.topbar{padding:calc(var(--sp-3) + env(safe-area-inset-top)) 0 var(--sp-2);justify-content:space-between;align-items:center;display:flex}.brand-h1{font-size:inherit;margin:0}.brand{align-items:center;gap:var(--sp-2);color:var(--ink);min-height:var(--touch);text-decoration:none;display:inline-flex}.brand-name{font-size:var(--fs-xl);letter-spacing:-.04em;font-weight:900}.logo{filter:drop-shadow(0 2px 0 var(--line-strong));flex:none}.top-actions{align-items:center;gap:var(--sp-1);display:flex}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;font-size:20px;font-weight:800;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--bg-deep)}.resv-badge{border-radius:var(--r-pill);background:var(--bg-deep);font-size:var(--fs-sm);padding:4px 10px;font-weight:700;animation:1.6s ease-in-out infinite pulse}.tabs{z-index:20;margin:0 calc(-1 * var(--sp-1)) var(--sp-3);border-radius:var(--r-pill);background:var(--bg-deep);background:color-mix(in srgb, var(--bg-deep) 88%, transparent);-webkit-backdrop-filter:blur(8px);grid-template-columns:1.25fr 1fr 1fr;gap:4px;padding:4px;display:grid;position:sticky;top:0}.tab{border-radius:var(--r-pill);min-height:44px;font-size:var(--fs-sm);color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;font-weight:800;position:relative}.tab small{opacity:.7;font-weight:700}.tab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.tab-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-deep);border-radius:50%;position:absolute;top:7px;right:10px}.main{min-height:60dvh}.foot{justify-content:center;gap:var(--sp-4);margin-top:var(--sp-6);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.foot-ai{text-align:center;width:100%;font-size:var(--fs-xs);color:var(--ink-soft);margin:0}.foot a{color:var(--ink-soft);align-items:center;min-height:32px;display:inline-flex}.foot-note{margin:var(--sp-3) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--ink-soft)}.panel{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);margin-bottom:var(--sp-3)}.panel.center{justify-items:center;gap:var(--sp-2);display:grid}.big-emoji{font-size:56px;font-family:var(--font-emoji);margin:0}.loading{padding:var(--sp-6) 0;text-align:center;color:var(--ink-soft);animation:1.4s ease-in-out infinite pulse}.coach{margin:0 0 var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--chip-selected);font-weight:700;font-size:var(--fs-sm);text-align:center;animation:rise var(--dur-slow) var(--ease-out)}.btn{min-height:var(--touch);padding:0 var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);font-weight:800;font-size:var(--fs-sm);color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--chip-shadow);transition:transform var(--dur-fast), box-shadow var(--dur-fast);justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--chip-shadow);transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent-btn);color:var(--accent-ink);border-color:#0000;box-shadow:0 3px #8a2d08}.btn-primary:active:not(:disabled){box-shadow:0 1px #8a2d08}.btn-ghost{box-shadow:none;background:0 0}.btn-big{min-height:56px;font-size:var(--fs-md);padding:0 var(--sp-5)}.danger{color:var(--danger)}.bench{z-index:10;padding:var(--sp-3) var(--sp-3) var(--sp-2);border:1.5px solid var(--line-strong);border-radius:var(--r-lg);background:radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--brass) 22%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow-card);margin-bottom:var(--sp-3);position:sticky;top:56px}.bench.phase-result{animation:thump .28s var(--ease-pop)}.bench.phase-brewing{animation:.35s ease-in-out infinite simmer}.bench-row{grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:6px;display:grid}.op{color:var(--brass);font-size:22px;font-weight:900}.slot,.result{border-radius:var(--r-md);border:2px dashed var(--line-strong);background:var(--surface-2);cursor:pointer;min-height:88px;transition:transform var(--dur-mid) var(--ease-pop), opacity var(--dur-mid), border-color var(--dur-fast), background var(--dur-fast);align-content:center;place-items:center;gap:2px;padding:6px 4px;display:grid;position:relative}.slot.is-filled{border-style:solid;border-color:var(--brass);background:var(--chip-selected);animation:drop-in var(--dur-mid) var(--ease-pop)}.slot.is-ghost{opacity:.55;background:var(--surface-2);border-style:dashed;animation:none}.slot.drop-over,.chip.drop-over{border-color:var(--magic);background:color-mix(in srgb, var(--magic) 14%, var(--surface));transform:scale(1.06)}.slot-emoji,.result-emoji{font-family:var(--font-emoji);font-size:34px;line-height:1}.slot-name,.result-name{max-width:100%;font-size:var(--fs-sm);text-align:center;word-break:keep-all;overflow-wrap:anywhere;font-weight:800;line-height:1.2}.slot-empty{color:var(--ink-faint);font-size:26px;font-weight:900}.phase-mixing .slot.is-filled:first-of-type,.phase-brewing .slot.is-filled:first-of-type{transform:translate(14px)scale(.92)rotate(-4deg)}.phase-mixing .slot.is-filled:nth-of-type(2),.phase-brewing .slot.is-filled:nth-of-type(2){transform:translate(-14px)scale(.92)rotate(4deg)}.result{cursor:default;border-style:solid;border-color:var(--line)}.result.is-empty{border-style:dashed}.result.is-brewing{border-color:var(--magic);background:color-mix(in srgb, var(--magic) 10%, var(--surface))}.cauldron{font-family:var(--font-emoji);font-size:32px;animation:.5s ease-in-out infinite wobble}.bubbles{gap:4px;display:flex}.bubbles i{background:var(--magic);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite bubble}.bubbles i:nth-child(2){background:var(--potion);animation-delay:.15s}.bubbles i:nth-child(3){background:var(--accent);animation-delay:.3s}.result.is-shown{cursor:pointer;border-color:var(--brass);background:var(--surface);animation:pop-in var(--dur-slow) var(--ease-pop)}.result.is-shown .result-emoji{animation:emoji-pop var(--dur-slow) var(--ease-pop);font-size:42px}.result.is-new{border-color:var(--potion);box-shadow:0 0 0 4px color-mix(in srgb, var(--potion) 22%, transparent)}.result.is-first{border-color:var(--magic);box-shadow:0 0 0 4px color-mix(in srgb, var(--magic) 30%, transparent), 0 0 30px color-mix(in srgb, var(--magic) 45%, transparent)}.result.is-hit{border-color:var(--gold);box-shadow:0 0 0 5px color-mix(in srgb, var(--gold) 40%, transparent), 0 0 36px color-mix(in srgb, var(--gold) 55%, transparent)}.result.is-shown:after{content:"";border-radius:inherit;border:3px solid var(--gold);opacity:0;animation:ring .7s var(--ease-out);pointer-events:none;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.result.is-reserved,.result.is-hidden-res,.result.is-error{animation:pop-in var(--dur-mid) var(--ease-pop)}.badge{border-radius:var(--r-pill);color:#fff;letter-spacing:.02em;animation:badge .6s var(--ease-pop) .15s both;padding:1px 7px;font-size:11px;font-weight:900;position:absolute;top:-9px;right:-6px}.badge-new{background:var(--potion)}.badge-first{background:linear-gradient(90deg,#7444e8,#c0267a)}.result-temp{border-radius:var(--r-pill);font-size:var(--fs-xs);color:#fff;background:var(--t-col,var(--ink-faint));animation:badge .5s var(--ease-pop) .1s both;padding:0 8px;font-weight:900;position:absolute;bottom:-10px}.bench-caption{min-height:1.6em;margin-top:var(--sp-2);text-align:center;font-size:var(--fs-sm);color:var(--ink-soft);word-break:keep-all;font-weight:700}.cap-brew{color:var(--magic-text);animation:1.2s ease-in-out infinite pulse}.cap-first{color:var(--magic-text)}.cap-hit{color:var(--brass-deep);font-size:var(--fs-md)}.cap-temp{color:var(--t-col,var(--ink-soft))}.cap-temp.t-mild{color:var(--t-mild-text)}.result-wrap{display:grid}.fly{z-index:40;pointer-events:none;font-family:var(--font-emoji);filter:drop-shadow(0 6px 8px #2b1d3a4d);font-size:32px;line-height:1;position:fixed;transform:translate(-50%,-50%)}.t-ice{--t-col:var(--t-ice)}.t-cool{--t-col:var(--t-cool)}.t-mild{--t-col:var(--t-mild)}.chip-temp.t-mild,.result-temp.t-mild{color:#3b2600}.t-warm{--t-col:var(--t-warm)}.t-hot{--t-col:var(--t-hot)}.t-hit{--t-col:var(--t-hit)}.t-unknown{--t-col:var(--ink-faint)}.shelf-tools{gap:var(--sp-2);margin-bottom:var(--sp-3);display:grid}.search{align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-3);border:1.5px solid var(--line);border-radius:var(--r-pill);background:var(--surface);display:flex}.search:focus-within{border-color:var(--magic);outline:3px solid var(--magic);outline-offset:2px}.search input{min-width:0;height:44px;font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1}.search-icon{opacity:.7;font-size:15px}.sort{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.sort button{min-height:36px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--ink-soft);cursor:pointer;background:0 0;flex:none;font-weight:700}.sort button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chips{flex-wrap:wrap;gap:10px 8px;padding-top:6px;display:flex}.chip{min-height:var(--touch);border:1.5px solid var(--chip-edge);border-radius:var(--r-pill);background:var(--chip-bg);box-shadow:0 3px 0 var(--chip-shadow);font-weight:800;font-size:var(--fs-md);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);align-items:center;gap:6px;padding:0 14px 0 8px;display:inline-flex;position:relative}.chip:hover{border-color:var(--brass)}.chip:active:not(:disabled){box-shadow:0 0 0 var(--chip-shadow);transform:translateY(3px)scale(.97)}.chip:disabled{cursor:default;opacity:.7}.chip[draggable=true]{cursor:grab}.chip.is-selected{background:var(--chip-selected);border-color:var(--brass);box-shadow:0 5px 0 var(--chip-shadow), 0 0 0 3px color-mix(in srgb, var(--brass) 35%, transparent);transform:translateY(-2px)}.chip.is-fresh{animation:fresh 1.4s var(--ease-out)}.chip.is-hint{border-color:var(--accent);animation:1.1s ease-in-out infinite hint}.chip.is-hint:after{content:"톡!";border-radius:var(--r-pill);background:var(--accent-btn);color:#fff;white-space:nowrap;padding:0 7px;font-size:11px;font-weight:900;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.chip-emoji{background:var(--surface-2);width:32px;height:32px;font-family:var(--font-emoji);border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid}.chip-name{white-space:nowrap}.chip-temp{border-radius:var(--r-pill);min-width:34px;font-size:var(--fs-xs);text-align:center;color:#fff;background:var(--t-col);padding:1px 6px;font-weight:900}.chip.is-mine .chip-emoji{box-shadow:0 0 0 2px var(--magic)}.chip-star{color:var(--magic);font-size:13px;position:absolute;top:-6px;right:-2px}.empty{width:100%;margin:var(--sp-4) 0;text-align:center;color:var(--ink-soft)}.goal-card{padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);border-radius:var(--r-lg);border:1.5px solid var(--line-strong);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow-card)}.goal-card.is-challenge{background:linear-gradient(135deg, color-mix(in srgb, var(--magic) 16%, transparent), transparent 60%), var(--surface)}.goal-meta{font-size:var(--fs-sm);color:var(--ink-soft);justify-content:space-between;font-weight:800;display:flex}.goal-no{color:var(--accent-text)}.is-challenge .goal-no{color:var(--magic-text)}.goal-main{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.goal-emoji{background:var(--surface-2);border:2px solid var(--line-strong);width:58px;height:58px;font-family:var(--font-emoji);border-radius:50%;flex:none;place-items:center;font-size:32px;display:grid}.goal-text{flex:1;min-width:0;display:grid}.goal-label{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:700}.goal-name{font-size:var(--fs-xl);letter-spacing:-.03em;word-break:keep-all;line-height:1.15}.goal-stats{gap:var(--sp-3);margin:0;display:flex}.goal-stats div{justify-items:center;display:grid}.goal-stats dt{color:var(--ink-soft);font-size:11px;font-weight:700}.goal-stats dd{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;margin:0;font-weight:900}.goal-stats dd[class^=t-]{color:var(--t-col)}.goal-note{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:var(--ink-soft)}.thermo{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.thermo-track{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--t-ice) 0 40%, var(--t-mild) 40% 70%, var(--t-warm) 70% 80%, var(--t-hot) 80% 99%, var(--t-hit) 99%);opacity:.25;flex:1;height:10px;position:relative}.thermo{position:relative}.thermo-fill{border-radius:var(--r-pill);background:var(--t-col);height:10px;transition:width var(--dur-slow) var(--ease-out);position:absolute;top:0;left:0}.thermo-track{opacity:1;background:color-mix(in srgb, var(--ink-faint) 25%, transparent)}.thermo-label{min-width:44px;font-size:var(--fs-xs);color:var(--ink-soft);text-align:right;font-weight:800}.hard-toggle{min-height:36px;font-size:var(--fs-xs);color:var(--ink-soft);cursor:pointer;align-items:center;gap:6px;margin-top:4px;font-weight:700;display:inline-flex}.hard-toggle input{width:18px;height:18px;accent-color:var(--magic)}.race-result{padding:var(--sp-4);border-radius:var(--r-lg);border:2px solid var(--gold);background:var(--surface);box-shadow:var(--shadow-pop);animation:rise var(--dur-slow) var(--ease-pop);position:relative;overflow:hidden}.sharebar{gap:var(--sp-2);z-index:2;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid;position:relative}.rr-head{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);display:flex}.rr-emoji{font-family:var(--font-emoji);animation:emoji-pop .8s var(--ease-pop);font-size:54px}.rr-kicker{font-size:var(--fs-sm);color:var(--accent-text);margin:0;font-weight:800}.rr-title{font-size:var(--fs-xl);letter-spacing:-.03em;margin:0;font-weight:900}.rr-title:focus{outline:none}.rr-score{margin:var(--sp-3) 0 var(--sp-2);font-size:var(--fs-lg)}.rr-score strong{font-size:var(--fs-2xl);font-weight:900}.rr-par{margin-left:var(--sp-2);border-radius:var(--r-pill);background:var(--gold);color:#3b2600;font-style:normal;font-weight:900;font-size:var(--fs-sm);padding:2px 10px}.rr-squares{margin:0 0 var(--sp-3);font-family:var(--font-emoji);letter-spacing:2px;white-space:pre-wrap;font-size:22px;line-height:1.25}.rr-facts{font-size:var(--fs-sm);gap:6px;margin:0;padding:0;list-style:none;display:grid}.rr-preview{margin-top:var(--sp-3);font-size:var(--fs-sm)}.rr-preview summary{cursor:pointer;color:var(--ink-soft);min-height:32px}.rr-preview pre{margin:var(--sp-2) 0 0;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);white-space:pre-wrap;font-family:var(--font)}.rr-next{margin:var(--sp-3) 0 0;text-align:center;font-size:var(--fs-sm)}.rr-cta{gap:var(--sp-2);margin-top:var(--sp-4);display:grid}.versus{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);grid-template-columns:1fr auto 1fr;display:grid}.vs-cell{padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:2px solid var(--line);justify-items:center;display:grid}.vs-cell span{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:700}.vs-cell strong{font-size:var(--fs-xl)}.vs-cell.is-win{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 18%, var(--surface))}.vs-mid{color:var(--magic-text);font-weight:900}.vs-line{text-align:center;font-weight:700}.rematch{margin-top:var(--sp-3);gap:var(--sp-2);border-color:var(--magic);display:grid}.quick-ch{gap:var(--sp-2);margin-top:var(--sp-4);display:grid}.quick-ch p{margin:0}.past-rounds{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.past-rounds a{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);min-height:36px;font-weight:800;font-size:var(--fs-sm);color:var(--ink);align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.solution{gap:var(--sp-2);display:grid}.solution-list{margin:0;padding-left:1.4em}.sheet-backdrop{z-index:50;animation:fade var(--dur-mid);background:#140c1c8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:520px;max-height:92dvh;padding:var(--sp-3) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);box-shadow:var(--shadow-pop);animation:sheet-up var(--dur-mid) var(--ease-out);position:relative;overflow:auto}@media (min-width:640px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--r-lg)}}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{font-size:var(--fs-lg);margin:0}.sheet-body{gap:var(--sp-3);display:grid}.el-big{margin:var(--sp-2) 0 0;text-align:center;font-family:var(--font-emoji);font-size:64px;line-height:1.1}.el-recipe,.el-first{margin:0 0 var(--sp-2);text-align:center;font-weight:700}.el-first{color:var(--magic-text)}.el-info,.el-challenge,.el-report{gap:var(--sp-2);display:grid}.link-box{width:100%;min-height:var(--touch);padding:0 var(--sp-3);border:1.5px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-sm)}.celebrate{justify-items:center;gap:var(--sp-1);text-align:center;padding-bottom:var(--sp-2);display:grid;position:relative;overflow:hidden}.celebrate .sharebar{width:100%}.celebrate>:not(.confetti){z-index:2;position:relative}.celebrate-orb{width:150px;height:150px;margin:var(--sp-4) 0 var(--sp-2);place-items:center;display:grid;position:relative}.orb-ring{background:conic-gradient(from 0deg, var(--magic), var(--magic-2), var(--gold), var(--potion), var(--magic));filter:blur(10px);opacity:.75;border-radius:50%;animation:3s linear infinite spin;position:absolute;top:0;bottom:0;left:0;right:0}.orb-emoji{background:var(--surface);width:118px;height:118px;font-family:var(--font-emoji);animation:emoji-pop .9s var(--ease-pop);border-radius:50%;place-items:center;font-size:64px;display:grid;position:relative}.celebrate-kicker{font-size:var(--fs-lg);color:var(--magic-text);margin:0;font-weight:900}.celebrate-kicker .grad{background:linear-gradient(90deg,#7444e8,#c0267a);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.celebrate-kicker .grad{background-image:linear-gradient(90deg,#b49cff,#ff8ac8)}}.celebrate-name{font-size:var(--fs-2xl);letter-spacing:-.04em;margin:0;font-weight:900}.celebrate-recipe{color:var(--ink-soft);margin:0;font-weight:700}.celebrate-by{margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-sm)}.confetti{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{opacity:0;border-radius:2px;width:8px;height:12px;animation-name:confetti;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards;position:absolute;top:-12px}.confetti i.shape-1{border-radius:50%;width:9px;height:9px}.confetti i.shape-2{width:5px;height:14px}.toasts{left:50%;top:calc(var(--sp-3) + env(safe-area-inset-top));z-index:60;gap:var(--sp-2);pointer-events:none;width:min(92vw,460px);display:grid;position:fixed;transform:translate(-50%)}.toast{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--ink);color:var(--bg);font-size:var(--fs-sm);box-shadow:var(--shadow-pop);animation:toast-in var(--dur-mid) var(--ease-pop);word-break:keep-all;font-weight:700}.toast.tone-good{color:#fff;background:linear-gradient(90deg,#6d3fd6,#9b2f86)}.toast.tone-warn{color:#fff;background:#b8322a}.ts-slot{z-index:70;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.help{gap:var(--sp-3);font-size:var(--fs-sm);margin:0;padding-left:1.2em;display:grid}.help strong{font-size:var(--fs-md);display:block}.help-scale{font-family:var(--font-emoji);letter-spacing:2px;margin:4px 0;font-size:20px;display:block}.codex-head{align-items:center;gap:var(--sp-4);grid-template-columns:auto auto 1fr;display:grid}.codex-stat{justify-items:center;display:grid}.codex-stat strong{font-size:var(--fs-2xl);line-height:1.1}.codex-stat span{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:700}.codex-who{text-align:right;font-weight:800;font-size:var(--fs-sm);justify-items:end;display:grid}.codex-tip{margin:0 0 var(--sp-3)}.element-page{gap:var(--sp-2);display:grid}.el-title{text-align:center;font-size:var(--fs-2xl);margin:0}.element-page h2{margin:var(--sp-3) 0 0;font-size:var(--fs-md)}.recipe-list,.derived-list{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.recipe-list li,.derived-list li{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);padding:6px 12px;font-weight:700}.recipe-list a,.derived-list a{color:var(--ink);text-decoration:none}@keyframes thump{0%{transform:scale(.985)}60%{transform:scale(1.012)}to{transform:none}}@keyframes simmer{0%,to{transform:translate(0)}25%{transform:translate(-1px)rotate(-.2deg)}75%{transform:translate(1px)rotate(.2deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes emoji-pop{0%{transform:scale(0)rotate(-30deg)}70%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}@keyframes drop-in{0%{transform:translateY(14px)scale(.8)}to{transform:none}}@keyframes ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes badge{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)translateY(-2px)}}@keyframes bubble{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@keyframes fresh{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--potion) 70%, transparent);transform:scale(.4)}35%{box-shadow:0 0 0 10px color-mix(in srgb, var(--potion) 0%, transparent);border-color:var(--potion);transform:scale(1.12)}to{transform:scale(1)}}@keyframes hint{0%,to{box-shadow:0 3px 0 var(--chip-shadow), 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}50%{box-shadow:0 3px 0 var(--chip-shadow), 0 0 0 9px color-mix(in srgb, var(--accent) 0%, transparent)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--drift), 420px) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.confetti{display:none}}@media (min-width:900px){:root{--maxw:1080px}.play{gap:var(--sp-4);grid-template-columns:400px 1fr;align-items:start;display:grid}.bench{top:64px}.slot,.result{min-height:116px}.slot-emoji,.result-emoji{font-size:42px}.result.is-shown .result-emoji{font-size:52px}}@media (max-width:360px){.brand-name{font-size:var(--fs-lg)}.tab{font-size:13px}.slot-emoji,.result-emoji{font-size:28px}}.sharebar{grid-template-columns:1fr}.sharebar .btn,.share-sub .btn{white-space:nowrap;min-width:0}.btn-share{min-height:52px;font-size:var(--fs-md)}.share-sub{gap:var(--sp-2);grid-template-columns:1fr;display:grid}.share-sub.cols-2{grid-template-columns:1fr 1fr}.share-sub .btn{padding:0 var(--sp-2)}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.invite-ready{gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);border:1.5px dashed var(--magic);background:color-mix(in srgb, var(--magic) 8%, var(--surface));display:grid}.invite-ready p{text-align:center;margin:0}.story-preview{gap:var(--sp-3);justify-items:center;display:grid}.story-preview img{aspect-ratio:9/16;border-radius:var(--r-md);width:min(62vw,270px);height:auto;box-shadow:var(--shadow-pop)}.story-preview .share-sub{width:100%}.rr-top{justify-content:space-between;align-items:center;gap:var(--sp-1) var(--sp-3);margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 7%, var(--surface));z-index:2;flex-wrap:wrap;display:flex;position:relative}.rr-top p{white-space:nowrap;margin:0;font-weight:800}.rr-streak strong{color:var(--accent-text)}.rr-top .rr-next{font-size:var(--fs-sm);color:var(--ink-soft)}.countdown{font-variant-numeric:tabular-nums;font-weight:900}.rr-legend{margin:calc(-1 * var(--sp-2)) 0 var(--sp-3);font-size:var(--fs-xs);color:var(--ink-soft);flex-wrap:wrap;gap:2px 10px;display:flex}.rr-legend span{white-space:nowrap}.rr-hints{font-size:var(--fs-md)}.next-strip{margin:calc(-1 * var(--sp-2)) 0 var(--sp-3);padding:6px var(--sp-3);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);font-size:var(--fs-sm);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.toast.has-action{justify-content:space-between;align-items:center;gap:var(--sp-2);pointer-events:auto;display:flex}.toast-btn{min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--accent-btn);color:#fff;font-weight:900;font-size:var(--fs-sm);cursor:pointer;border:0;flex:none}.chip-emoji,.result.is-shown .result-emoji{background:hsl(var(--h,40) 80% 90%)}.chip-emoji.is-gray,.result-emoji.is-gray{background:hsl(var(--h,220) 28% 52%)}.chip-emoji.is-gray{box-shadow:inset 0 0 0 1px #0000001f}.result.is-shown .result-emoji{border-radius:50%;place-items:center;width:1.55em;height:1.55em;font-size:30px;display:grid}@media (min-width:900px){.result.is-shown .result-emoji{font-size:40px}}@media (prefers-color-scheme:dark){.chip-emoji,.result.is-shown .result-emoji{background:hsl(var(--h,40) 32% 27%)}.chip-emoji.is-gray,.result-emoji.is-gray{background:hsl(var(--h,220) 30% 46%)}}.bench{top:6px}.bench.is-slim{padding:6px var(--sp-2);border-radius:var(--r-md)}.bench.is-slim .bench-caption{min-height:0;margin-top:2px}.bench.is-slim .slot,.bench.is-slim .result{grid-auto-flow:column;gap:4px;min-height:44px;padding:2px 4px}.bench.is-slim .slot-emoji,.bench.is-slim .result-emoji{font-size:20px}.bench.is-slim .result.is-shown .result-emoji{font-size:18px}.bench.is-slim .badge,.bench.is-slim .result-temp{display:none}.bench.is-slim .op{font-size:16px}html{scroll-padding-top:150px}.shelf-tools.is-few .sort,.shelf-tools.is-few.is-race{display:none}.cap-desc{font-style:italic;font-weight:700}.celebrate-desc{color:var(--ink-soft);margin:0;font-style:italic}.goal-card.is-compact{padding:var(--sp-2) var(--sp-3)}.goal-card.is-compact .goal-meta,.goal-card.is-compact .thermo,.goal-card.is-compact .goal-label,.goal-card.is-compact .hard-toggle{display:none}.goal-card.is-compact .goal-main{margin-top:0}.goal-card.is-compact .goal-emoji{width:40px;height:40px;font-size:24px}.goal-card.is-compact .goal-name{font-size:var(--fs-lg)}.temp-explain{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);color:var(--ink-soft)}.hintbox{gap:var(--sp-1);margin-top:var(--sp-2);display:grid}.hint-line{padding:6px var(--sp-3);border-radius:var(--r-sm);background:color-mix(in srgb, var(--gold) 22%, var(--surface));font-size:var(--fs-sm);margin:0;font-weight:700}.btn-hint{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 18%, var(--surface));white-space:nowrap;justify-self:start;min-height:40px}.btn-hint small{color:var(--ink-soft);font-weight:600}.btn-hint[aria-disabled=true]{opacity:.6;cursor:default}.yesterday{justify-content:space-between;gap:var(--sp-2);margin:0 0 var(--sp-2);padding:6px var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:var(--fs-sm);font-weight:700;display:flex}.yesterday a{white-space:nowrap;flex:none}.el-desc{margin:0 0 var(--sp-2);text-align:center;color:var(--ink-soft);font-style:italic}.cap-sub{font-size:var(--fs-xs);display:block}.rr-week{align-items:center;gap:5px;display:inline-flex}.rr-week i{border:1.5px solid var(--line-strong);border-radius:50%;width:10px;height:10px}.rr-week i.is-on{background:var(--accent-btn);border-color:var(--accent-btn)}.link-row{gap:var(--sp-2);display:flex}.link-row .link-box{flex:1;min-width:0}.link-copy{flex:none}.share-desk{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}:root.is-shell .chip.is-hint:after{content:"클릭!"}.share-sheet{gap:12px;display:grid}.share-sheet-note{font-size:var(--fs-sm);color:var(--ink-soft);margin:0;line-height:1.5}.share-sheet-text{border-radius:var(--r-md);background:var(--bg-deep);font:inherit;font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;max-height:180px;margin:0;padding:12px;overflow:auto}.share-sheet-ext{height:auto;min-height:var(--touch);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;padding-block-start:10px;padding-block-end:10px;text-decoration:none;display:flex}.share-sheet-ext small{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:600}.story-preview img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;pointer-events:auto}.story-hint{text-align:center;font-size:var(--fs-sm);color:var(--ink);margin:0}.story-preview img{width:auto;max-width:min(62vw,270px);max-height:56dvh}.story-hint.is-primary{background:color-mix(in srgb, var(--magic,#7c3aed) 12%, var(--surface));color:var(--ink);border-radius:999px;align-self:center;align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:inline-flex}.story-hint.is-wait{color:var(--ink-soft);font-weight:600}.goal-stats dd{white-space:nowrap}.goal-stats dd[data-testid=top]{font-size:var(--fs-md);line-height:1.6}.temp-explain{align-items:center;gap:var(--sp-1);display:flex}.temp-explain-text{flex:1;min-width:0}.goal-card.is-compact .temp-explain{font-size:var(--fs-13);margin-top:2px}.goal-card.is-compact .temp-explain-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-btn{border:1px solid var(--line-strong);background:var(--surface);width:24px;height:24px;color:var(--ink-soft);font:inherit;font-size:var(--fs-xs);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;font-weight:800;line-height:1;display:grid;position:relative}.info-btn:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.star-meter{margin-top:var(--sp-2)}.goal-card.is-compact .star-meter{margin-top:2px}.star-line{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.goal-card.is-compact .star-line{font-size:var(--fs-13)}.star-note{margin:0}.star-note:not(:empty){margin-top:var(--sp-1);padding:6px var(--sp-3);border-radius:var(--r-sm);background:color-mix(in srgb, var(--gold) 22%, var(--surface));font-size:var(--fs-sm);animation:rise var(--dur-mid) var(--ease-out);font-weight:700}.hard-on{font-size:var(--fs-xs);color:var(--ink-soft);margin:2px 0 0;font-weight:700}.hint-cap{font-size:var(--fs-xs);color:var(--ink-soft);margin:0}.goal-desc{margin:var(--sp-2) 0 0;color:var(--ink);word-break:keep-all;font-size:15px;font-style:italic}.goal-first{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);color:var(--magic-text);font-weight:800}.goal-intro{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);word-break:keep-all;font-weight:700}.goal-card.is-compact .goal-desc,.goal-card.is-compact .goal-first{display:none}.rr-head.is-first{margin-top:0}.rr-stars{margin:var(--sp-3) 0 var(--sp-2);font-size:var(--fs-lg);word-break:keep-all;font-weight:900;line-height:1.35}.rr-practice{margin:calc(-1 * var(--sp-1)) 0 var(--sp-2);font-size:var(--fs-sm);color:var(--ink-soft);font-weight:700}.race-result>.sharebar+.rr-top,.race-result>.sharebar+.rr-facts,.race-result>.rr-top+.rr-facts{margin-top:var(--sp-3)}.ch-board{margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2)}.ch-board h3{font-size:var(--fs-md);margin:0}.ch-board-me{font-size:var(--fs-sm);color:var(--accent-text);margin:2px 0 0;font-weight:800}.ch-board ol{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);gap:4px;padding:0;list-style:none;display:grid}.vs-note{margin:calc(var(--sp-2) * -1) 0 var(--sp-3);text-align:center;font-size:var(--fs-xs);color:var(--ink-soft)}.ch-owner{gap:var(--sp-3);border-color:var(--magic);display:grid}.ch-owner-count{text-align:center;font-size:var(--fs-md);margin:0;font-weight:800}.ch-owner .ch-board{margin-top:0}.help-marks{margin:var(--sp-1) 0 var(--sp-2);gap:2px;padding-left:1.2em;display:grid}:root{--wf-bronze:#b87333;--wf-silver:#a8b0b8;--wf-gold:#d4af37;--look-known:#b9ab9a;--look-new:#2f9a4e;--look-gen:#0e8f95;--look-deep:#2f6fe0}@media (prefers-color-scheme:dark){:root{--look-known:#5d5170;--look-new:#4cc06d;--look-gen:#2bb8be;--look-deep:#6b9cff}}.wf-1{--wf-c:var(--wf-bronze)}.wf-2{--wf-c:var(--wf-silver)}.wf-3{--wf-c:var(--wf-gold)}.look-known{--look-c:var(--look-known)}.look-new{--look-c:var(--look-new)}.look-gen{--look-c:var(--look-gen)}.look-deep{--look-c:var(--look-deep)}.look-world{--look-c:var(--wf-c,var(--wf-bronze))}:root:not(.is-shell) .result.is-shown .result-name{font-size:18px;font-weight:900}:root:not(.is-shell) .result.is-shown:not(.is-hit){border-color:var(--look-c,var(--brass));box-shadow:0 0 0 4px color-mix(in srgb, var(--look-c,var(--brass)) 22%, transparent)}:root:not(.is-shell) .result.is-shown.look-known:not(.is-hit){background:var(--surface-2);box-shadow:none}:root:not(.is-shell) .result.is-shown.look-known:after{display:none}:root:not(.is-shell) .result.is-shown.look-deep .result-emoji{animation:deep-bump .3s var(--ease-pop)}@keyframes deep-bump{0%{transform:scale(.9)}50%{transform:scale(1.2)}to{transform:scale(1)}}:root:not(.is-shell) .result.is-shown.look-world:not(.is-hit){background:linear-gradient(160deg, color-mix(in srgb, var(--wf-c) 30%, var(--surface)), var(--surface) 65%);box-shadow:0 0 0 3px color-mix(in srgb, var(--wf-c) 35%, transparent), 0 0 26px color-mix(in srgb, var(--wf-c) 55%, transparent);border-width:3px}:root:not(.is-shell) .result.is-shown.look-world:before{content:"";border-radius:inherit;animation:wf-shine .6s var(--ease-out) .12s both;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff9 50%,#0000 65%) 150% 0/250% 100% no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes wf-shine{to{background-position:-50% 0}}.badge-compass{background:var(--ink-soft);white-space:nowrap}:root:not(.is-shell) .result .badge-first{background:var(--wf-c,var(--wf-bronze));color:#1f1408}.result-gen{border-radius:var(--r-pill);font-size:var(--fs-xs);color:#fff;white-space:nowrap;background:var(--look-c,var(--look-gen));animation:badge .5s var(--ease-pop) .1s both;padding:0 8px;font-weight:900;position:absolute;bottom:-10px}@media (prefers-color-scheme:dark){.result-gen{color:#10131c}}.cap-full{justify-items:center;gap:4px;display:grid}.cap-one{margin:0;display:none}.cap-drip{color:var(--ink);animation:cap-in .28s var(--ease-out) .2s both;font-size:17px;font-style:normal;font-weight:500;line-height:1.35}@keyframes cap-in{0%{opacity:0;transform:translateY(4px)}}.cap-again{color:var(--ink-soft)}.cap-pill{border-radius:var(--r-pill);border:1.5px solid var(--wf-c,var(--wf-bronze));background:color-mix(in srgb, var(--wf-c,var(--wf-bronze)) 22%, var(--surface));color:var(--ink);padding:2px 10px;font-size:13px;font-weight:900;display:inline-block}.cap-meme{justify-content:center;margin-top:4px;display:flex}.bench.is-slim .cap-meme,.cap-meme:empty{display:none}.bench.is-skip .cap-drip,.bench.is-skip .result.is-shown,.bench.is-skip .result.is-shown:before,.bench.is-skip .result.is-shown .result-emoji,.bench.is-skip .badge,.bench.is-skip .result-gen,.bench.is-skip .result-temp{animation:none!important}.bench.is-slim .cap-full{display:none}.bench.is-slim .cap-one{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.35;display:block;overflow:hidden}:root:not(.is-shell):has(.bench.is-slim) .toasts{top:calc(env(safe-area-inset-top) + 96px)}.slot-cell{min-width:0;display:grid;position:relative}.phase-mixing .bench-row>.slot.is-filled,.phase-brewing .bench-row>.slot.is-filled{transform:translate(-14px)scale(.92)rotate(4deg)}.slot-x{z-index:2;background:radial-gradient(circle, var(--ink-soft) 0 11px, transparent 12px);width:44px;height:44px;color:var(--bg);cursor:pointer;border:0;padding:0;font-size:11px;font-weight:900;position:absolute;top:-16px;right:-14px}.chip.is-world{border:2px solid var(--wf-c,var(--wf-bronze))}.chip.is-trophy{border:2px solid var(--wf-gold)}.chip-corner,.chip-dot{font-family:var(--font-emoji);pointer-events:none;line-height:1;position:absolute}.chip-corner{font-size:14px;top:-8px;right:-5px}.chip-dot{opacity:.85;font-size:10px;top:-5px;right:-3px}.chip.is-blink{animation:.2s ease-in-out 2 chip-blink}@keyframes chip-blink{50%{border-color:var(--ink-soft);background:color-mix(in srgb, var(--look-known) 55%, var(--chip-bg))}}.recent-row{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-2);min-width:0;display:flex}.recent-label{color:var(--ink-soft);flex:none;font-size:13px;font-weight:900}.recent-chips{scrollbar-width:none;gap:8px;min-width:0;padding:8px 2px 6px;display:flex;overflow-x:auto}.recent-chips::-webkit-scrollbar{display:none}.recent-chips .chip{flex:none}.shelf-row{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.shelf-row .sort{flex:1;min-width:0}.shelf-finds{font-size:var(--fs-xs);color:var(--ink-soft);white-space:nowrap;flex:none;margin-left:auto;font-weight:800}.thumb-card{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 72px);z-index:45;border:2px solid var(--look-c,var(--line-strong));border-radius:var(--r-md);background:var(--surface);max-width:520px;max-height:124px;box-shadow:var(--shadow-pop);color:var(--ink);touch-action:none;animation:thumb-in .18s var(--ease-out);margin:0 auto;position:fixed;overflow:hidden}.thumb-body{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;gap:2px;padding:8px 14px 10px;display:grid}.thumb-more{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface-2);min-height:28px;color:var(--ink);font:inherit;font-size:var(--fs-xs);white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:900;position:absolute;top:5px;right:8px}.thumb-card.has-more .thumb-mats{padding-right:76px}.thumb-line.thumb-again{color:var(--ink-soft);font-size:13px}.cap-resv{color:var(--magic-text);font-weight:800}.thumb-card.look-world{background:linear-gradient(160deg, color-mix(in srgb, var(--wf-c) 26%, var(--surface)), var(--surface) 60%);border-width:3px}@keyframes thumb-in{0%{opacity:0;transform:translateY(16px)}}.thumb-mats{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.thumb-main{align-items:center;gap:8px;min-width:0;display:flex}.thumb-emoji{font-family:var(--font-emoji);flex:none;font-size:32px;line-height:1}.thumb-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;font-weight:900;overflow:hidden}.thumb-badges{flex:none;gap:4px;margin-left:auto;display:flex}.thumb-pill{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-xs);white-space:nowrap;padding:1px 8px;font-weight:900}.thumb-pill.is-new{border-color:var(--look-new);color:var(--look-new)}.thumb-pill.is-gen{border-color:var(--look-c)}.thumb-pill.wf{border-color:var(--wf-c);background:color-mix(in srgb, var(--wf-c) 22%, var(--surface))}.thumb-line{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.35;overflow:hidden}.celebrate.is-metal .orb-ring{background:conic-gradient(from 0deg, var(--wf-c), #fff6dc, var(--wf-c), color-mix(in srgb, var(--wf-c) 50%, #3a2a10), var(--wf-c))}.celebrate.is-metal .celebrate-kicker .grad{background-image:linear-gradient(90deg, color-mix(in srgb, var(--wf-c) 70%, #2b1d3a), color-mix(in srgb, var(--wf-c) 85%, #000))}@media (prefers-color-scheme:dark){.celebrate.is-metal .celebrate-kicker .grad{background-image:linear-gradient(90deg, color-mix(in srgb, var(--wf-c) 70%, #fff), var(--wf-c))}}.celebrate-kicker{text-wrap:balance}.codex-head.is-line{gap:var(--sp-3);grid-template-columns:1fr auto}.codex-line{font-size:var(--fs-sm);color:var(--ink-soft);word-break:keep-all;margin:0;font-weight:700;line-height:1.6}.codex-line strong{font-size:var(--fs-lg);color:var(--ink)}.bench.is-slim .result-gen{display:none}.bounty{margin:0 0 var(--sp-3);border:1.5px dashed var(--brass);border-radius:var(--r-md);background:color-mix(in srgb, var(--brass) 8%, var(--surface))}.bounty-head{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;min-height:44px;padding:0 var(--sp-3);color:var(--ink);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;font-weight:800;display:flex}.bounty-fold{font-size:var(--fs-xs);color:var(--ink-soft)}.bounty-cards{gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-3);scrollbar-width:none;display:flex;overflow-x:auto}.bounty-cards::-webkit-scrollbar{display:none}.bounty-card{width:168px;min-height:112px;padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;align-content:start;gap:2px;display:grid}.bounty-q{white-space:nowrap;font-size:13px;font-weight:900}.bounty-q small{letter-spacing:0;color:var(--ink-soft);font-weight:700}.bounty-cho{font-size:var(--fs-lg);color:var(--brass-deep);letter-spacing:.1em;font-weight:900}.bounty-desc{font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.bounty-from,.bounty-hint{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:700}.bounty-hint{color:var(--accent-text)}.bounty-done{padding:0 var(--sp-3) var(--sp-3);font-size:var(--fs-sm);color:var(--potion);margin:0;font-weight:800}.bounty-stamp{z-index:3;border:3px double var(--accent-btn);border-radius:var(--r-sm);background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--accent-btn);font-size:var(--fs-md);white-space:nowrap;pointer-events:none;animation:stamp-in .45s var(--ease-pop) both, stamp-out .3s ease-in 1.5s both;padding:6px 14px;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(1.6)}}@keyframes stamp-out{to{opacity:0}}.meme-btn{white-space:nowrap;min-height:44px}.story-preview img.is-square{aspect-ratio:1;width:min(78vw,320px);max-width:min(78vw,320px);height:auto;max-height:56dvh}.el-hero{justify-items:center;gap:var(--sp-2);text-align:center;padding-bottom:var(--sp-2);display:grid}.el-hero-title{font-size:var(--fs-xl);word-break:keep-all;margin:0;line-height:1.3}.el-hero-desc{color:var(--ink-soft);word-break:keep-all;margin:0;font-size:20px}.el-hero .btn{width:100%;margin-top:var(--sp-2)}.share-main{gap:var(--sp-2);grid-template-columns:minmax(0,1fr);display:grid}.share-main.has-second{grid-template-columns:minmax(0,1fr) auto}.share-main>.btn{white-space:nowrap;min-width:0;min-height:52px}.share-main>.btn:not(.btn-primary){padding:0 var(--sp-3)}@media (max-width:359px){.share-main.has-second{grid-template-columns:minmax(0,1fr)}}.share-more>summary{min-height:36px;font-size:var(--fs-sm);color:var(--ink-soft);cursor:pointer;justify-content:center;align-items:center;font-weight:700;list-style:none;display:flex}.share-more>summary::-webkit-details-marker{display:none}.share-more[open]>summary{color:var(--ink)}.share-more>.share-sub{margin-top:var(--sp-1)}.invite-ready .share-main .btn{min-height:var(--touch)}.welcome{margin:0 0 var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-2) var(--sp-4);border:1.5px solid color-mix(in srgb, var(--accent) 45%, var(--line));border-radius:var(--r-lg);background:color-mix(in srgb, var(--accent) 6%, var(--surface));box-shadow:var(--shadow-card);animation:rise var(--dur-slow) var(--ease-out)}.welcome-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.welcome-title{font-weight:900;font-size:var(--fs-md);overflow-wrap:anywhere;min-width:0;margin:0}.welcome-x{border-radius:var(--r-pill);width:40px;height:40px;color:var(--ink-soft);font-size:var(--fs-md);cursor:pointer;background:0 0;border:0;flex:none;margin:-6px -6px -6px 0}.welcome-lines{margin:var(--sp-1) 0 0;gap:2px;padding:0;list-style:none;display:grid}.welcome-lines li{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:36px;font-size:var(--fs-sm);word-break:keep-all;font-weight:700;line-height:1.4;display:flex}.welcome-lines li+li{border-top:1px dashed var(--line)}.welcome-lines a{color:var(--ink);padding:6px 0;text-decoration:none}.welcome-go{min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--accent-btn);color:var(--accent-ink);font-weight:800;font-size:var(--fs-sm);cursor:pointer;border:0;flex:none}.room-board{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);margin:0}.room-board.is-alone{font-size:var(--fs-sm);color:var(--ink-soft);text-align:center;font-weight:700}.room-title{margin:0 0 var(--sp-1);font-size:var(--fs-sm);font-weight:900}.room-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.room-list li{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:700}.room-list li.is-me{color:var(--accent-text);font-weight:900}