:root{--panel:#0e1424cc;--line:#ffffff1a;--text:#f1f4fb;--muted:#a9b3c9;--red:#e2484d;--red2:#ff6b6f;--gold:#ffd27a;--green:#5fbf8a}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#0a0f1d;margin:0;font-family:Noto Sans KR,system-ui,sans-serif;overflow:hidden}#cv{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:2;pointer-events:none;position:fixed}.hud>*{pointer-events:auto}.tl{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));flex-direction:column;gap:8px;max-width:calc(100% - 80px);display:flex}.tr{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));align-items:center;gap:8px;display:flex}.bc{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:8px;width:min(640px,100% - 20px);display:flex;transform:translate(-50%)}.box{background:var(--panel);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px}.title{width:300px;max-width:100%;padding:12px 12px 11px 14px}.title h1{white-space:nowrap;margin:0;font-family:Gowun Batang,serif;font-size:18px}.tHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.tHead .conn{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.tHead .conn .dot{margin-right:0}.tStats{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.tCell,.tClose{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#ffffff0d;border-radius:10px;flex-direction:column;gap:1px;min-width:0;padding:6px 10px 7px;display:flex}.tCell small,.tClose small{color:var(--muted);white-space:nowrap;font-size:11px}.tCell b{font-size:17px;line-height:1.25}.tCell em{color:var(--muted);margin-left:1px;font-size:11.5px;font-style:normal;font-weight:500}.tClose{background:#ffd27a12;border-color:#ffd27a38;margin-top:6px}.tClose small{color:#ffd27acc}.tClose b{color:var(--gold);font-size:15px;line-height:1.3}.dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:5px;display:inline-block}.dot.off{box-shadow:none;background:#667}.me{align-items:center;gap:8px;width:300px;max-width:100%;padding:9px 12px 9px 14px;font-size:14px;display:flex}.me .ic{font-size:16px}.me b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.me .yrs{color:#ffd3d5;background:#e2484d38;border:1px solid #e2484d66;border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:600}.me .yrs:empty{display:none}.me .link{flex:none;margin-left:auto}.link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}button.b,a.b{cursor:pointer;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);border-radius:12px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}button.b:hover{background:#232e4ae6}button.p{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}button.p:hover{background:var(--red2)}button.b:disabled{opacity:.45;cursor:default}.actions{background:var(--panel);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;gap:4px;width:100%;padding:6px;display:grid}.actions .tile{white-space:nowrap;min-width:0;min-height:62px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 2px 8px;font-family:inherit;font-size:12.5px;display:flex}.actions .tile span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.actions .tile i{font-size:21px;font-style:normal;line-height:1}.actions .tile:hover{background:#ffffff12}.actions .tile.p{background:var(--red);color:#fff;font-weight:700}.actions .tile.p:hover{background:var(--red2)}.actions .tile.on{background:#ffffff1a}.emotes{width:100%}.sheet{max-height:calc(100dvh - 32px);overflow:auto}.emotes{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px;display:flex}.emotes button{border-radius:999px;padding:7px 11px;font-size:13px}.hint{color:var(--muted);text-align:center;padding:7px 14px;font-size:12px}.hint .hS{display:none}@media (width<=600px){.hint .hL{display:none}.hint .hS{display:inline}}.toast{top:calc(84px + env(safe-area-inset-top));z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:0 16px;display:flex;position:fixed;left:0;right:0}.toast div{white-space:nowrap;background:#0c1222eb;border:1px solid #2c3858;border-radius:999px;padding:7px 14px;font-size:13px;animation:3s forwards fadeT}@keyframes fadeT{0%{opacity:0;transform:translateY(-6px)}10%,75%{opacity:1;transform:none}to{opacity:0}}.modal{z-index:10;background:#03060ea8;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal.show{display:flex}.sheet{-webkit-user-select:text;user-select:text;background:#121a2e;border:1px solid #26314d;border-radius:18px;width:100%;max-width:380px;padding:22px}.sheet h3{margin:0 0 4px;font-family:Gowun Batang,serif;font-size:21px}.sheet p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}label{color:var(--muted);margin:12px 0 6px;font-size:12px;display:block}input[type=text],input[type=number],textarea{width:100%;color:var(--text);background:#0a0f1d;border:1px solid #26314d;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:15px}textarea{resize:none;height:92px;line-height:1.5}input:focus,textarea:focus{border-color:var(--red2);outline:none}.chk{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.err{color:#ff9a9a;min-height:16px;margin-top:6px;font-size:12px}.row{gap:8px;margin-top:14px;display:flex}.row button{flex:1;padding:12px}.colors{gap:8px;display:flex}.colors button{cursor:pointer;border:2px solid #0000;border-radius:8px;width:34px;height:34px}.colors button.on{border-color:#fff}.count{color:var(--muted);text-align:right;margin-top:4px;font-size:11px}.paper{color:#2a2018;white-space:pre-wrap;word-break:break-all;border-radius:12px;min-height:110px;padding:18px 16px;font-size:16px;line-height:1.6;box-shadow:inset 0 0 0 1px #0000000f}.paper .by{color:#281e14b3;margin-top:12px;font-size:12px}.nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.nav span{color:var(--muted);font-size:12px}.nav button{padding:6px 14px}.closed{z-index:4;text-align:center;padding:22px 26px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.closed h2{margin:0 0 6px;font-family:Gowun Batang,serif}.closed p{color:var(--muted);margin:0;font-size:13px}.nogl{text-align:center;color:var(--muted);justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}@media (width<=600px){.title h1{font-size:17px}.emotes button{padding:6px 9px;font-size:12px}}.ts{min-height:0;margin-top:10px}.ts:empty{display:none}.rFoot{justify-content:flex-end;margin-top:8px;display:flex}.rFoot .link{font-size:11px}a.b.home{white-space:nowrap;font-size:13px;text-decoration:none}@media (width<=520px){.tr{flex-direction:column;align-items:stretch}a.b.home span{display:none}a.b.home{text-align:center}}.kofiWrap{flex-direction:column;align-items:center;gap:6px;margin-top:4px;display:flex}.kofiWrap small{color:var(--muted);font-size:12px}.kofi{opacity:.92;border-radius:8px;line-height:0;transition:opacity .15s;display:inline-flex}.kofi:hover{opacity:1}.kofi img{border:0;width:auto;height:36px}.closed .kofiWrap{margin-top:12px}.giftSheet{text-align:center;max-width:340px}.giftEmoji{margin:2px 0 8px;font-size:46px;line-height:1}.giftSheet p{line-height:1.6}.giftSheet .kofi{margin:6px auto 0}.toast div{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-align:center;border-radius:16px;max-width:min(100vw - 32px,420px);line-height:1.45}.silentBtn.on{border-color:#ffd27a8c}.silentBtn.nudge{animation:1s ease-in-out 3 nudge}@keyframes nudge{0%,to{transform:scale(1)}50%{transform:scale(1.18);box-shadow:0 0 0 4px #ffd27a59}}