:root{--night-0:#0e1424;--night-1:#1a2036;--night-2:#2a2840;--night-3:#3a2f4a;--gold:#e9c79a;--gold-soft:#e9c79a2e;--ink:#f4f1e8;--ink-dim:#f4f1e89e;--ink-faint:#f4f1e85c;--ok:#6fd08c;--warn:#f0a35b;--off:#7d8296;--paper:#fbf8f1;--paper-ink:#1b2236;--radius:14px;--ease:cubic-bezier(.22, .8, .24, 1);--font:"Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--night-0);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}#app,.scene{position:fixed;inset:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--gold)}.backdrop{filter:saturate(.85);animation:drift 40s var(--ease) infinite alternate;background-position:50%;background-size:cover;position:absolute;inset:-2%;transform:scale(1.02)}.backdrop:after{content:"";background:radial-gradient(120% 80% at 50% 0,#0e142433,#0e1424d9 70%),linear-gradient(#0e142459,#3a2f4a8c);position:absolute;inset:0}@keyframes drift{to{transform:scale(1.08)translate(-1%,-1%)}}.btn{background:linear-gradient(180deg, #f3d9b4, var(--gold));color:#2a2234;letter-spacing:.02em;min-height:52px;transition:transform .2s var(--ease), box-shadow .2s var(--ease), opacity .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #e9c79a40,inset 0 1px #fff9}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{color:var(--ink);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff2e}.glass{-webkit-backdrop-filter:blur(16px)saturate(1.2);border-radius:var(--radius);background:linear-gradient(#1a2036b8,#0e1424c7);border:1px solid #ffffff14;box-shadow:0 20px 60px #00000059}.back-link{top:max(14px, env(safe-area-inset-top));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-dim);background:#0e14248c;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:13px;text-decoration:none;display:inline-flex;position:absolute;left:16px}.toast-host{top:max(64px, calc(env(safe-area-inset-top) + 50px));z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(92vw,420px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .6s var(--ease) both, toast-out .8s var(--ease) 6s both;text-align:center;background:#0e1424b8;border:1px solid #e9c79a40;border-radius:999px;padding:10px 16px;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.fade-in{animation:fade-in .8s var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}}.mock-badge{right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:100;font:600 10px var(--mono);letter-spacing:.12em;color:var(--night-0);background:var(--warn);opacity:.85;border-radius:4px;padding:3px 7px;position:fixed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}