.react{--glass:#3a3550;--room:#0d0f22;background:var(--room);color:#ece6f6;overscroll-behavior:none;height:100dvh;transition:background 60ms linear;overflow:hidden}.react[data-state=go]{--glass:#fff2b8;--room:#f6d98c;color:#2b2640}.react[data-state=early]{--room:#3a1420}.r-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex;position:fixed;inset:0 0 auto}.r-home,.r-best{pointer-events:auto}.r-home{font-size:15px;font-weight:700;text-decoration:none}.r-home span{opacity:.65;margin-left:4px;font-weight:400}.r-best{opacity:.7;text-align:right;margin:0;font-size:13px}.r-stage{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;align-content:center;place-items:center;gap:18px;padding:70px 20px 40px;display:grid;position:fixed;inset:0}.r-bulb{filter:drop-shadow(0 10px 18px #00000080);width:clamp(110px,16vh,170px)}.r-bulb svg{width:100%;height:auto;display:block;overflow:visible}.react[data-state=go] .r-bulb{filter:drop-shadow(0 0 40px #fff6c8)drop-shadow(0 0 120px #ffe08a)}.r-panel{text-align:center;justify-items:center;gap:8px;display:grid}.r-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(34px,6vw,64px);font-weight:800;line-height:1.1}.react[data-state=wait] .r-big{opacity:.55}.r-status{opacity:.8;max-width:28em;min-height:1.6em;margin:0;font-size:15px;line-height:1.6}.r-result{cursor:pointer;z-index:10;background:#080916db;place-items:center;padding:70px 16px 24px;display:grid;position:fixed;inset:0;overflow:auto}.r-result[hidden]{display:none}.r-card{cursor:auto;color:#2b2640;text-align:center;background:#f4ecd8;width:min(520px,100%);padding:26px 26px 20px;animation:.5s cubic-bezier(.2,1.3,.4,1) both r-in;position:relative;rotate:-.8deg;box-shadow:0 30px 60px -20px #000c}@keyframes r-in{0%{opacity:0;rotate:-6deg;scale:.8}}.r-icon{width:110px;margin:0 auto}.r-icon svg{width:100%;height:auto;display:block}.r-ms{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:52px;font-weight:800;line-height:1}.r-tier{margin:6px 0 2px;font-size:26px;font-weight:800}.r-comment{font-family:var(--font-hand);color:#4b4660;margin:0 0 26px;font-size:24px;line-height:1.2}.r-bar{height:30px;margin:0 4px;position:relative}.r-bar .seg{border-right:1.5px solid #f4ecd8;height:100%;position:absolute;top:0;overflow:hidden}.r-bar .seg em{white-space:nowrap;color:#2b2640;place-items:center;font-size:10.5px;font-style:normal;line-height:1.1;display:grid;position:absolute;inset:0}.seg-light{background:#ffe27a}.seg-pro{background:#b9cdf2}.seg-cat{background:#f7c08a}.seg-normal{background:#e8d6bd}.seg-sleepy{background:#f0b3c2}.seg-turtle{background:#bcd8a6}.seg-sloth{background:#d6c6b2}.r-bar .me{background:#c8423b;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-8px;bottom:-8px;box-shadow:0 0 0 2px #f4ecd8}.r-bar .me:after{content:"나";color:#fff6e6;font-style:normal;font-family:var(--font-serif);white-space:nowrap;background:#c8423b;border-radius:8px;padding:1px 6px 2px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;top:-22px;left:50%;translate:-50%}.r-close{color:#6b5f4a;background:0 0;border:0;border-radius:50%;width:38px;height:38px;padding:0;font-size:28px;line-height:1;position:absolute;top:8px;right:10px}.r-close:hover{color:#2b2640;background:#2b264014}.r-ticks{color:#8a7e66;justify-content:space-between;margin:4px 4px 0;font-size:11px;display:flex}.r-note{color:#4b4660;margin:12px 0 0;font-size:13.5px;line-height:1.65}.r-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0;display:flex}.r-actions button{color:#2b2640;background:0 0;padding:6px 16px;font-size:14.5px}.r-actions .solid{color:#fbf6ea;background:#2b2640;border-color:#2b2640}@media (width<=520px){.r-bar .seg em{font-size:9px}.r-home span{display:none}}@media (prefers-reduced-motion:reduce){.react{transition:none}}