:root{--night:#0b0d1c;--night-2:#141733;--ink:#1a1a22;--moon:#e8c77a;--moon-soft:#e8c77a29;--paper:#f4ecdc;--paper-2:#ebe0c9;--cinnabar:#b3261e;--jade:#3f8f5a;--text:#ece6d8;--text-dim:#a9a3b8;--line:#e8c77a38;--serif:"Nanum Myeongjo", "Gowun Batang", serif;--sans:"Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif;--r:14px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(120% 80% at 70% -10%, #23285a 0%, var(--night) 55%) fixed, var(--night);color:var(--text);font-family:var(--sans);letter-spacing:-.01em;word-break:keep-all;-webkit-font-smoothing:antialiased;line-height:1.65}a{color:inherit}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.serif{font-family:var(--serif)}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.dim{color:var(--text-dim)}.kicker{letter-spacing:.22em;color:var(--moon);text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.top{justify-content:space-between;align-items:center;gap:12px;padding-block:18px;display:flex}.brand{font-family:var(--serif);letter-spacing:.02em;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.brand .moon{background:var(--moon);width:22px;height:22px;box-shadow:inset -7px -3px 0 0 var(--night), 0 0 18px #e8c77a80;border-radius:50%}.nav{gap:18px;font-size:14px;display:flex}.nav a{color:var(--text-dim);text-decoration:none}.nav a:hover,.nav a.on{color:var(--moon)}.foot{border-top:1px solid var(--line);color:var(--text-dim);gap:6px;margin-top:80px;padding-block:28px 60px;font-size:12.5px;display:grid}.foot a{color:var(--text-dim)}.btn{background:var(--moon);color:var(--night);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 6px 24px -8px #e8c77ab3}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.ghost{color:var(--moon);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.btn.red{background:var(--cinnabar);color:#fff;box-shadow:0 6px 24px -8px #b3261ecc}.btn.sm{padding:8px 14px;font-size:13px}.field{gap:6px;display:grid}.field label{color:var(--text-dim);font-size:13px;font-weight:600}.input,.select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;padding:12px 14px}.input:focus,.select:focus{border-color:var(--moon)}.select option{background:var(--night-2)}.seg{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--text-dim);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.seg button.on{background:var(--moon);color:var(--night)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:999px;padding:8px 14px;font-size:14px}.chip.on{background:var(--moon-soft);border-color:var(--moon);color:var(--moon);font-weight:700}.card{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(#ffffff0d,#ffffff05);padding:22px}.error{color:#ff8a80;font-size:14px}.modal-back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#05060eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{color:#191f28;background:#fff;border-radius:18px;width:min(560px,100%);max-height:92vh;padding:18px 8px 16px;position:relative;overflow:auto}.modal h3{margin:6px 16px 4px;font-size:18px}.modal .sum{color:#4e5968;margin:0 16px 6px;font-size:14px}.modal .close{color:#8b95a1;background:0 0;border:0;font-size:22px;position:absolute;top:10px;right:12px}.modal .pay{color:#fff;width:calc(100% - 32px);box-shadow:none;background:#3182f6;margin:8px 16px 0}.modal .test-note{color:#8b95a1;margin:10px 16px 0;font-size:12px}.stage{background:#07060a;position:fixed;inset:0}.stage canvas{touch-action:none}.hud{z-index:5;pointer-events:none;position:fixed}.hud>*{pointer-events:auto}.hud-top{background:linear-gradient(#05050ab3,#0000);justify-content:space-between;align-items:center;padding:14px 18px;display:flex;top:0;left:0;right:0}.hud-bottom{background:linear-gradient(#0000,#05050adb 60%);place-items:center;padding:16px;display:grid;bottom:0;left:0;right:0}.dialog{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0a12c7;border:1px solid #e8c77a59;border-radius:16px;width:min(720px,100%);padding:16px 18px;box-shadow:0 20px 60px -20px #000c}.dialog .who{font-family:var(--serif);color:var(--moon);margin-bottom:4px;font-size:15px;font-weight:800}.dialog .line{font-family:var(--serif);min-height:2.2em;font-size:17px;line-height:1.75}.dialog .actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hint{color:var(--text-dim);text-align:center;margin-top:8px;font-size:12.5px}.tip{pointer-events:none;color:var(--moon);white-space:nowrap;background:#0a080ed1;border:1px solid #e8c77a80;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;transform:translateY(-6px)}@media (width<=640px){.nav{scrollbar-width:none;gap:12px;font-size:13px;overflow-x:auto}.nav a{white-space:nowrap;padding:6px 0}.brand{font-size:19px}.dialog .line{font-size:15.5px}}@media print{body{color:#111;background:#fff!important}.top,.foot,.no-print{display:none!important}}