@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0707;--bg-edge:#150a0a;--panel:#1a1012;--panel-alt:#241417;--border:#3d2024;--text:#f7f1e8;--text-dim:#b48f8f;--tomato:#e2231b;--tomato-hi:#ff5b4d;--tomato-deep:#7a0f0f;--tomato-soft:#e2231b2e;--gold:#f0a63e;--gold-hi:#ffc266;--leaf:#4caf50;--leaf-hi:#6fcf73;--work:var(--tomato);--short-break:var(--gold);--long-break:var(--leaf);--danger:#ff5b4d;--font-display:"Anton", "Arial Narrow", sans-serif;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(ellipse 900px 500px at 15% -10%, var(--tomato-soft), transparent 60%), var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh}#root{min-height:100vh}button{font-family:inherit}a{color:var(--tomato-hi)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app{max-width:960px;margin:0 auto;padding:24px 20px 64px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-badge{filter:drop-shadow(0 2px 6px #e2231b59);border-radius:50%;width:48px;height:48px;display:block}.brand-word{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);margin:0;font-size:1.8rem;font-weight:400;line-height:1}.brand-word span{color:var(--tomato-hi)}.brand-sub{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:.68rem;font-weight:600;display:block}.waveform{align-items:center;gap:3px;height:22px;margin-left:4px;display:flex}.waveform-bar{background:var(--tomato);opacity:.45;border-radius:2px;width:3px;height:6px}.waveform--active .waveform-bar{opacity:1;animation:.9s ease-in-out infinite waveform-pulse}@keyframes waveform-pulse{0%,to{height:6px}50%{height:20px}}.app-main{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=720px){.app-main{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg, var(--panel) 0%, var(--bg-edge) 100%);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 20px 40px -28px #000c}.btn{border:1px solid var(--border);background:var(--panel-alt);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s,transform .1s}.btn:hover:not(:disabled){border-color:var(--tomato)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg, var(--tomato-hi) 0%, var(--tomato) 100%);border-color:var(--tomato-deep);color:#fff5f2;box-shadow:0 6px 16px -6px #e2231b99,inset 0 1px #ffffff40}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg, #ff7568 0%, var(--tomato-hi) 100%);border-color:var(--tomato)}.btn--play{align-items:center;gap:8px;display:inline-flex}.btn-icon{font-size:.75em;line-height:1}.btn--ghost{background:0 0}.btn--google{color:#1f1f1f;background:#fff;border-color:#fff}.btn--google:hover{background:#f1f1f1}.btn--tiny{border-radius:999px;padding:4px 10px;font-size:.75rem}.btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.auth-status{align-items:center;gap:10px;display:flex}.auth-status--loading{color:var(--text-dim);font-size:.9rem}.auth-hint{color:var(--text-dim);margin:0;font-size:.8rem}.avatar{border-radius:50%;width:28px;height:28px}.auth-name{color:var(--text-dim);font-size:.9rem}.timer{flex-direction:column;align-items:center;gap:18px;padding-bottom:8px;display:flex}.timer-dial{--ring-color:var(--work);justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.timer--shortBreak .timer-dial{--ring-color:var(--short-break)}.timer--longBreak .timer-dial{--ring-color:var(--long-break)}.timer-dial-ticks{width:100%;height:100%;position:absolute;inset:0}.dial-tick{stroke:var(--text-dim);opacity:.5}.dial-tick--major{stroke:var(--text);opacity:.8}.timer-progress-ring{--progress:0%;background:conic-gradient(var(--ring-color) var(--progress), var(--panel-alt) 0);border-radius:50%;justify-content:center;align-items:center;width:204px;height:204px;padding:7px;transition:background .3s linear;display:flex;box-shadow:inset 0 0 0 1px #0006}.timer-orb{background:radial-gradient(circle at 32% 26%, #ffffff8c, #fff0 26%), radial-gradient(circle at 50% 50%, var(--tomato-hi) 0%, var(--tomato) 55%, var(--tomato-deep) 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;box-shadow:inset 0 -14px 24px -8px #00000080,inset 0 10px 18px -6px #ffffff40}.timer--shortBreak .timer-orb{background:radial-gradient(circle at 32% 26%, #ffffff8c, #fff0 26%), radial-gradient(circle at 50% 50%, var(--gold-hi) 0%, var(--gold) 55%, #8a5a12 100%)}.timer--longBreak .timer-orb{background:radial-gradient(circle at 32% 26%, #ffffff8c, #fff0 26%), radial-gradient(circle at 50% 50%, var(--leaf-hi) 0%, var(--leaf) 55%, #1e5c21 100%)}.mode-pill{font-family:var(--font-display);letter-spacing:.03em;color:#fff5f2;background:#00000047;border:1px solid #ffffff59;border-radius:999px;padding:3px 14px;font-size:.78rem;font-weight:400}.timer-clock{font-family:var(--font-display);color:#fff8f5;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #00000059;font-size:2.7rem;font-weight:400}.timer-controls{gap:10px;display:flex}.timer-sessions{color:var(--text-dim);margin:0;font-size:.85rem}.timer-settings{border-top:1px solid var(--border);margin:20px 0 4px;padding-top:14px}.timer-settings summary{cursor:pointer;color:var(--text-dim);font-size:.85rem;font-weight:600}.timer-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.timer-settings-field{color:var(--text-dim);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.timer-settings-field input{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:.9rem}.genre-selector{margin-top:22px}.genre-selector h3,.playlist-panel-header h3,.task-list h3{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);margin:0 0 10px;font-size:1.05rem;font-weight:400}.genre-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--panel-alt);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.82rem;transition:all .15s}.chip:hover{border-color:var(--tomato)}.chip--selected{background:var(--tomato-soft);border-color:var(--tomato);color:var(--text)}.chip--custom{align-items:center;gap:6px;display:inline-flex}.chip--custom span{color:var(--text-dim);font-size:.9em}.chip--custom:hover span{color:var(--tomato-hi)}.genre-custom-form{gap:8px;margin-top:10px;display:flex}.genre-custom-form input{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:999px;flex:1;padding:7px 14px;font-size:.85rem}.genre-custom-form input::placeholder{color:var(--text-dim)}.playlist-panel{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.playlist-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.playlist-target{color:var(--text-dim);font-size:.8rem}.max-video-length{color:var(--text-dim);align-items:center;gap:8px;margin-top:12px;font-size:.8rem;display:flex}.max-video-length input{background:var(--panel-alt);border:1px solid var(--border);width:56px;color:var(--text);text-align:center;border-radius:8px;padding:6px 8px;font-size:.85rem}.playlist-create-btn{justify-content:center;width:100%;margin-top:4px}.playlist-hint{color:var(--text-dim);margin:10px 0 0;font-size:.8rem}.playlist-error{color:var(--danger);margin:10px 0 0;font-size:.85rem}.playlist-result{margin-top:14px;font-size:.85rem}.playlist-result-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.playlist-result-header p{margin:0}.playlist-player{border:1px solid var(--border);background:#000;border-radius:10px;margin-bottom:12px;overflow:hidden}.playlist-videos{flex-direction:column;gap:6px;max-height:220px;margin:10px 0 0;padding-left:20px;list-style:decimal;display:flex;overflow-y:auto}.playlist-videos li{color:var(--text-dim);justify-content:space-between;gap:10px;display:flex}.playlist-video-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-video-duration{font-family:var(--font-mono);flex-shrink:0}.task-form{gap:8px;margin-bottom:16px;display:flex}.task-form input{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:10px;flex:1;padding:10px 12px;font-size:.9rem}.task-empty{color:var(--text-dim);font-size:.85rem}.task-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task-item{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.task-item--active{border-color:var(--tomato)}.task-item-main{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.task-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-item--done .task-text{color:var(--text-dim);text-decoration:line-through}.task-pomodoros{color:var(--text-dim);flex-shrink:0;font-size:.8rem}