:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#03030a;--void:#05040b;--ink:#fff7ff;--ink-soft:#fff7ffd1;--muted:#9a95aa;--dim:#5f5a72;--cyan:#00e6ff;--cyan-soft:#00e6ff6b;--magenta:#ff2d6f;--magenta-soft:#ff2d6f7a;--acid:#9aff3d;--violet:#8a5cff;--amber:#ffd166;--glass-fill:#1816268a;--glass-fill-strong:#12101ec7;--glass-sheen:#ffffff1a;--glass-border:#cdddff38;--glass-border-strong:#dce5ff5c;--glass-shadow:0 24px 80px #0000008f;--magenta-glow:0 0 26px #ff2d6f85, 0 0 68px #ff2d6f47;--cyan-glow:0 0 22px #00e6ff7a, 0 0 54px #00e6ff33;--panel-radius:20px;--dock-radius:17px;--track:.17em;--ease-glass:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--ink);margin:0;font-family:Arial,Helvetica Neue,Helvetica,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:1px solid var(--cyan);outline-offset:5px;box-shadow:0 0 0 4px #00e6ff26}.blackRoom{isolation:isolate;background:radial-gradient(circle at 18% 6%,#00e6ff26,#0000 24%),radial-gradient(circle at 79% 6%,#ff2d6f33,#0000 31%),radial-gradient(circle at 55% 89%,#8a5cff2e,#0000 36%),linear-gradient(#061015 0%,#080611 42%,#05030a 100%);grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:100svh;padding:clamp(42px,4.2vw,58px) clamp(38px,4.1vw,58px);display:grid;position:relative;overflow:hidden}.blackRoom:before,.blackRoom:after{pointer-events:none;content:"";position:absolute;inset:0}.blackRoom:before{z-index:-2;opacity:.8;background:linear-gradient(#8ccdff0a 1px,#0000 1px) 0 0/46px 46px,linear-gradient(90deg,#8ccdff0a 1px,#0000 1px) 0 0/46px 46px,linear-gradient(#ffffff06 50%,#0000 50%) 0 0/100% 4px;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0%,#000000b8 45%,#0000 100%);mask-image:radial-gradient(circle at 50% 48%,#000 0%,#000000b8 45%,#0000 100%)}.blackRoom:after{z-index:-1;mix-blend-mode:screen;opacity:.86;background:radial-gradient(#0000 0% 44%,#00000080 100%),linear-gradient(90deg,#00e6ff09,#0000 24% 68%,#ff2d6f0b)}.topRail{z-index:2;justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.today,.modeButton,.nowPlaying,.soundToggle,.settingsPanel,.settingsPanel input,.playlistHeader p,.playlistHeader h2,.moodistHeader p,.moodistHeader h3,.moodistPreset,.moodistCategoryTab,.moodistSoundButton,.playlistModalNow strong,.playlistModalNow time,.playlistTrackSelect,.playlistReorderControls{letter-spacing:var(--track);text-transform:uppercase}.todayBlock{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(135deg,#ffffff1a,#ffffff06 46%,#00e6ff09),#19232c6e;border-radius:17px;gap:9px;min-width:min(242px,100vw - 112px);padding:16px 18px 15px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 16px 48px #00000042}.todayBlock:after{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(135deg,#ffffff17,#0000 45%);position:absolute;inset:1px}.today{color:var(--ink);align-items:center;gap:10px;margin:0;font-size:clamp(.72rem,.8vw,.82rem);font-weight:900;line-height:1.1;display:flex}.today:before{background:var(--acid);content:"";border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #9aff3ddb}.sessionArc{gap:9px;padding-left:17px;display:flex}.sessionDot{background:#cfdae72e;border-radius:999px;width:19px;height:2px}.sessionDot.complete{background:linear-gradient(90deg, var(--acid), #00e6ffe6);box-shadow:0 0 10px #9aff3db3}.cycleNote{color:#c6d1de7a;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(.57rem,.64vw,.64rem);font-weight:900;line-height:1.2}.iconButton{border:1px solid var(--glass-border);color:#fff7ffd1;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);width:48px;height:48px;transition:border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), color .16s var(--ease-glass), transform .16s var(--ease-glass);background:radial-gradient(circle at 35% 24%,#ffffff29,#0000 36%),#ffffff12;border-radius:999px;place-items:center;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffff29,0 8px 28px #ff2d6f1f}.iconButton:hover{color:var(--ink);border-color:#ffffff57;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 0 30px #ff2d6f38}.timerStage{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding:clamp(86px,8.4vh,118px) 0 clamp(68px,7.2vh,92px);display:flex}.timerStage h1{color:var(--ink);letter-spacing:-.045em;text-shadow:0 0 1px #ffffffb3,0 0 21px #ffffff38,0 0 42px #ff2d6f85,0 0 92px #ff2d6f4d;filter:drop-shadow(0 22px 34px #ff2d6f2e);transform-origin:50%;margin:0;font-size:clamp(9.4rem,25vw,24rem);font-weight:900;line-height:.78;display:inline-block;position:relative;transform:scaleX(1.12)}.timerStage h1:after{filter:blur(16px);opacity:.9;content:"";background:radial-gradient(#ff2d6f38,#0000 66%);border-radius:50%;height:20%;position:absolute;bottom:-7%;left:4%;right:4%}.modePicker{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffff1c,#ffffff08),#1f1d2b9e;border-radius:999px;grid-template-columns:minmax(0,.9fr) minmax(0,.88fr) minmax(0,1.22fr);align-items:center;gap:4px;width:min(344px,90vw);margin-top:clamp(44px,5.6vh,62px);padding:6px;display:grid;box-shadow:inset 0 1px #ffffff21,0 16px 48px #0000003d}.modeButton{color:#cfcadc94;letter-spacing:.14em;white-space:nowrap;min-width:0;min-height:46px;transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), color .16s var(--ease-glass), box-shadow .16s var(--ease-glass);border:1px solid #0000;border-radius:999px;padding:0 12px;font-size:.7rem;font-weight:900;position:relative}.modeButton:hover{color:var(--ink-soft)}.modeButton.active{color:var(--ink);box-shadow:inset 0 1px 0 #ffffff2e, var(--magenta-glow);background:linear-gradient(#ff2d6f57,#ff2d6f29),#ffffff0a;border-color:#ff2d6f9e}.mainControls{grid-template-columns:56px 112px 56px;justify-content:center;align-items:center;gap:22px;margin-top:clamp(48px,5.6vh,64px);display:grid}.playButton,.ghostControl,.playlistPlayButton,.playlistIconButton{transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), color .16s var(--ease-glass), opacity .16s var(--ease-glass), transform .16s var(--ease-glass)}.playButton{aspect-ratio:1;width:108px;color:var(--ink);box-shadow:inset 0 1px 0 #fff3, inset 0 -18px 36px #00000029, var(--magenta-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 35% 18%,#fff3,#0000 35%),linear-gradient(145deg,#ffffff14,#ff2d6f42),#ff2d6f2e;border:1px solid #ff2d6fb3;border-radius:50%;place-items:center;display:inline-grid;position:relative}.playButton:after{border-radius:inherit;opacity:.85;z-index:-1;content:"";background:radial-gradient(circle,#ff2d6f38,#0000 68%);position:absolute;inset:-12px}.playButton:hover{border-color:#ff698feb;transform:translateY(-1px)scale(1.025);box-shadow:inset 0 1px #ffffff47,inset 0 -18px 36px #0000001f,0 0 34px #ff2d6fa8,0 0 86px #ff2d6f57}.playButton:active,.ghostControl:active,.playlistPlayButton:active,.playlistIconButton:active{transform:scale(.96)}.playButton svg{margin-left:4px}.playButton:has(svg[data-lucide=pause]) svg{margin-left:0}.ghostControl{border:1px solid var(--glass-border);color:#e6e6f2b8;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:radial-gradient(circle at 36% 22%,#ffffff1f,#0000 38%),#ffffff12;border-radius:50%;place-items:center;width:56px;height:56px;display:inline-grid;box-shadow:inset 0 1px #ffffff1f,0 12px 34px #00000047}.ghostControl:hover{color:var(--ink);border-color:#ffffff57;box-shadow:inset 0 1px #ffffff2e,0 0 28px #ff2d6f24}.soundRail{z-index:3;justify-content:flex-end;align-items:center;width:360px;max-width:calc(100vw - 60px);display:flex;position:fixed;bottom:clamp(42px,4.1vw,58px);right:clamp(38px,4.1vw,58px)}.nowPlaying{border:1px solid var(--glass-border);border-radius:var(--dock-radius);width:100%;color:var(--muted);text-align:left;box-shadow:inset 0 1px 0 #ffffff24, var(--glass-shadow);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(135deg,#ffffff1a,#ffffff08),#1d1b2aad;gap:8px;padding:8px 10px 12px;display:grid;position:relative}.nowPlaying:before{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(90deg,#00e6ff0a,#0000 36%,#ff2d6f0a) 0 0/100% 100%,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/100% 24px;position:absolute;inset:0}.miniYoutubePlayer{aspect-ratio:21/9;border-radius:calc(var(--dock-radius) - 10px);background:radial-gradient(circle at 24% 20%,#ff2d6f38,#0000 34%),radial-gradient(circle at 82% 72%,#00e6ff24,#0000 34%),#08070edb;border:1px solid #ff2d6f38;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 16px 36px #00000047}.miniYoutubePlayer iframe,.miniYoutubeIdle{border:0;width:100%;height:100%;position:absolute;inset:0}.miniYoutubeIdle{color:#fff7ffdb;text-align:center;place-content:center;gap:6px;padding:16px;display:grid}.miniYoutubeIdle span{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 12px #00e6ff66;font-size:.56rem;font-weight:900}.miniYoutubeIdle strong{color:var(--ink);letter-spacing:.04em;font-size:clamp(.84rem,1vw,.98rem);font-weight:900;line-height:1.3}.nowPlayingTop{justify-content:space-between;align-items:center;gap:12px;padding:0 5px;display:flex}.nowPlayingTop span,.playlistHeader p{color:var(--cyan);text-shadow:0 0 12px #00e6ff6b;font-size:.64rem;font-weight:900}.lofiTvLabel,.focusAudioLayerChip.lofi{align-items:center;gap:7px;display:inline-flex}.nowPlaying strong{min-width:0;color:var(--ink);align-items:baseline;gap:10px;padding:0 5px;font-size:.86rem;font-weight:900;line-height:1.18;display:flex}.nowPlaying strong span,.playlistModalNow strong span,.playlistTrackSelect span{color:var(--magenta);text-shadow:0 0 12px #ff2d6f73;flex:none;font-size:.72em}.nowPlayingMeta,.playlistModalNow time{color:#c7c5d79e;letter-spacing:.09em;font-size:.68rem;font-style:normal;font-weight:800;line-height:1.35}.nowPlayingMeta{flex-wrap:wrap;gap:6px 8px;margin:0;padding:0 5px;display:flex}.nowPlayingMeta time,.nowPlayingMeta span{align-items:center;display:inline-flex}.nowPlayingMeta span{color:#fff7ffb3;background:#ff2d6f0f;border:1px solid #ff2d6f38;border-radius:999px;padding:2px 7px}.playlistControls{grid-template-columns:34px 42px 34px 34px;align-items:center;gap:8px;padding:0 5px;display:grid}.playlistControls.youtubeControls{grid-template-columns:34px 42px 34px}.playlistIconButton,.playlistPlayButton{color:#efeef8b3;place-items:center;display:inline-grid}.playlistIconButton{border-radius:50%;width:34px;height:34px}.playlistPlayButton{width:42px;height:42px;color:var(--ink);background:#ff2d6f1f;border:1px solid #ff2d6f94;border-radius:50%;box-shadow:0 0 24px #ff2d6f42}.playlistIconButton:hover,.playlistPlayButton:hover{color:var(--ink);background:#ffffff14}.playlistIconButton[aria-pressed=true]{color:var(--cyan);box-shadow:var(--cyan-glow);background:#00e6ff17;border:1px solid #00e6ff70}.playlistPlayButton[aria-pressed=true]{box-shadow:var(--magenta-glow)}.settingsScrim,.playlistScrim{z-index:6;overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0}.playlistScrim[hidden]{display:none}.settingsScrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 47%,#ff2d6f14,#0000 42%),#0000008a;padding:22px}.settingsPanel{border:1px solid var(--glass-border-strong);border-radius:var(--panel-radius);width:min(100%,380px);max-height:min(820px,100svh - 44px);color:var(--ink);-webkit-backdrop-filter:blur(26px)saturate(140%);backdrop-filter:blur(26px)saturate(140%);scrollbar-width:thin;scrollbar-color:#ffffff42 transparent;background:radial-gradient(circle at 84% 16%,#ffffff14,#0000 24%),linear-gradient(145deg,#ffffff14,#ffffff06 36%),#0e0c1ad4;padding:26px;display:grid;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffff29,0 30px 88px #0000009e,0 0 58px #8a5cff1f}.settingsPanel:before,.playlistModal:before{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(135deg,#ffffff14,#0000 40%);position:absolute;inset:0}.settingsHeader{border-bottom:1px solid #d9e0ff2e;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:18px;display:flex;position:relative}.settingsHeader h2{margin:0;font-size:.92rem;font-weight:900}.settingsHeader .iconButton{background:#ffffff14;width:50px;height:50px}.settingsPanel label{color:var(--ink-soft);border-top:1px solid #d9e0ff24;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:18px;padding:14px 0;font-size:.74rem;font-weight:900;display:grid}.settingsPanel label input{width:76px;color:var(--ink);text-align:center;background:#0101089e;border:1px solid #d9e0ff29;border-radius:11px;padding:11px 8px;box-shadow:inset 0 1px 8px #0000005c,0 0 18px #0000001f}.settingsSection{margin-top:24px}.settingsSection h3{color:var(--cyan);text-shadow:0 0 12px #00e6ff6b;border-bottom:1px solid #d9e0ff29;margin:0;padding:0 0 14px;font-size:.72rem;font-weight:900}.soundSetting{border-bottom:1px solid #d9e0ff21;grid-template-columns:minmax(122px,auto) minmax(0,1fr);align-items:center;gap:18px;padding:15px 0;display:grid}.tickSoundPicker{border:0;border-bottom:1px solid #d9e0ff21;min-width:0;margin:0;padding:2px 0 16px}.tickSoundPicker legend{color:#cfcadc94;padding:0 0 11px;font-size:.62rem;font-weight:900}.tickSoundOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tickSoundOption{color:#cfcadc9e;text-align:left;min-width:0;transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), color .16s var(--ease-glass), transform .16s var(--ease-glass);background:#ffffff08;border:1px solid #d9e0ff26;border-radius:13px;gap:5px;padding:11px 12px;display:grid}.tickSoundOption strong{color:inherit;font-size:.66rem;font-weight:900}.tickSoundOption span{color:#cfcadc70;letter-spacing:.12em;font-size:.54rem;font-weight:900;line-height:1.3}.tickSoundOption.active,.tickSoundOption:hover{color:var(--ink);background:linear-gradient(135deg,#00e6ff21,#ff2d6f14),#ffffff0a;border-color:#00e6ff7a;transform:translateY(-1px);box-shadow:0 0 22px #00e6ff29}.tickSoundOption.active span,.tickSoundOption:hover span{color:#fff7ffa8}.soundToggle{border:1px solid var(--glass-border);color:#cfcadc94;min-width:0;transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), color .16s var(--ease-glass);background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;gap:11px;padding:10px 12px;font-size:.68rem;font-weight:900;display:inline-flex}.soundToggle.active,.soundToggle:hover{color:var(--ink);background:linear-gradient(#ff2d6f45,#ff2d6f1c),#ffffff0a;border-color:#ff2d6fb8;box-shadow:0 0 22px #ff2d6f47}.settingsSection input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.settingsSection input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--magenta), #ffffff61 52%, var(--cyan));border-radius:999px;height:4px;box-shadow:0 0 14px #00e6ff2e}.settingsSection input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--magenta);border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 18px #ff2d6fb8}.settingsSection input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--magenta), #ffffff61 52%, var(--cyan));border-radius:999px;height:4px;box-shadow:0 0 14px #00e6ff2e}.settingsSection input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--magenta);border-radius:50%;width:14px;height:14px;box-shadow:0 0 18px #ff2d6fb8}.playlistScrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#8a5cff14,#0000 40%),#0000008a;padding:clamp(18px,4vw,54px)}.playlistModal{border:1px solid var(--glass-border-strong);border-radius:var(--panel-radius);width:min(100%,920px);height:min(780px,100svh - 72px);max-height:calc(100svh - 72px);color:var(--ink);-webkit-backdrop-filter:blur(26px)saturate(140%);backdrop-filter:blur(26px)saturate(140%);background:radial-gradient(circle at 78% 30%,#ffffff0d,#0000 24%),linear-gradient(145deg,#ffffff14,#ffffff06 38%),#0e0c1ad6;grid-template-rows:auto auto auto minmax(0,1fr);padding:32px 34px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff29,0 30px 92px #000000a3,0 0 58px #8a5cff1f}.playlistHeader,.playlistModalNow,.playlistTrack,.playlistTrackSelect{min-width:0}.playlistHeader{border-bottom:1px solid #d9e0ff2e;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex;position:relative}.playlistHeader p{margin:0 0 9px}.moodistHeader p{color:var(--cyan);text-shadow:0 0 12px #00e6ff6b;margin:0 0 8px;font-size:.62rem;font-weight:900}.playlistHeader h2{letter-spacing:.14em;margin:0;font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:400;line-height:.96}.playlistHeader .playlistIconButton{color:#fff7ffc7}.playlistModalNow{border-bottom:1px solid #d9e0ff2e;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:20px 0;display:grid}.playlistModalNow strong{align-items:baseline;gap:12px;min-width:0;font-size:clamp(1.02rem,1.6vw,1.22rem);font-weight:900;line-height:1.2;display:flex}.playlistModalNow time{grid-column:1}.playlistModalNow .playlistControls{grid-area:1/2/span 2}.moodistMixer{border-bottom:1px solid #d9e0ff2e;gap:14px;min-width:0;padding:20px 0;display:grid;position:relative}.moodistHeader{justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;display:flex}.moodistHeader h3{color:var(--ink);letter-spacing:.13em;margin:0;font-size:clamp(1.1rem,1.8vw,1.36rem);font-weight:900;line-height:1.05}.moodistHeaderControls{flex:none;gap:7px;display:flex}.moodistPresetGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.moodistPreset{color:#cfcadca8;text-align:left;min-width:0;transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), color .16s var(--ease-glass), transform .16s var(--ease-glass);background:linear-gradient(135deg,#ffffff12,#ffffff05),#ffffff09;border:1px solid #d9e0ff24;border-radius:13px;gap:6px;padding:11px 12px;display:grid}.moodistPreset:hover{color:var(--ink);border-color:#00e6ff66;transform:translateY(-1px);box-shadow:0 0 22px #00e6ff21}.moodistPreset strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:900;overflow:hidden}.moodistPreset span{color:#cfcadc7a;letter-spacing:.1em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.5rem;font-weight:900;line-height:1.35;display:-webkit-box;overflow:hidden}.moodistCategoryTabs{scrollbar-width:none;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.moodistCategoryTabs::-webkit-scrollbar{display:none}.moodistCategoryTab{color:#cfcadc9e;letter-spacing:.11em;white-space:nowrap;min-height:34px;transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), color .16s var(--ease-glass);background:#ffffff09;border:1px solid #d9e0ff24;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px;font-size:.58rem;font-weight:900;display:inline-flex}.moodistSoundGrid{scrollbar-width:thin;scrollbar-color:#ffffff42 transparent;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));align-content:start;gap:8px;min-width:0;max-height:224px;padding-right:4px;display:grid;overflow-y:auto}.moodistSoundGrid::-webkit-scrollbar{width:4px}.moodistSoundGrid::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}.moodistSound{background:#ffffff09;border:1px solid #d9e0ff21;border-radius:13px;gap:8px;min-width:0;padding:9px;display:grid}.moodistSound.active{background:linear-gradient(135deg,#00e6ff1c,#ff2d6f12),#ffffff0a;border-color:#00e6ff73;box-shadow:0 0 20px #00e6ff1f}.moodistSoundButton{color:#cfcadca8;letter-spacing:.1em;text-align:left;align-items:center;gap:8px;min-width:0;min-height:32px;font-size:.58rem;font-weight:900;display:flex}.moodistSoundButton:hover,.moodistSoundButton[aria-pressed=true]{color:var(--ink)}.moodistSoundButton span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.moodistVolume input{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px}.moodistVolume input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--magenta), #ffffff61 52%, var(--cyan));border-radius:999px;height:3px}.moodistVolume input::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--cyan);border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 14px #00e6ff9e}.moodistVolume input::-moz-range-track{background:linear-gradient(90deg, var(--magenta), #ffffff61 52%, var(--cyan));border-radius:999px;height:3px}.moodistVolume input::-moz-range-thumb{border:2px solid var(--ink);background:var(--cyan);border-radius:50%;width:11px;height:11px;box-shadow:0 0 14px #00e6ff9e}.moodistStatus{color:#ffd166d1;letter-spacing:.08em;min-height:1em;margin:-2px 0 0;font-size:.58rem;font-weight:800;line-height:1.2}.srOnly{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.playlistTrackList{scrollbar-width:thin;scrollbar-color:#ffffff42 transparent;align-content:start;gap:8px;min-height:0;padding:18px 4px 0 0;display:grid;overflow-y:auto}.playlistTrackList::-webkit-scrollbar{width:4px}.settingsPanel::-webkit-scrollbar{width:4px}.playlistTrackList::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}.settingsPanel::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}.playlistTrack{min-height:64px;transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), opacity .16s var(--ease-glass), transform .16s var(--ease-glass);background:#ffffff0b;border:1px solid #d9e0ff29;border-radius:13px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid}.playlistTrack.active{background:linear-gradient(90deg,#ff2d6f24,#ff2d6f0a),#ffffff0b;border-color:#ff2d6fc7;box-shadow:inset 0 0 0 1px #ff2d6f1f,0 0 24px #ff2d6f38}.playlistTrack.dragging{opacity:.42}.playlistTrack.dropTarget,.playlistTrack.dragOverlay{border-color:var(--cyan);transform:translateY(-1px)}.playlistDragHandle{color:#dcdeec73;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;place-items:center;width:30px;height:42px;display:inline-grid}.playlistDragHandle:active{cursor:grabbing}.playlistDragHandle:hover,.playlistTrack.dropTarget .playlistDragHandle{color:var(--ink)}.playlistTrackSelect{color:#ccc9daa8;text-align:left;grid-template-columns:34px minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.playlistTrackSelect:hover,.playlistTrackSelect[aria-pressed=true]{color:var(--ink)}.playlistTrackSelect span,.playlistTrackSelect time{font-size:.66rem;font-weight:900}.playlistTrackSelect time{color:#ccc9daa8;text-align:right;font-style:normal}.playlistTrackSelect strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.76rem,1.1vw,.88rem);font-weight:900;line-height:1.25;overflow:hidden}.playlistReorderControls{gap:4px;display:flex}.playlistIconButton:disabled{color:#ffffff38;opacity:.7}@media (prefers-reduced-motion:no-preference){.timerStage h1{animation:4.2s ease-in-out infinite timerAura}.playButton:after{animation:2.2s ease-in-out infinite pulseHalo}}@keyframes timerAura{0%,to{filter:drop-shadow(0 22px 34px #ff2d6f26)}50%{filter:drop-shadow(0 24px 42px #ff2d6f47)}}@keyframes pulseHalo{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:.9;transform:scale(1.05)}}@media (max-width:820px){.blackRoom{height:100dvh;min-height:100dvh;padding:22px 18px max(18px, env(safe-area-inset-bottom))}.timerStage{justify-content:flex-start;padding:clamp(84px,13svh,112px) 0 192px}.timerStage h1{letter-spacing:-.052em;font-size:clamp(6.5rem,30vw,8.4rem)}.modePicker{width:min(100%,354px);margin-top:clamp(34px,4.4svh,42px)}.mainControls{grid-template-columns:56px 100px 56px;gap:20px;margin-top:clamp(38px,5svh,48px)}.playButton{width:100px}.soundRail{right:18px;bottom:max(18px, env(safe-area-inset-bottom));justify-content:center;width:auto;max-width:none;left:18px}.nowPlaying{width:min(100%,360px);padding:10px 10px 14px}.settingsScrim{padding:88px 22px max(22px, env(safe-area-inset-bottom));align-items:start}.settingsPanel{width:min(100%,346px);max-height:calc(100dvh - 110px)}}@media (max-width:520px){.topRail{align-items:center}.todayBlock{border-radius:15px;gap:8px;width:min(208px,100vw - 96px);min-width:0;padding:13px 15px 10px}.today{gap:9px;font-size:.66rem}.sessionArc{gap:7px;padding-left:17px}.sessionDot{width:17px}.cycleNote{display:none}.iconButton{width:44px;height:44px}.timerStage{padding-top:clamp(86px,13svh,112px);padding-bottom:340px}.timerStage h1{font-size:clamp(6.2rem,30vw,7.35rem)}.modePicker{gap:3px;padding:5px}.modeButton{letter-spacing:.105em;min-height:44px;padding:0 7px;font-size:.58rem}.mainControls{grid-template-columns:56px 98px 56px;gap:18px}.playButton{width:98px}.ghostControl{width:56px;height:56px}.nowPlaying{gap:8px;width:min(100%,330px);padding:8px 10px 12px}.nowPlaying strong{font-size:.76rem}.nowPlaying time{font-size:.62rem}.playlistControls{grid-template-columns:36px 44px 36px 36px}.playlistControls.youtubeControls{grid-template-columns:36px 44px 36px}.settingsScrim{padding:88px 22px max(20px, env(safe-area-inset-bottom))}.settingsPanel{padding:26px}.soundSetting{grid-template-columns:minmax(118px,auto) minmax(0,1fr);gap:14px}.soundToggle{padding:10px 11px;font-size:.64rem}.tickSoundOptions{gap:8px}.tickSoundOption{padding:10px}.tickSoundOption strong{font-size:.62rem}.playlistScrim{align-items:end;padding:14px}.playlistModal{width:100%;height:min(760px,100dvh - 28px);max-height:calc(100dvh - 28px);padding:28px 20px 20px}.playlistHeader{padding-bottom:18px}.playlistHeader h2{font-size:1.55rem}.playlistModalNow{grid-template-columns:minmax(0,1fr);padding:17px 0}.playlistModalNow .playlistControls{grid-area:auto/1}.moodistPresetGrid{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.moodistPresetGrid::-webkit-scrollbar{display:none}.moodistPreset{flex:0 0 156px}.moodistSoundGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:152px}.playlistTrackList{gap:8px;padding-top:18px}.playlistTrack{grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:108px;padding:12px 10px}.playlistReorderControls{grid-column:2;justify-content:flex-end}.playlistTrackSelect{grid-template-columns:28px minmax(0,1fr) 42px;gap:8px}.playlistTrackSelect strong{font-size:.72rem}}@media (max-width:370px){.blackRoom{padding-left:14px;padding-right:14px}.todayBlock{width:min(204px,100vw - 88px)}.timerStage{padding-top:82px}.timerStage h1{font-size:clamp(5.55rem,29vw,6.45rem)}.modeButton,.soundToggle,.moodistCategoryTab,.moodistSoundButton{letter-spacing:.11em}.moodistHeader{flex-direction:column;align-items:stretch;gap:12px}.moodistHeaderControls{justify-content:flex-start}.moodistSoundGrid{grid-template-columns:1fr;max-height:144px}.tickSoundOptions{grid-template-columns:1fr}.mainControls{gap:14px}}.playlistModal{background:radial-gradient(circle at 78% 22%,#ff2d6f0e,#0000 26%),radial-gradient(circle at 18% 88%,#00e6ff0b,#0000 30%),linear-gradient(145deg,#ffffff0f,#ffffff05 40%),#0a0913e8;border-color:#5d57747a;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(100%,960px);height:min(800px,100svh - 72px);max-height:calc(100svh - 72px);padding:22px;overflow:hidden}.focusAudioHeader{border-bottom:0;align-items:flex-start;padding-bottom:18px}.focusAudioHeaderMain{gap:12px;min-width:0;display:grid}.focusAudioHeader p,.ambienceSection p,.ambienceStatusBar,.lofiPanelControls,.focusAudioLayerChip,.focusAudioPaneHeader p,.ambienceLayerChip,.moodistPreset,.moodistCategoryTab,.moodistSoundButton{letter-spacing:var(--track);text-transform:uppercase}.focusAudioHeader p,.ambienceSection p,.focusAudioPaneHeader p{color:var(--cyan);text-shadow:0 0 12px #00e6ff6b;margin:0;font-size:.62rem;font-weight:900;line-height:1}.focusAudioLayerChips{flex-wrap:wrap;gap:8px;display:flex}.focusAudioLayerChip{letter-spacing:.13em;border-radius:999px;align-items:center;min-height:28px;padding:0 11px;font-size:.58rem;font-weight:900;display:inline-flex}.focusAudioLayerChip.lofi{color:#fff7ffdb;background:#ff2d6f17;border:1px solid #ff2d6f6b;box-shadow:0 0 18px #ff2d6f24}.focusAudioLayerChip.ambience{color:var(--cyan);background:#00e6ff14;border:1px solid #00e6ff61;box-shadow:0 0 18px #00e6ff1f}.focusAudioComposer{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:14px;min-height:0;display:grid;overflow:hidden}.focusAudioLofiPane,.focusAudioAmbiencePane{background:linear-gradient(145deg,#ffffff0c,#ffffff04 50%),#ffffff07;border:1px solid #d9e0ff21;border-radius:14px;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12}.focusAudioLofiPane:before,.focusAudioAmbiencePane:before{border-radius:inherit;pointer-events:none;content:"";height:3px;position:absolute;inset:0 0 auto}.focusAudioLofiPane:before{background:linear-gradient(90deg,#ff2d6ff2,#ff2d6f00)}.focusAudioAmbiencePane:before{background:linear-gradient(90deg,#00e6fff2,#00e6ff00)}.focusAudioLofiPane{background:radial-gradient(circle at 18% 12%,#ff2d6f14,#0000 30%),linear-gradient(145deg,#ffffff0c,#ffffff04 50%),#ffffff07;border-color:#ff2d6f33;grid-template-rows:auto auto auto minmax(0,1fr);gap:10px}.focusAudioAmbiencePane{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;background:radial-gradient(circle at 18% 12%,#00e6ff13,#0000 30%),linear-gradient(145deg,#ffffff0c,#ffffff04 50%),#ffffff07;border-color:#00e6ff33;padding-right:10px;overflow-y:auto}.focusAudioAmbiencePane::-webkit-scrollbar{width:4px}.focusAudioAmbiencePane::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.focusAudioPaneHeader{gap:5px;min-width:0;display:grid}.focusAudioPaneHeader strong{min-width:0;color:var(--ink);letter-spacing:.13em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:clamp(.88rem,1.2vw,1.05rem);font-weight:900;line-height:1.2;display:flex}.focusAudioPaneHeader strong span{color:var(--magenta);flex:none;font-size:.62rem}.focusAudioPaneHeader time{color:#e0ddebb8;font-size:.72rem;font-weight:800}.lofiPanelControls{color:#ccc9da94;letter-spacing:.16em;background:#ffffff0a;border:1px solid #d9e0ff1f;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:12px;font-size:.58rem;font-weight:900;display:flex}.lofiPanelControls .playlistControls{flex:none;display:flex}.lofiPanelControls>span{white-space:nowrap;margin-left:auto}.lofiPanelControls>span+span{color:var(--cyan);margin-left:0}.youtubeLofiPlayer{gap:8px;min-width:0;display:grid}.youtubeLofiFrame{aspect-ratio:16/9;background:radial-gradient(circle at 28% 18%,#ff2d6f3d,#0000 32%),radial-gradient(circle at 76% 68%,#00e6ff1f,#0000 34%),#090811b8;border:1px solid #ff2d6f38;border-radius:13px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 18px 44px #0003}.youtubeLofiFrame iframe,.youtubeLofiIdle{border:0;width:100%;height:100%;position:absolute;inset:0}.youtubeLofiIdle{color:#fff7ffd1;text-align:center;place-content:center;gap:8px;padding:24px;display:grid}.youtubeLofiIdle span{color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 12px #00e6ff52;font-size:.58rem;font-weight:900}.youtubeLofiIdle strong{letter-spacing:.04em;max-width:240px;font-size:clamp(.88rem,1.3vw,1.04rem);font-weight:900;line-height:1.35}.youtubeLofiNote{color:#cfcadc85;margin:0;font-size:.65rem;font-weight:750;line-height:1.45}.youtubeStationList{padding-top:0}.youtubeStationList .playlistTrack{grid-template-columns:minmax(0,1fr) 34px;min-height:54px}.youtubeStationSelect{grid-template-columns:32px minmax(0,1fr) 42px}.youtubeStationSelect strong{white-space:normal}.youtubeStationExternal{color:#f0eef87a}.playlistTrackList{min-height:0;padding-top:0}.playlistTrack{background:#ffffff09;border-color:#d9e0ff17;min-height:56px}.playlistTrack.active{background:linear-gradient(90deg,#ff2d6f33,#ff2d6f0a),#ffffff0a;border-color:#ff2d6fc2}.playlistReorderControls .playlistIconButton{color:#f0eef870}.moodistMixer{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;border-bottom:0;gap:17px;padding:0 4px 0 0;overflow-y:auto}.moodistMixer::-webkit-scrollbar{width:4px}.moodistMixer::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.ambienceStatusBar{color:#cfcadca8;background:#ffffff0a;border:1px solid #d9e0ff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:52px;padding:9px 11px 9px 15px;font-size:.6rem;font-weight:900;display:flex}.ambienceStatusControls{flex:none;gap:5px;display:flex}.ambienceEmptyState{color:#dcd8e88f;text-align:center;background:#ffffff07;border:1px dashed #d9e0ff21;border-radius:12px;place-items:center;gap:9px;min-height:106px;display:grid}.ambienceEmptyState p{width:min(230px,100%);margin:0;font-size:.82rem;line-height:1.45}.ambienceMixRail{grid-template-columns:repeat(auto-fit,minmax(min(100%,154px),1fr));gap:8px;min-width:0;display:grid}.ambienceLayerChip{color:#fff7ffd1;background:radial-gradient(circle at 5% 18%,#00e6ff29,#0000 18%),#00e6ff0e;border:1px solid #00e6ff4d;border-radius:10px;gap:8px;min-width:0;padding:9px;display:grid;box-shadow:0 0 22px #00e6ff14}.ambienceLayerChip.error{background:#ffd1660f;border-color:#ffd16673}.ambienceLayerChip p{color:#ffd166db;margin:0;font-size:.56rem;font-weight:900}.ambienceLayerTop{align-items:center;gap:6px;min-width:0;display:flex}.ambienceLayerTop strong{min-width:0;color:var(--ink);letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;font-weight:900;overflow:hidden}.ambienceLayerTop button{color:#fff7ff85;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;margin-left:auto;display:inline-grid}.ambienceLayerTop button:hover{color:var(--ink);background:#ffffff14}.ambienceLayerDot{background:var(--cyan);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 12px #00e6ffc7}.ambienceLayerDot[data-status=loading]{animation:.9s ease-in-out infinite layerPulse}.ambienceLayerDot[data-status=paused]{box-shadow:none;background:#dcd8e880}.ambienceLayerVolume{color:#dcd8e885;letter-spacing:.04em;grid-template-columns:12px minmax(0,1fr) 20px;align-items:center;gap:6px;font-size:.5rem;font-weight:900;display:grid}.ambienceLayerVolume input{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:14px}.ambienceLayerVolume input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--cyan), var(--cyan)) 0 / var(--fill) 100% no-repeat, #ffffff21;border-radius:999px;height:3px}.ambienceLayerVolume input::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--cyan);border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 14px #00e6ff9e}.ambienceLayerVolume input::-moz-range-track{background:#ffffff21;border-radius:999px;height:3px}.ambienceLayerVolume input::-moz-range-progress{background:var(--cyan);border-radius:999px;height:3px}.ambienceLayerVolume input::-moz-range-thumb{border:2px solid var(--ink);background:var(--cyan);border-radius:50%;width:11px;height:11px}.ambienceSection{gap:10px;min-width:0;display:grid}.ambienceSection p{color:#cfcadc6b;text-shadow:none}.moodistPresetGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.moodistPreset{border-color:#d9e0ff21;border-radius:10px;min-height:66px;padding:12px}.moodistPreset strong{letter-spacing:.08em;font-size:.58rem}.moodistPreset span{letter-spacing:.03em;text-transform:none;font-size:.5rem}.moodistCategoryTab{color:#cfcadc73;letter-spacing:.1em;background:#ffffff05;border-color:#d9e0ff1a;min-height:30px;font-size:.52rem}.moodistCategoryTab:hover,.moodistCategoryTab.active{color:#00e6ffd1;background:#00e6ff0e;border-color:#00e6ff57;box-shadow:0 0 14px #00e6ff1a}.moodistSoundGrid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));max-height:none;padding-right:0;overflow:visible}.moodistSoundButton{color:#f4f1fac7;letter-spacing:.07em;min-width:0;min-height:44px;transition:background .16s var(--ease-glass), border-color .16s var(--ease-glass), box-shadow .16s var(--ease-glass), color .16s var(--ease-glass);background:linear-gradient(145deg,#ffffff0f,#ffffff06),#ffffff0a;border:1px solid #d9e0ff2b;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.58rem;font-weight:900;display:flex;position:relative;overflow:hidden}.moodistSoundButton:hover,.moodistSoundButton.active{color:var(--ink);background:#ff2d6f21;border-color:#ff2d6fa3;box-shadow:inset 0 1px #ffffff1a,0 0 18px #ff2d6f29}.moodistSoundButton.error{color:#ffd166db;border-color:#ffd1666b}.moodistSoundButton span:not(.moodistLoadingSweep):not(.moodistSelectedDot){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.moodistSelectedDot{background:var(--magenta);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px;box-shadow:0 0 12px #ff2d6fdb}.moodistLoadingSweep{background:linear-gradient(90deg,#0000,#00e6ff1a,#0000);animation:1.1s linear infinite loadingSweep;position:absolute;inset:0}.moodistStatus{min-height:1em}@keyframes layerPulse{0%,to{opacity:.42;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@keyframes loadingSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:860px){.focusAudioComposer{grid-template-columns:1fr;overflow-y:auto}.focusAudioLofiPane,.focusAudioAmbiencePane{min-height:auto}}@media (max-width:520px){.playlistScrim{align-items:end;padding:0}.playlistModal{width:100%;height:min(94dvh,820px);max-height:94dvh;padding:18px 17px max(18px, env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:20px 20px 0 0}.focusAudioHeader{padding-bottom:14px}.focusAudioComposer{scrollbar-width:thin;scrollbar-color:#fff3 transparent;grid-template-columns:1fr;padding-right:2px;overflow-y:auto}.focusAudioLofiPane,.focusAudioAmbiencePane{min-height:auto;padding:12px;overflow:visible}.focusAudioAmbiencePane{padding-right:12px}.lofiPanelControls{align-items:center;gap:10px;padding:12px 10px}.lofiPanelControls .playlistControls{grid-template-columns:none}.lofiPanelControls>span{display:none}.playlistTrack{grid-template-columns:24px minmax(0,1fr) auto;gap:8px;min-height:56px;padding:8px}.youtubeStationList .playlistTrack{grid-template-columns:minmax(0,1fr) 34px}.playlistTrackSelect{grid-template-columns:28px minmax(0,1fr) 42px}.playlistReorderControls{flex-direction:column;grid-column:auto;gap:0}.moodistMixer{gap:14px}.ambienceStatusBar{min-height:52px}.ambienceMixRail{grid-template-columns:1fr;max-height:148px;padding-right:2px;overflow-y:auto}.ambienceLayerChip{width:100%}.moodistPresetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.moodistPreset{min-height:63px}.moodistCategoryTabs{padding-bottom:3px}.moodistSoundGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.moodistSoundButton{letter-spacing:.055em;min-height:43px;padding:0 8px;font-size:.52rem}}@media (max-width:370px){.moodistCategoryTab,.moodistSoundButton{letter-spacing:.08em}.moodistPresetGrid,.moodistSoundGrid{grid-template-columns:1fr}}