:root{--glass:#0e0e109e;--line:#ffbe8c1a;--cool:#5ed8ff;--warm:#ff8a3a}html,body{background:#060708}.left{background:linear-gradient(#0c0a0a99,#0c0a0a40)}#title{background:linear-gradient(90deg,#ffd2a8,#ff8a3a 55%,#ff4f7a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:50px}.pill{background:#0e0c0cbd}.tab.on{background:#ff8a3a1f;box-shadow:inset 0 -2px #ff8a3a}.tab.on i{background:#ff8a3a}#progress{background:linear-gradient(90deg,#ffb070,#ff4f7a)}.stat .v.cool{color:#5ed8ff}.stat .v.warm{color:#ff8a3a}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ff8a3a var(--p), #ffffff1f var(--p))}input[type=range]::-moz-range-progress{background:#ff8a3a}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 4px #ff8a3a33}.hint{font:500 12px var(--mono);color:var(--muted);margin-top:12px}#cap{text-align:center;pointer-events:none;max-width:min(1100px,100vw - 32px);font:750 44px/1.1 var(--sans);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 24px #000000d9,0 0 2px #000000e6;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}#cap.in{animation:.5s cubic-bezier(.2,.8,.2,1) capin}@keyframes capin{0%{filter:blur(6px);transform:translate(-50%,14px)}to{filter:blur();transform:translate(-50%)}}.sound{font:500 14px var(--sans);gap:7px;padding:0 12px;width:auto!important}.sound svg{stroke:#fff;stroke-width:1.8px;stroke-linecap:round}.sound .i-on{display:none}.sound.on .i-on{display:block}.sound.on .i-off{display:none}.sound:not(.on){box-shadow:0 0 0 1px #ff8a3a80,0 0 18px #ff8a3a40}body.film .corner{display:none}body.film #cap{font-size:60px;bottom:104px}body.film .credit{color:#f0e6dcb3;font-size:15px;bottom:28px}@media (max-width:760px){#cap{font-size:24px;bottom:150px}#title{font-size:34px}}