:root{--ink:#fff4e0;--dim:#fff4e09e;--amber:#ffbf6b;--amber2:#e8913a;--glass:#1412269e;--line:#ffdcaa2e;--sheet:#1a162cf0;--safeT:env(safe-area-inset-top,0px);--safeB:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);overscroll-behavior:none;background:#0d1024;margin:0;font-family:Jua,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}body{-webkit-user-select:none;user-select:none;position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit}#gate{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}svg{display:block}.home{left:14px;top:calc(12px + var(--safeT));background:var(--glass);border:1px solid var(--line);width:44px;height:44px;color:var(--amber);-webkit-backdrop-filter:blur(8px);border-radius:14px;place-items:center;display:grid;position:absolute}.home svg{width:24px;height:24px}.mine{right:14px;top:calc(12px + var(--safeT));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:14px;height:44px;padding:0 14px;font-size:15px;position:absolute}.badge{color:#fff;background:#ff8a5c;border-radius:10px;padding:2px 7px;font-size:12px;font-weight:400;position:absolute;top:-8px;right:-6px;box-shadow:0 0 12px #ff8c5ab3}.out{right:14px;top:calc(64px + var(--safeT));color:#2a1a08;background:#ffbf6b;border-radius:12px;padding:7px 12px;font-size:14px;position:absolute}.head{left:0;right:0;top:calc(66px + var(--safeT));text-align:center;position:absolute;pointer-events:none!important}.head h1{letter-spacing:-.5px;color:#fff3da;text-shadow:0 0 24px #ffbe6e8c,0 2px #0000004d;margin:0;font-size:40px;font-weight:400}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.chip{background:var(--glass);border:1px solid var(--line);color:var(--dim);-webkit-backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:0;padding:6px 12px;font-size:14px;display:inline-flex}.chip b{color:var(--ink);margin:0 3px;font-weight:400}.dot{background:#ffcf7a;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:2.4s ease-in-out infinite breathe;box-shadow:0 0 8px #ffcf7a}@keyframes breathe{50%{opacity:.35}}.cta{left:50%;bottom:calc(28px + var(--safeB));color:#2a1606;white-space:nowrap;background:linear-gradient(#ffd38a,#f0a24c);border-radius:999px;align-items:center;gap:10px;padding:14px 26px 14px 16px;font-size:21px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #f0963c59,inset 0 2px #ffffff80}.cta svg{width:34px;height:34px}.cta:active{transform:translate(-50%)scale(.96)}body[data-mode=exam] .head h1{color:#cfd5f0;text-shadow:none;font-size:30px}body[data-mode=after] .head h1{color:#ffe9f0;text-shadow:0 0 26px #ff96b499;font-size:46px}body[data-mode=after] .cta{color:#3a0f1c;background:linear-gradient(#ffd7e2,#ff9fb6);box-shadow:0 10px 30px #ff8caa59,inset 0 2px #ffffff80}.placing{left:50%;top:calc(12px + var(--safeT));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:5px 6px 5px 10px;font-size:17px;display:flex;position:absolute;transform:translate(-50%)}.placing .pk svg{width:32px;height:32px;animation:1.2s ease-in-out infinite hover}@keyframes hover{50%{transform:translateY(-4px)rotate(-6deg)}}.placing .x{background:#ffffff14;border-radius:50%;width:34px;height:34px;font-size:15px}.sheet{padding:8px 16px calc(18px + var(--safeB));background:var(--sheet);border-top:1px solid var(--line);border-radius:22px 22px 0 0;max-height:72vh;transition:transform .28s cubic-bezier(.2,.9,.25,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(110%);box-shadow:0 -16px 40px #0006}.sheet.on{transform:none}.grab{background:#ffffff2e;border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.pk svg{width:40px;height:40px}.kinds{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kinds.k2{grid-template-columns:repeat(2,1fr)}.kind{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 12px;display:flex}.kind svg{width:52px;height:52px;margin-bottom:4px}.kind b{font-size:17px;font-weight:400}.kind small{color:var(--dim);font-size:12.5px}.kind:active{background:#ffbe6e29}.compose .who{align-items:center;gap:10px;display:flex}.tos{scrollbar-width:none;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.tos::-webkit-scrollbar{display:none}.to{border:1px solid var(--line);color:var(--dim);background:#ffffff0f;border-radius:999px;flex:none;padding:8px 12px;font-size:14.5px}.to.on{color:#2a1606;background:#ffcf8a;border-color:#0000}.toIn,.msg{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff12;border-radius:14px;outline:none;padding:12px 14px;font-size:16px}.toIn{margin-top:10px}.hidden{display:none!important}.msgRow{margin-top:10px;position:relative}.msg{padding:8px 60px 8px 14px;font-family:Nanum Pen Script,Jua,sans-serif;font-size:25px}.cnt{color:var(--dim);font-size:12.5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.slapBtn,.primary{color:#2a1606;background:linear-gradient(#ffd38a,#f0a24c);border-radius:16px;width:100%;margin-top:12px;padding:15px;font-size:19px;box-shadow:inset 0 2px #ffffff73}body[data-mode=after] .slapBtn,body[data-mode=after] .primary{color:#3a0f1c;background:linear-gradient(#ffd7e2,#ff9fb6)}.slapBtn:active,.primary:active{transform:scale(.98)}.ghost{border:1px solid var(--line);background:#ffffff12;border-radius:16px;padding:14px;font-size:17px}.ghost small{color:var(--dim);margin-left:4px;font-size:13px}.ghost:disabled{opacity:.4}.ghost.sm{border-radius:12px;flex:none;padding:8px 12px;font-size:14px}.row2{gap:10px;margin-top:12px;display:flex}.row2>*{flex:1;margin-top:0}.doneHead{align-items:center;gap:10px;font-size:18px;display:flex}.doneHead b{font-weight:400}.giftCard.loading{place-items:center;min-height:160px;display:grid}.giftCard.loading .pk svg{width:56px;height:56px;animation:1s ease-in-out infinite hover}.gh{align-items:center;gap:10px;display:flex}.gh b{font-size:17px;font-weight:400;display:block}.gh small{color:var(--dim);font-size:13px}.toWho{color:#ffd9a0;background:#ffcf8a24;border-radius:999px;margin-left:auto;padding:5px 11px;font-size:14px}.msgText{color:#fff6e6;word-break:keep-all;overflow-wrap:anywhere;margin:14px 2px 4px;font-family:Nanum Pen Script,Jua,sans-serif;font-size:34px;line-height:1.15}.msgText .quiet{color:var(--dim)}.cheer{color:#ffd0c0;background:#ff8c6e1f;border:1px solid #ff96784d;border-radius:16px;padding:14px;font-size:17px;flex:1.6!important}.cheer.on{color:#fff;background:linear-gradient(#ff9f86,#ff7a6b);border-color:#0000}.cheer b{margin-left:2px;font-weight:400}.report{color:#fff4e066;margin:12px auto 0;padding:4px 10px;font-size:13px;display:block}.myList.loading{min-height:120px}.freshNote{color:#ffd0c0;background:#ff8c6e24;border-radius:14px;margin-bottom:10px;padding:10px 14px;font-size:15px}.freshNote b{color:#fff;font-weight:400}.myRow{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 4px;display:flex}.myRow .mt{flex:1;min-width:0}.myRow .mt b{white-space:nowrap;text-overflow:ellipsis;font-family:Nanum Pen Script,Jua,sans-serif;font-size:24px;font-weight:400;display:block;overflow:hidden}.myRow .mt small{color:var(--dim);font-size:13px}.myRow em{color:#ff9f86;font-style:normal}.empty{place-items:center;padding:30px;display:grid}.empty svg{opacity:.8;width:72px;height:72px}#pops{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}.pop{color:#fff;text-shadow:0 2px #00000059;white-space:nowrap;font-size:22px;animation:1.1s ease-out forwards pop;position:absolute;transform:translate(-50%,-50%)}.pop.big{color:#fff2d6;-webkit-text-stroke:1.5px #8a4a14;text-shadow:0 4px #8a4a14,0 0 30px #ffbe6ecc;font-size:58px}.pop.heart{color:#ff8a7a;font-size:30px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(-4deg)}30%{transform:translate(-50%,-50%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-110%)scale(1)rotate(-4deg)}}.toast{left:50%;bottom:calc(110px + var(--safeB));opacity:0;border:1px solid var(--line);pointer-events:none;z-index:10;white-space:nowrap;background:#141226eb;border-radius:14px;padding:11px 18px;font-size:15px;transition:all .25s;position:fixed;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}.exRow{color:var(--dim);align-items:center;gap:6px;margin-top:10px;font-size:13px;display:flex}.exBadge{color:#c8d6ff;background:#a0beff29;border-radius:8px;padding:2px 8px;font-size:12px}