.desk-canvas{z-index:2;background:0 0;min-height:calc(100vh - 58px);position:relative}.desk-inner{z-index:2;width:100%;max-width:1060px;margin:0 auto;padding:12px 24px 20px;position:relative}.bg-video{object-fit:cover;z-index:0;pointer-events:none;background:#0e0c0a;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.bg-video-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0c0a0859 0%,#0c0a088c 100%);width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}[data-theme=dark] .bg-video-overlay{background:linear-gradient(#08060573 0%,#080605b3 100%)}#site-nav{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#0c0a0873!important;border-bottom:1px solid #ffffff1a!important}#site-nav .nav-logo{text-shadow:0 1px 4px #0006;color:#fff!important}#site-nav .nav-links a{color:#ffffffbf!important}#site-nav .nav-links a:hover{color:#fff!important;background:#ffffff26!important}#site-nav .nav-links a.active{color:#fff!important;background:#ffffff38!important;border:1px solid #ffffff4d!important;box-shadow:0 2px 10px #0000004d!important}#clock-widget{color:#ffffffbf!important}#clock-widget:hover{color:#fff!important;background:#ffffff26!important}#theme-toggle{color:#fff!important;background:#ffffff1f!important;border-color:#fff3!important}#theme-toggle:hover{background:#ffffff40!important;border-color:#fff6!important}.canvas-page-header.compact-header{align-items:center;margin-bottom:12px;display:flex}.compact-header .canvas-page-title{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 10px #0006;align-items:baseline;gap:10px;margin-bottom:0;font-size:1.35rem;font-weight:800;display:flex}.compact-header .canvas-page-sub{color:#ffffffa6;text-shadow:0 1px 4px #0006;font-size:.82rem;font-weight:400}.bg-picker{z-index:2;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:8px 12px;display:flex;position:relative}.bg-picker-label{letter-spacing:.08em;text-transform:uppercase;color:#fff9;align-items:center;gap:4px;margin-right:2px;font-size:.7rem;font-weight:700;display:flex}.bg-tabs{flex-wrap:wrap;flex:1;gap:5px;display:flex}.bg-tab{border-radius:var(--radius-pill);color:#ffffffd9;cursor:pointer;font-size:.78rem;font-weight:500;font-family:var(--font-main);transition:all var(--transition);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.bg-tab:hover{color:#fff;background:#ffffff2e;border-color:#ffffff4d}.bg-tab.active{color:#111;background:#fff;border-color:#fff;font-weight:600;box-shadow:0 2px 10px #0000004d}.bg-tab-dot{opacity:.5;background:currentColor;border-radius:50%;width:5px;height:5px}.bg-tab.active .bg-tab-dot{opacity:1;background:#111}.desk-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pomodoro-panel{-webkit-backdrop-filter:blur(1.5px)saturate(180%);border-radius:var(--radius-xl);text-align:center;background:#ebe8e400;border:1px solid #ffffff1f;padding:20px 24px;box-shadow:0 24px 60px #0006}.pomo-mode-tabs{border-radius:var(--radius-md);background:#00000059;border:1px solid #ffffff14;gap:4px;margin-bottom:16px;padding:3px;display:flex}.pomo-tab{border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-main);transition:all var(--transition);background:0 0;border:none;flex:1;padding:7px 0}.pomo-tab:hover{color:#fff}.pomo-tab.active{color:#111;background:#fff;box-shadow:0 2px 10px #0000004d}.pomo-progress-ring{justify-content:center;align-items:center;width:250px;height:250px;margin:0 auto 16px;display:flex;position:relative}.pomo-ring-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible;transform:rotate(-90deg)}.pomo-ring-track{fill:none;stroke:#ffffff12;stroke-width:8px;stroke-linecap:round}.pomo-ring-progress{fill:none;stroke:url(#pomoGlowGrad);stroke-width:8px;stroke-linecap:round;stroke-dasharray:723;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #ffdc968c);transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1)}.pomo-ring-progress.running{animation:2.4s ease-in-out infinite ring-pulse}@keyframes ring-pulse{0%,to{filter:drop-shadow(0 0 6px #ffdc968c)}50%{filter:drop-shadow(0 0 18px #ffdc96e6)drop-shadow(0 0 36px #ffc86459)}}.pomo-display{color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 4px 24px #00000080;font-size:3.6rem;font-weight:800;line-height:1}.pomo-quick-row{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.pomo-quick{border-radius:var(--radius-sm);color:#fff;min-width:48px;font-size:.8rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff1f;padding:6px 12px}.pomo-quick:hover{color:#fff;background:#ffffff38;border-color:#ffffff4d;transform:translateY(-1px)}.pomo-meta{text-align:left;flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.pomo-meta-row{align-items:center;gap:10px;display:flex}.pomo-meta-row label{letter-spacing:.1em;text-transform:uppercase;color:#fff9;flex-shrink:0;width:46px;font-size:.7rem;font-weight:700}.pomo-tag-select,.pomo-task-input{border-radius:var(--radius-sm);color:#fff;font-size:.84rem;font-family:var(--font-main);transition:border-color var(--transition), box-shadow var(--transition);background:#00000059;border:1.5px solid #ffffff26;outline:none;flex:1;padding:8px 12px}.pomo-tag-select option{color:#fff;background:#1a1714}.pomo-tag-select:focus,.pomo-task-input:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.pomo-task-input::placeholder{color:#fff6}.pomo-session-label{color:#ffffffa6;min-height:1.2em;margin-bottom:14px;font-size:.78rem;font-style:italic}.pomo-controls{justify-content:center;gap:10px;display:flex}.pomo-btn{border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-size:.85rem;font-family:var(--font-main);transition:all var(--transition);background:#ffffff1f;border:1px solid #ffffff2e;padding:9px 22px;font-weight:600}.pomo-btn:hover{background:#ffffff38;border-color:#ffffff59;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.pomo-btn.primary{color:#111;background:#fff;border:none;padding:10px 34px;font-size:.88rem;font-weight:700;box-shadow:0 4px 20px #ffffff40}.pomo-btn.primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 24px #ffffff59}.audio-panel{-webkit-backdrop-filter:blur(1.5px)saturate(180%);border-radius:var(--radius-xl);background:#ebe8e400;border:1px solid #ffffff1f;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:0 24px 60px #0006}.audio-section-title{letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6;align-items:center;gap:6px;margin-bottom:10px;font-size:.7rem;font-weight:700;display:flex}.lofi-player-card{border-radius:var(--radius-md);aspect-ratio:16/9;background:#000;border:1px solid #ffffff1f;margin-bottom:10px;position:relative;overflow:hidden}.lofi-iframe{border:0;width:100%;height:100%;display:block}.lofi-station-tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.lofi-tab{border-radius:var(--radius-pill);color:#ffffffd9;cursor:pointer;font-size:.78rem;font-weight:500;font-family:var(--font-main);transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.lofi-tab:hover{color:#fff;background:#fff3;border-color:#ffffff4d}.lofi-tab.active{color:#111;background:#fff;border-color:#fff;font-weight:600}.lofi-tab-dot{opacity:.5;background:currentColor;border-radius:50%;width:5px;height:5px}.lofi-tab.active .lofi-tab-dot{opacity:1;background:#111}.lofi-controls-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lofi-ctrl-btn{border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-size:.76rem;font-weight:600;font-family:var(--font-main);transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff1f;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.lofi-ctrl-btn:hover{background:#fff3;border-color:#ffffff4d}.lofi-ctrl-btn.playing{color:#111;background:#fff;border-color:#fff}.lofi-now-playing{color:#ffffff8c;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.74rem;font-style:italic}.ambient-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ambient-row{border-radius:var(--radius-md);transition:border-color var(--transition), background var(--transition);background:#0000004d;border:1px solid #ffffff14;align-items:center;gap:8px;padding:8px 10px;display:flex}.ambient-row.on{background:#ffffff1f;border-color:#ffffff40}.ambient-label{color:#fff;flex:1;align-items:center;gap:5px;min-width:0;font-size:.8rem;font-weight:500;display:flex}.ambient-toggle{cursor:pointer;width:32px;height:16px;transition:background var(--transition);background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;flex-shrink:0;padding:0;position:relative}.ambient-toggle:after{content:"";width:12px;height:12px;transition:transform var(--transition), background var(--transition);background:#fffc;border-radius:50%;position:absolute;top:1px;left:2px;box-shadow:0 1px 3px #0000004d}.ambient-toggle.on{background:#fff;border-color:#fff}.ambient-toggle.on:after{background:#111;transform:translate(14px)}.ambient-vol{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;flex-shrink:0;width:56px;height:3px}.ambient-vol::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #0006}.ambient-vol::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:11px;height:11px}.yt-modal{z-index:9999;opacity:0;pointer-events:none;transition:opacity var(--transition);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.yt-modal.open{opacity:1;pointer-events:all}.yt-modal-backdrop{-webkit-backdrop-filter:blur(16px);background:#080605a6;position:absolute;inset:0}.yt-modal-card{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(180%);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:440px;transition:transform var(--transition);background:#16120fd9;border:1px solid #ffffff2e;padding:28px 26px;position:relative;transform:scale(.94);box-shadow:0 24px 80px #0009}.yt-modal.open .yt-modal-card{transform:scale(1)}.yt-modal-close{color:#fffc;cursor:pointer;width:30px;height:30px;transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:16px;right:16px}.yt-modal-close:hover{color:#fff;background:#ffffff40}.yt-modal-icon{filter:drop-shadow(0 2px 8px #0006);margin-bottom:8px;font-size:2.2rem}.yt-modal-title{color:#fff;letter-spacing:-.02em;margin-bottom:6px;font-size:1.2rem;font-weight:800}.yt-modal-desc{color:#ffffffb3;margin-bottom:18px;font-size:.83rem;line-height:1.5}.yt-input-group{margin-bottom:14px}.yt-url-input{border-radius:var(--radius-md);color:#fff;width:100%;font-size:.86rem;font-family:var(--font-main);transition:border-color var(--transition), box-shadow var(--transition);background:#0006;border:1.5px solid #fff3;outline:none;padding:11px 16px}.yt-url-input:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff26}.yt-url-input::placeholder{color:#fff6}.yt-modal-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:22px;display:flex}.yt-preset-label{color:#ffffff80;font-size:.74rem;font-weight:600}.yt-preset-chip{border-radius:var(--radius-pill);color:#ffffffd9;cursor:pointer;transition:all var(--transition);font-size:.76rem;font-family:var(--font-main);background:#ffffff14;border:1px solid #ffffff1f;padding:5px 11px}.yt-preset-chip:hover{color:#fff;background:#fff3;border-color:#ffffff4d}.yt-modal-actions{justify-content:flex-end;gap:10px;display:flex}.yt-btn-cancel{border-radius:var(--radius-pill);color:#fffc;font-size:.82rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition);background:#ffffff14;border:1px solid #ffffff26;padding:9px 20px}.yt-btn-cancel:hover{color:#fff;background:#ffffff2e}.yt-btn-submit{border-radius:var(--radius-pill);color:#111;font-size:.85rem;font-weight:700;font-family:var(--font-main);cursor:pointer;transition:all var(--transition);background:#fff;border:none;padding:9px 24px;box-shadow:0 4px 16px #ffffff40}.yt-btn-submit:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 6px 20px #ffffff59}@media (width<=900px){.desk-grid{grid-template-columns:1fr}.desk-inner{padding:20px 16px 40px}}@media (width<=768px){.pomo-progress-ring{width:210px;height:210px}.pomo-display{font-size:3rem}.audio-panel{padding:18px}.ambient-grid{grid-template-columns:1fr}.pomo-meta-row{flex-direction:column;align-items:stretch;gap:4px}.pomo-meta-row label{width:auto}.lofi-now-playing{width:100%;margin-left:0}}