:root{--cy:#39e6ff;--mg:#ff5ed2;--gd:#ffd166;--pw:#7aa2ff;--ink:#cdd6f4;--dim:#8fa0c9;--bg0:#070b22}*{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 50% -10%,#132056 0%,var(--bg0) 60%);color:var(--ink);flex-direction:column;align-items:center;gap:12px;min-height:100vh;margin:0;padding:16px 12px 30px;font-family:나눔고딕,NanumGothic,Malgun Gothic,sans-serif;display:flex}header{text-align:center;line-height:1.5}h1{letter-spacing:.5px;background:linear-gradient(90deg,var(--cy),var(--mg));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(16px,2.4vw,24px);font-weight:800}.sub{color:var(--dim);font-size:12px}.glass{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#121a408c;border:1px solid #7aa2ff38;border-radius:16px;box-shadow:0 10px 34px #00000073,inset 0 1px #ffffff0f}#wrap{flex-direction:column;gap:10px;width:min(1240px,97vw);display:flex}#stage{cursor:grab;touch-action:none;border-radius:16px;width:100%;display:block}.bar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}button{color:var(--ink);cursor:pointer;background:#7aa2ff21;border:1px solid #7aa2ff57;border-radius:10px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:800;transition:all .15s}button:hover{border-color:var(--cy);background:#39e6ff38}button.on{border-color:var(--cy);background:linear-gradient(90deg,#39e6ff4d,#ff5ed24d)}input[type=range]{accent-color:var(--cy);height:22px}#scrub{flex:220px;min-width:160px}.chips{flex-wrap:wrap;gap:6px;padding:0 12px 10px;display:flex}.chip{cursor:pointer;color:var(--dim);background:#7aa2ff1a;border:1px solid #7aa2ff42;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;transition:all .15s}.chip:hover{color:var(--ink);border-color:var(--pw)}.chip.now{color:#08122e;background:linear-gradient(90deg,var(--cy),var(--pw));border-color:#0000}#clock{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px}footer{color:var(--dim);text-align:center;max-width:760px;font-size:11px;line-height:1.6}#wrap[hidden]{display:none}.openbox{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(720px,97vw);padding:26px 18px;display:flex}.openbox .hint{text-align:center;color:var(--dim);flex-basis:100%;margin:4px 0 0;font-size:12px}.openbox.drag{border-color:var(--cy);background:#39e6ff1a}