:root{--bg:#fff7ec;--card:#fff;--ink:#2b2b33;--sub:#7a7480;--line:#f0e4d4;--brand:#ff8a3d;--brand-ink:#fff;--mint:#39b98a;--sky:#5aa9ff;--soft:#fff0e0;--gold:#ffcc4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0}body{word-break:keep-all;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:18px;line-height:1.5}#app{max-width:480px;padding:20px 16px calc(32px + env(safe-area-inset-bottom));min-height:100vh;margin:0 auto}.loading{text-align:center;color:var(--sub);padding:120px 0}h1{letter-spacing:-.5px;margin:4px 0 2px;font-size:28px}h2{margin:0 0 12px;font-size:22px}.muted{color:var(--sub);font-size:15px}.small{color:var(--sub);font-size:13px}.chip{background:var(--soft);color:#b0581c;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-block}.chip.mint{color:#1f8a63;background:#e2f6ee}.chip.sky{color:#2f6fc0;background:#e6f1ff}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;gap:8px;display:flex}.card{background:var(--card);box-shadow:0 2px 0 var(--line);border:1.5px solid var(--line);border-radius:22px;margin:14px 0;padding:20px}.hero{text-align:center;padding:28px 20px}.hero .emoji{font-size:64px;line-height:1}button{font:inherit;cursor:pointer;border:0}.primary{background:var(--brand);width:100%;color:var(--brand-ink);border-radius:18px;padding:20px;font-size:22px;font-weight:800;transition:transform 80ms;box-shadow:0 5px #e06a1d}.primary:active{transform:translateY(3px);box-shadow:0 2px #e06a1d}.primary:disabled{color:#9a8f84;background:#e8dccd;box-shadow:0 5px #d6c8b6}.secondary{background:var(--soft);color:#b0581c;border-radius:14px;width:100%;padding:14px;font-size:18px;font-weight:800}.ghost{color:var(--sub);text-underline-offset:3px;background:0 0;padding:8px;font-size:15px;text-decoration:underline}.links{flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-top:18px;display:flex}.links .ghost{font-size:16px}.big-num{letter-spacing:-.5px;font-size:32px;font-weight:900}.up{color:#e0582a}.down{color:#3c78d8}.grid17{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grid17 button{background:var(--card);border:1.5px solid var(--line);color:var(--ink);border-radius:14px;padding:12px 0;font-size:17px;font-weight:700;position:relative}.grid17 button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.grid17 button .tag{background:var(--mint);color:#fff;border-radius:6px;padding:1px 4px;font-size:10px;position:absolute;top:-8px;right:-4px}.seg{background:var(--soft);border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{color:#b0581c;background:0 0;border-radius:10px;flex:1;padding:10px;font-size:16px;font-weight:800}.seg button.on{background:#fff;box-shadow:0 1px 4px #00000014}.kv{grid-template-columns:1fr auto;gap:8px 12px;font-size:17px;display:grid}.kv b{text-align:right}.note{background:var(--soft);color:#8a5a2e;border-radius:14px;margin:12px 0;padding:12px 14px;font-size:15px}.receipt{background:#fffdf8;border:2px dashed #f1c79a;border-radius:18px;padding:20px;position:relative;overflow:hidden}.receipt .ttl{text-align:left;letter-spacing:2px;color:#b0581c;font-size:20px;font-weight:900}.receipt .no{text-align:left;letter-spacing:1px;margin:6px 0 14px;font-family:ui-monospace,Menlo,monospace;font-size:22px}.stamp{color:#e2553b;opacity:.85;border:3px solid #e2553b;border-radius:50%;place-items:center;width:78px;height:78px;font-size:15px;font-weight:900;animation:.5s ease-out stamp;display:grid;position:absolute;top:8px;right:10px;transform:rotate(-14deg)}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-14deg)}to{opacity:.85;transform:scale(1)rotate(-14deg)}}.countdown{text-align:center;color:var(--sub);margin-top:6px;font-size:15px}.countdown b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px}.result-win{text-align:center;background:linear-gradient(160deg,#fff4c9,#ffe0b8);border-color:#ffd28a}.result-lose{text-align:center;background:#f6f3ff;border-color:#e5defa}.confetti{font-size:44px;animation:.6s ease-out pop}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.2)}to{transform:scale(1)}}.home{background:linear-gradient(170deg,#fff,#fff3e3)}.home .name{font-size:22px;font-weight:900}.event{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:10px;padding:10px 12px;font-size:15px}.ladder{flex-direction:column-reverse;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ladder li{border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:14px 16px;position:relative}.ladder li.here{border-color:var(--brand);background:#fff3e6}.ladder li.open{border-color:#9edcc4}.ladder .lbl{font-size:18px;font-weight:800}.mini-ladder{align-items:flex-end;gap:6px;height:46px;display:flex}.mini-ladder span{background:#f1e6d8;border-radius:6px 6px 2px 2px;flex:1}.mini-ladder span.done{background:var(--brand)}.list{flex-direction:column;gap:8px;display:flex}.item{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px}.item.me{border-color:var(--brand);background:#fff3e6}.item .t{font-weight:800}.item button{background:var(--brand);color:#fff;border-radius:10px;flex:none;padding:8px 14px;font-size:15px;font-weight:800}.item button:disabled{color:#9a8f84;background:#e8dccd}.scroll-chips{gap:6px;margin:0 -16px;padding-bottom:6px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.scroll-chips button{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;flex:none;padding:6px 14px;font-size:15px;font-weight:700}.scroll-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.footer{text-align:center;color:#a59c92;margin-top:28px;font-size:12px;line-height:1.6}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:#fff;z-index:10;background:#2b2b33eb;border-radius:14px;max-width:calc(100% - 32px);padding:12px 18px;font-size:16px;position:fixed;transform:translate(-50%)}.dev{background:#f7f3ff;border:2px dashed #b9a6ff}.dev button{color:#5b45c9;background:#fff;border:1.5px solid #cfc2ff;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:700}.share-preview{border-radius:16px;width:100%;margin-top:10px;display:block}.sheet-wrap{z-index:20;background:#1e191459;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:480px;padding:24px 16px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;animation:.18s ease-out up}@keyframes up{0%{opacity:.5;transform:translateY(40px)}to{opacity:1;transform:none}}.sheet-input{width:100%;font:inherit;border:1.5px solid var(--line);border-radius:12px;margin-top:12px;padding:12px 14px;font-size:20px}
