:root{--bg:#0b0f14;--card:hsla(0,0%,100%,.06);--card2:hsla(0,0%,100%,.08);--text:hsla(0,0%,100%,.92);--muted:hsla(0,0%,100%,.7);--muted2:hsla(0,0%,100%,.55);--border:hsla(0,0%,100%,.1);--accent:rgba(160,210,255,.85);--accent2:rgba(140,255,220,.7);--shadow:rgba(0,0,0,.35);--radius:20px}[data-theme=sleep]{--bg:#050709;--card:hsla(0,0%,100%,.04);--card2:hsla(0,0%,100%,.05);--text:hsla(0,0%,100%,.75);--muted:hsla(0,0%,100%,.55);--muted2:hsla(0,0%,100%,.4);--border:hsla(0,0%,100%,.06);--accent:rgba(160,210,255,.6);--accent2:rgba(140,255,220,.5);--shadow:rgba(0,0,0,.5)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 70% 10%,rgba(160,210,255,.2),transparent 60%),radial-gradient(900px 600px at 20% 80%,rgba(140,255,220,.14),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;transition:background .3s ease,color .3s ease}[data-theme=sleep] body{background:radial-gradient(1000px 700px at 70% 10%,rgba(160,210,255,.08),transparent 60%),radial-gradient(800px 500px at 20% 80%,rgba(140,255,220,.06),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}.container{max-width:860px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 60px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{border:1px solid var(--border);background:hsla(0,0%,100%,.08);color:var(--text);padding:12px 14px;border-radius:16px;cursor:pointer;transition:transform .08s ease,background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{background:hsla(0,0%,100%,.12)}.btn:active{transform:translateY(1px)}.btn.primary{background:rgba(160,210,255,.18);border-color:rgba(160,210,255,.35)}.btn.primary:hover{background:rgba(160,210,255,.24)}.btn:disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-gap:14px;gap:14px}.h1{font-size:34px;line-height:1.15;margin:6px 0 8px;letter-spacing:-.02em}.h2{font-size:18px;line-height:1.35}.h2,.p{margin:0;color:var(--muted)}.p{line-height:1.55}.small{font-size:13px;color:var(--muted2)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{height:16px}.hr{height:1px;background:var(--border);border:none;margin:14px 0}.kbd{font-size:12px;padding:2px 8px;border-radius:10px;border:1px solid var(--border);background:hsla(0,0%,100%,.06);color:var(--muted)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;transition:opacity .2s}.slider:disabled{opacity:.3;cursor:not-allowed}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:rgba(160,210,255,.85);cursor:pointer;-webkit-transition:transform .1s ease;transition:transform .1s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-webkit-slider-thumb:active{transform:scale(.95)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:rgba(160,210,255,.85);cursor:pointer;border:none;-moz-transition:transform .1s ease;transition:transform .1s ease}.slider::-moz-range-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.heatmap-cell{position:relative}.heatmap-cell:active,.heatmap-cell:hover{transform:scale(1.5);z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.6);border-color:hsla(0,0%,100%,.5)!important}