:root{--nite:#0b0e12;--pale:#d9dee8;--dim:#4a5266;--line:#1a1f2b;--lav:#a8b0d8}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{background:linear-gradient(180deg, #10141b 0%, var(--nite) 60%, #05070a 100%);color:var(--pale);font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#cv{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.mark{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:24px;left:28px}.mark h1{letter-spacing:10px;color:var(--lav);font-size:27px;font-weight:200}.mark .tag{letter-spacing:4px;color:var(--dim);margin-top:4px;font-size:11px;display:block}.crosslink{letter-spacing:2px;color:var(--dim);font-size:12px;text-decoration:none;position:fixed;top:30px;right:28px}.crosslink:hover,.crosslink:focus-visible{color:var(--pale)}.deck{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;background:#0b0e12b8;border-radius:22px;flex-direction:column;align-items:center;gap:18px;padding:26px 30px;display:flex;position:fixed;top:52%;left:50%;transform:translate(-50%,-50%)}#moon{border:1px solid var(--line);color:var(--lav);cursor:pointer;background:0 0;border-radius:999px;padding:10px 26px;font-size:30px}#moon:hover{border-color:var(--lav)}#moon:focus-visible{outline:2px solid var(--lav);outline-offset:2px}#moon.on{background:var(--lav);color:var(--nite);border-color:var(--lav)}.faders{grid-template-columns:repeat(2,auto);gap:12px 26px;display:grid}.faders label{letter-spacing:3px;color:var(--dim);justify-content:space-between;align-items:center;gap:12px;width:220px;font-size:12px;display:flex}.faders input[type=range]{width:130px;accent-color:var(--lav)}.bottomrow{align-items:center;gap:12px;display:flex}.bottomrow select{border:1px solid var(--line);color:var(--dim);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-family:inherit;font-size:12px}.bottomrow select:hover{color:var(--pale)}.bottomrow select option{background:var(--nite);color:var(--pale)}.bottomrow button{color:var(--dim);letter-spacing:2px;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 9px;font-family:inherit;font-size:13px}.bottomrow button:hover{color:var(--pale)}.bottomrow button:focus-visible{outline:2px solid var(--lav);outline-offset:2px}#rec.rec-on{color:#ff6b7d}@media (width<=560px){.faders{grid-template-columns:1fr}.faders label{width:240px}}