:root{color-scheme:dark;--focus-color: #ff9f43;--short-break-color: #4ecdc4;--long-break-color: #3d7eff;--accent-color: var(--focus-color);--bg-start: #05060d;--bg-end: #02030a;--text-primary: #f5f7ff;--text-muted: rgba(245, 247, 255, .7);--surface-primary: rgba(13, 17, 28, .82);--surface-elevated: rgba(18, 23, 34, .85);--surface-intense: rgba(13, 19, 32, .78);--surface-strong: rgba(20, 26, 39, .75);--surface-soft: rgba(20, 26, 39, .6);--surface-muted: rgba(17, 23, 35, .65);--border-soft: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--card-bg: var(--surface-primary);--card-border: var(--border-soft);--chip-bg: rgba(22, 27, 41, .85);--shadow-strong: 0 20px 52px rgba(0, 0, 0, .42);--shadow-medium: 0 14px 32px rgba(0, 0, 0, .3);--dial-glow: color-mix(in srgb, var(--accent-color) 45%, transparent);font-size:clamp(15px,.78vw + .45rem,17px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=light]{color-scheme:light;--focus-color: #ff7a45;--short-break-color: #2cb9a7;--long-break-color: #4a6bff;--accent-color: var(--focus-color);--bg-start: #eef2ff;--bg-end: #ffffff;--text-primary: #16192b;--text-muted: rgba(22, 25, 43, .62);--surface-primary: rgba(255, 255, 255, .94);--surface-elevated: rgba(255, 255, 255, .96);--surface-intense: rgba(244, 246, 255, .92);--surface-strong: rgba(238, 240, 255, .86);--surface-soft: rgba(236, 238, 255, .8);--surface-muted: rgba(231, 234, 255, .76);--card-border: rgba(22, 25, 43, .08);--border-soft: rgba(22, 25, 43, .08);--border-strong: rgba(22, 25, 43, .16);--chip-bg: rgba(229, 233, 255, .92);--shadow-strong: 0 22px 50px rgba(62, 72, 120, .18);--shadow-medium: 0 18px 36px rgba(62, 72, 120, .18);--dial-glow: color-mix(in srgb, var(--accent-color) 38%, transparent)}[data-theme=neon]{color-scheme:dark;--focus-color: #ff8a42;--short-break-color: #43ffc9;--long-break-color: #749aff;--accent-color: var(--focus-color);--bg-start: #000000;--bg-end: #000000;--text-primary: #f9fbff;--text-muted: rgba(245, 247, 255, .6);--surface-primary: rgba(12, 15, 26, .12);--surface-elevated: rgba(18, 24, 38, .18);--surface-intense: rgba(16, 20, 36, .22);--surface-strong: rgba(12, 16, 29, .18);--surface-soft: rgba(18, 20, 33, .14);--surface-muted: rgba(15, 18, 29, .12);--card-border: rgba(255, 152, 80, .42);--border-soft: rgba(255, 255, 255, .08);--border-strong: rgba(255, 168, 90, .45);--chip-bg: rgba(18, 20, 33, .18);--shadow-strong: 0 36px 90px rgba(255, 220, 120, .25);--shadow-medium: 0 24px 50px rgba(12, 14, 30, .55);--dial-glow: color-mix(in srgb, var(--accent-color) 68%, transparent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-end);color:var(--text-primary);display:flex;align-items:stretch;justify-content:center;padding:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:-40vmax;background:transparent;pointer-events:none;opacity:0;transition:opacity .6s ease;z-index:0}body[data-theme=neon]:before,body[data-theme=neon]:after{opacity:.5}body[data-theme=neon]:before{background:radial-gradient(circle at 22% 28%,rgba(255,255,255,.22),transparent 55%),radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 60%),radial-gradient(circle at 52% 82%,rgba(255,255,255,.18),transparent 58%);animation:neonDriftA 32s linear infinite}body[data-theme=neon]:after{background:radial-gradient(circle at 32% 66%,rgba(255,255,255,.12),transparent 60%),radial-gradient(circle at 70% 74%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 48% 38%,rgba(255,255,255,.14),transparent 60%);mix-blend-mode:screen;animation:neonDriftB 40s linear infinite}#app{width:100%}.stage{min-height:100vh;width:100%;max-width:none;margin:0 auto;padding:clamp(.75rem,3vw,2.4rem) clamp(.75rem,4vw,2.6rem);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1.2rem,3vw,2.2rem);flex:1 1 auto;position:relative;z-index:1}.stage__backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.stage__orb{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffff40,#ffffff05 55%,#fff0 75%);filter:blur(50px);opacity:0}[data-theme=neon] .stage__orb{opacity:.5}.stage__orb--1{width:clamp(220px,28vw,320px);height:clamp(220px,28vw,320px);top:-12%;left:-10%;animation:orbDriftOne 32s ease-in-out infinite}.stage__orb--2{width:clamp(200px,26vw,300px);height:clamp(200px,26vw,300px);top:18%;right:-14%;animation:orbDriftTwo 38s ease-in-out infinite}.stage__orb--3{width:clamp(180px,24vw,260px);height:clamp(180px,24vw,260px);bottom:-16%;left:6%;animation:orbDriftThree 45s ease-in-out infinite}.stage__orb--4{width:clamp(220px,30vw,340px);height:clamp(220px,30vw,340px);bottom:-12%;right:-10%;animation:orbDriftFour 52s ease-in-out infinite}.stage__orb--5{width:clamp(200px,24vw,320px);height:clamp(200px,24vw,320px);top:8%;left:34%;animation:orbDriftFive 48s ease-in-out infinite}.stage__orb--6{width:clamp(180px,22vw,300px);height:clamp(180px,22vw,300px);bottom:6%;right:32%;animation:orbDriftSix 54s ease-in-out infinite}.stage__mobile-toggle{display:none;align-self:center;margin:0 auto;margin-top:clamp(.5rem,2vw,1rem);border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-strong);color:var(--text-primary);padding:.6rem 1.4rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.stage__mobile-toggle:hover,.stage__mobile-toggle:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color) 45%,var(--border-soft));background:color-mix(in srgb,var(--surface-strong) 80%,rgba(255,255,255,.08))}.stage__focus-title{display:none;margin:0 auto;margin-bottom:clamp(.75rem,3vw,1.5rem);font-size:clamp(1.4rem,5vw,2.2rem);letter-spacing:.24em;text-transform:uppercase;color:var(--text-primary);text-align:center;position:relative;z-index:1}.stage__header{position:relative;z-index:1;width:100%;min-height:clamp(120px,14vw,160px);display:flex;align-items:center;justify-content:flex-start;gap:clamp(1rem,3vw,2rem)}.stage__clock{max-width:260px;display:flex;justify-content:flex-start;align-items:center;justify-self:start;z-index:1}.clock-card{display:inline-flex;flex-direction:column;gap:.35rem;background:var(--surface-elevated);border-radius:20px;padding:1.1rem 1.35rem;border:1px solid var(--border-soft);box-shadow:var(--shadow-medium);letter-spacing:.08em}.clock-card__time{font-size:1.4rem;font-weight:600}.clock-card__date{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.stage__title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:min(80%,520px);margin:0}.stage__title h1{margin:0;font-size:clamp(2.6rem,6vw,3.5rem);letter-spacing:.24em;text-transform:uppercase}.title__subtitle{display:inline-block;margin-top:0;font-size:.9rem;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase}.stage__cards{width:100%;display:flex;justify-content:center;align-items:stretch;gap:clamp(1.2rem,3.5vw,2.2rem);flex-wrap:wrap;position:relative;z-index:1}.stage__card{display:flex;align-items:stretch;width:100%;max-width:340px}.stage__quote{justify-content:flex-end;flex:0 0 clamp(240px,22vw,320px)}.stage__timer{max-width:clamp(340px,34vw,420px);justify-content:center;flex:0 0 clamp(320px,32vw,420px)}.stage__todo{justify-content:flex-start;flex:0 0 clamp(240px,22vw,320px)}.stage__card>*{width:100%}.stage__timer>.timer-card,.stage__quote>.quote-card,.stage__todo>.todo-card{width:100%}.stage__bottom{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:clamp(.5rem,1vw,1.5rem);position:relative;z-index:1}.stage__mobile-toggle{position:relative;z-index:1}.stage--focus-only{justify-content:center;gap:clamp(1.25rem,3vw,2rem);padding-bottom:clamp(1.5rem,6vw,3rem)}.stage--focus-only .stage__header,.stage--focus-only .stage__quote,.stage--focus-only .stage__todo,.stage--focus-only .stage__bottom{display:none}.stage--focus-only .stage__focus-title{display:block}.stage--focus-only .stage__cards{width:100%;justify-content:center}.stage--focus-only .stage__timer{max-width:min(92vw,420px);flex:1 1 auto}.stage--focus-only .stage__mobile-toggle{display:inline-flex;margin-top:clamp(1.5rem,5vw,2.5rem)}.stage__footer-left,.stage__footer-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.stage__footer-left{justify-content:flex-start;flex:1 1 auto}.stage__footer-right{justify-content:flex-end;flex:1 1 auto}.chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.55rem 1.4rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;background:var(--chip-bg);color:var(--text-muted);border:1px solid var(--border-soft);cursor:default;white-space:nowrap}.stage__footer-right .chip{cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.stage__footer-right .chip:hover,.stage__footer-right .chip:focus-visible{transform:translateY(-1px);border-color:#ffffff38}.chip--ghost{background:var(--surface-strong)}.chip--accent{background:linear-gradient(135deg,var(--focus-color),color-mix(in srgb,var(--focus-color) 65%,transparent));color:color-mix(in srgb,#0a0904 65%,var(--text-primary));border:none;font-weight:600}[data-theme=neon] .chip{background:transparent;border:1px solid color-mix(in srgb,var(--accent-color) 40%,transparent);box-shadow:0 14px 32px #00000073,0 0 30px color-mix(in srgb,var(--accent-color) 30%,transparent)}[data-theme=neon] .chip--accent{color:#0f0f16;background:linear-gradient(135deg,#ff9650eb,#76a0ff73);box-shadow:0 18px 42px color-mix(in srgb,var(--accent-color) 45%,transparent),0 0 52px color-mix(in srgb,var(--accent-color) 40%,transparent)}.timer-card,.todo-card,.quote-card{position:relative;background:var(--card-bg);border-radius:24px;border:1px solid var(--card-border);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}[data-theme=neon] .timer-card,[data-theme=neon] .todo-card,[data-theme=neon] .quote-card{background:transparent;border:1px solid color-mix(in srgb,var(--accent-color) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 38%,transparent),0 22px 50px #0000008c,0 0 64px color-mix(in srgb,var(--accent-color) 35%,transparent);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}[data-theme=neon] .timer-card:after,[data-theme=neon] .todo-card:after,[data-theme=neon] .quote-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1.4px solid transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 68%,transparent),#5c92ff61) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.85}.timer-card{overflow:visible}.timer-card:before,.todo-card:before,.quote-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,#ffffff1a,#fff0) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}[data-theme=neon] .timer-card:before,[data-theme=neon] .todo-card:before,[data-theme=neon] .quote-card:before{background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.12),transparent 60%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.1),transparent 65%);opacity:.65}.pomodoro{width:clamp(290px,26vw,330px);padding:clamp(1.1rem,1.8vw,1.6rem);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1rem,2vw,1.5rem);min-height:320px;max-height:min(540px,85vh);aspect-ratio:3 / 5}.pomodoro__card{display:flex;flex-direction:column;gap:clamp(1.1rem,2vw,1.65rem);align-items:center;position:relative;flex:1 1 auto;width:100%}.pomodoro__tabs{display:inline-flex;justify-content:center;background:color-mix(in srgb,var(--surface-intense) 90%,transparent);padding:.4rem .45rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-soft) 80%,transparent);gap:.45rem;box-shadow:inset 0 0 0 1px #ffffff08}.pomodoro__tab{border:none;border-radius:999px;padding:.45rem .95rem;background:transparent;color:var(--text-muted);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease}.pomodoro__tab:hover,.pomodoro__tab:focus-visible{color:var(--text-primary)}.pomodoro__tab--active{background:linear-gradient(135deg,#ffffff1f,#ffffff05);color:var(--accent-color)}.pomodoro__dial{position:relative;display:flex;justify-content:center;align-items:center;width:auto;padding:clamp(.4rem,1vw,.6rem)}.pomodoro__dial:before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent-color) 40%,transparent) 0%,transparent 60%),radial-gradient(circle at 50% 65%,rgba(12,12,18,.75),transparent 72%);filter:blur(18px);opacity:.7;z-index:0}.pomodoro__progress{position:absolute;width:clamp(220px,23vw,260px);height:auto;pointer-events:none;z-index:0;transform:scale(1.06);filter:drop-shadow(0 0 18px rgba(0,0,0,.35))}.pomodoro__progress-track{fill:none;stroke:#202434e6;stroke-width:11}.pomodoro__progress-indicator{fill:none;stroke:var(--accent-color);stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:var(--pomodoro-circumference, 339.292);stroke-dashoffset:var(--pomodoro-circumference, 339.292);transition:stroke-dashoffset .95s linear,stroke .3s ease}.pomodoro__dial-ring{position:relative;z-index:1;width:clamp(190px,20vw,230px);height:clamp(190px,20vw,230px);aspect-ratio:1 / 1;border-radius:50%;padding:clamp(1rem,2.8vw,1.3rem);background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.18),transparent 72%),linear-gradient(170deg,color-mix(in srgb,var(--card-bg) 88%,rgba(0,0,0,.2)),color-mix(in srgb,var(--surface-intense) 92%,transparent));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.25rem,1vw,.5rem);text-align:center;box-shadow:inset 0 0 25px #000000a6,inset 0 -18px 28px #0000008c,0 0 60px var(--dial-glow)}.pomodoro__dial-ring:before{content:"";position:absolute;inset:2%;border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 14px #00000073;z-index:0}.pomodoro__dial-ring:after{content:"";position:absolute;inset:14% 10% 12%;border-radius:50%;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.1),transparent 65%);filter:blur(12px);opacity:.85;z-index:0}.pomodoro__emoji{font-size:1.8rem;position:relative;z-index:1;margin:0}.pomodoro__time{font-size:clamp(2.7rem,7vw,3.3rem);font-weight:700;letter-spacing:.14em;position:relative;z-index:1;line-height:1}.pomodoro__mode{font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;color:var(--text-muted);position:relative;z-index:1;margin-top:.25rem}.pomodoro__upcoming{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text-muted) 75%,transparent);position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%);background:#0c131ceb;padding:.6rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 24px #00000059;min-width:200px;text-align:center;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;visibility:hidden}.pomodoro__upcoming:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:14px;height:8px;background:inherit;clip-path:polygon(50% 100%,0 0,100% 0)}.pomodoro__upcoming--visible{opacity:1;transform:translate(-50%,-4px);pointer-events:auto;visibility:visible}.pomodoro__start{margin-top:clamp(.3rem,.8vw,.45rem);border:none;border-radius:999px;padding:.75rem 2rem;font-size:.9rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#f6f8ff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .25s ease;z-index:1;background:linear-gradient(180deg,#2e3444d9,#151824eb);border:1px solid rgba(255,255,255,.04);width:min(68%,205px);display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1;box-shadow:inset 0 -6px 12px #0000008c}.pomodoro__start:hover,.pomodoro__start:focus-visible{transform:translateY(-2px);box-shadow:0 16px 24px #00000059;background:linear-gradient(180deg,#3a4052eb,#1b1e2af2)}[data-theme=neon] .pomodoro__start{background:linear-gradient(180deg,#38405c59,#1418286b);border:1px solid color-mix(in srgb,var(--accent-color) 60%,transparent);box-shadow:inset 0 -8px 16px #00000073,0 22px 58px color-mix(in srgb,var(--accent-color) 36%,transparent),0 0 45px color-mix(in srgb,var(--accent-color) 32%,transparent)}[data-theme=neon] .pomodoro__start:hover,[data-theme=neon] .pomodoro__start:focus-visible{box-shadow:inset 0 -6px 12px #00000073,0 30px 64px color-mix(in srgb,var(--accent-color) 42%,transparent),0 0 52px color-mix(in srgb,var(--accent-color) 36%,transparent)}.pomodoro__actions{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.pomodoro__reset,.pomodoro__skip{min-width:135px;border-radius:999px;border:1px solid var(--border-soft);padding:.65rem 1.5rem;background:var(--surface-strong);color:var(--text-primary);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,transform .2s ease}[data-theme=neon] .pomodoro__reset,[data-theme=neon] .pomodoro__skip{border:1px solid color-mix(in srgb,var(--accent-color) 42%,transparent);background:#0e101c52;box-shadow:0 18px 44px #0000007a,0 16px 36px color-mix(in srgb,var(--accent-color) 24%,transparent)}.pomodoro__reset:hover,.pomodoro__reset:focus-visible,.pomodoro__skip:hover,.pomodoro__skip:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 45%,var(--border-strong));transform:translateY(-1px)}.pomodoro__settings-toggle{align-self:flex-end;border:none;border-radius:50%;width:38px;height:38px;background:var(--surface-strong);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:color .2s ease,transform .2s ease,border-color .2s ease;border:1px solid var(--border-soft)}.pomodoro__settings-toggle:hover,.pomodoro__settings-toggle:focus-visible{color:var(--text-primary);transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color) 45%,var(--border-soft))}.pomodoro__settings{position:absolute;top:50%;left:50%;right:auto;display:grid;gap:.85rem;background:linear-gradient(140deg,#0c131ceb,#0c131cb3);border-radius:20px;padding:clamp(1rem,2.5vw,1.4rem);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px #0006;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);min-width:clamp(220px,22vw,300px);max-width:clamp(240px,24vw,320px);max-height:min(400px,78vh);overflow-y:auto;transform:translate(-50%,-50%);transform-origin:center;z-index:5}.pomodoro__settings-close{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#090c13b3;color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.pomodoro__settings-close:hover,.pomodoro__settings-close:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color) 55%,rgba(255,255,255,.2));background:#0e131cd9}.pomodoro__settings[hidden]{display:none!important}.pomodoro--settings-open .pomodoro__settings-toggle{color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color) 55%,var(--border-strong));background:#0c131ce6}.pomodoro__settings-group{display:flex;justify-content:space-between;align-items:center;background:var(--surface-soft);padding:.75rem .9rem;border-radius:14px;border:1px solid var(--border-soft)}.pomodoro__settings-controls{display:inline-flex;align-items:center;gap:.75rem}.pomodoro__settings-controls button{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--text-primary);font-size:1.1rem;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease}.pomodoro__settings-controls button:hover,.pomodoro__settings-controls button:focus-visible{transform:translateY(-1px);background:color-mix(in srgb,var(--accent-color) 25%,var(--surface-muted))}.pomodoro__settings-controls span{min-width:2ch;text-align:center;font-size:.95rem}.pomodoro__toggle-list{display:grid;gap:.65rem}.toggle{display:inline-flex;align-items:center;gap:.65rem;padding:.7rem .9rem;background:var(--surface-soft);border-radius:14px;border:1px solid var(--border-soft);cursor:pointer}.toggle input{display:none}.toggle__indicator{width:42px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 25%,transparent);position:relative;transition:background .2s ease}.toggle__indicator:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#ffffffd9;transition:transform .2s ease}.toggle input:checked+.toggle__indicator{background:#4ecdc48c}.toggle input:checked+.toggle__indicator:after{transform:translate(18px)}.pomodoro__interval{display:flex;justify-content:space-between;align-items:center;padding:.75rem .9rem;background:var(--surface-soft);border-radius:14px;border:1px solid var(--border-soft);gap:.85rem;flex-wrap:wrap;width:100%}.pomodoro__interval span[data-interval-label]{flex:1;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pomodoro__interval-controls{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0}.pomodoro__interval-display{display:inline-flex;align-items:baseline;gap:.35rem;font-size:.95rem;letter-spacing:.05em;color:var(--text-primary)}.pomodoro__interval-display span[data-interval-suffix]{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.pomodoro__interval-controls button{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--text-primary);font-size:1.1rem;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease}.pomodoro__interval-controls button:hover,.pomodoro__interval-controls button:focus-visible{transform:translateY(-1px);background:color-mix(in srgb,var(--accent-color) 25%,var(--surface-muted))}.todo{width:min(300px,100%);padding:clamp(1.3rem,2.6vw,1.8rem);display:grid;grid-template-rows:auto auto 1fr;gap:1.05rem;max-height:380px;min-height:300px}.todo__header h2{margin:0;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase}.todo__hint{margin:.4rem 0 0;font-size:.78rem;color:var(--text-muted)}.todo__form{display:flex;gap:.65rem;align-items:center}.todo__form input{flex:1;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-muted);padding:.65rem 1.05rem;font-size:.85rem;color:var(--text-primary)}[data-theme=neon] .todo__form input{border:1px solid rgba(255,195,77,.22);background:color-mix(in srgb,rgba(14,18,30,.92) 88%,transparent);box-shadow:inset 0 0 18px #00000059}.todo__form input::placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.todo__form button{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,color-mix(in srgb,var(--focus-color) 88%,transparent),color-mix(in srgb,var(--focus-color) 65%,rgba(0,0,0,.2)));color:#111219;font-size:1.35rem;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease}[data-theme=neon] .todo__form button{color:#0f1018;box-shadow:0 16px 36px #0000007a,0 0 42px color-mix(in srgb,var(--long-break-color) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--long-break-color) 85%,transparent),color-mix(in srgb,var(--long-break-color) 55%,rgba(0,0,0,.2)))}.todo__form button:hover,.todo__form button:focus-visible{transform:translateY(-1px);box-shadow:0 14px 24px #00000059}.todo__list{display:grid;gap:.75rem;overflow-y:auto;padding-right:.35rem;scrollbar-width:thin}.todo__list::-webkit-scrollbar{width:6px}.todo__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-color) 35%,rgba(255,255,255,.15));border-radius:999px}.todo__list::-webkit-scrollbar-track{background:transparent}.todo__empty{margin:0;padding:1.5rem;text-align:center;border-radius:18px;background:var(--surface-muted);border:1px dashed var(--border-soft);color:var(--text-muted)}.todo__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem .9rem;border-radius:14px;background:var(--surface-muted);border:1px solid var(--border-soft)}[data-theme=neon] .todo__item{background:color-mix(in srgb,rgba(16,19,31,.94) 92%,transparent);border:1px solid rgba(255,195,77,.22);box-shadow:inset 0 0 12px #00000059}.todo__item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--short-break-color)}.todo__item span{font-size:.82rem}.todo__item span.completed{text-decoration:line-through;color:#fff6}.todo__remove{border:none;background:transparent;color:color-mix(in srgb,var(--text-muted) 80%,transparent);cursor:pointer;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;transition:color .2s ease}.todo__remove:hover,.todo__remove:focus-visible{color:var(--text-primary)}.quotes{width:min(300px,100%);padding:clamp(1.3rem,2.6vw,1.75rem);display:grid;grid-template-rows:1fr auto;gap:1.05rem;max-height:300px;min-height:300px}.quotes__bubble{position:relative;padding:1.2rem 1.4rem;border-radius:20px;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--accent-color) 28%,transparent),var(--surface-strong));border:1px solid var(--border-soft);box-shadow:var(--shadow-medium);min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:.85rem}[data-theme=neon] .quotes__bubble{background:radial-gradient(circle at 10% 0%,rgba(255,195,77,.32),transparent 65%),color-mix(in srgb,rgba(12,16,26,.96) 90%,transparent);border:1px solid rgba(255,195,77,.28);box-shadow:0 26px 58px #06070eb3,0 0 36px #ffc34d2e}.quotes__bubble:after{content:"";position:absolute;bottom:-15px;left:28%;width:36px;height:36px;background:inherit;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);transform:rotate(45deg);border-radius:4px;z-index:-1}.quotes__text{margin:0;font-size:.95rem;line-height:1.6}.quotes__author{margin:.6rem 0 0;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.quotes__refresh{justify-self:flex-start;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-strong);color:var(--text-primary);padding:.5rem 1.2rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s ease,border-color .2s ease}[data-theme=neon] .quotes__refresh{border:1px solid color-mix(in srgb,var(--long-break-color) 35%,transparent);background:#0c101e47;box-shadow:0 20px 46px #0000007a,0 16px 38px color-mix(in srgb,var(--long-break-color) 30%,transparent)}.quotes__refresh:hover,.quotes__refresh:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color) 45%,var(--border-soft))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.stage{padding:clamp(1.5rem,4vw,2.5rem);gap:clamp(1.5rem,3vw,2.5rem);justify-content:flex-start}.stage__cards{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.stage__card,.stage__timer,.stage__quote,.stage__todo{max-width:100%;width:100%;flex:1 1 100%}.stage__header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.stage__clock{justify-content:center}.stage__title{position:static;transform:none;margin:0 auto}.stage__header-spacer{display:none}.stage__bottom{flex-direction:column;align-items:center;gap:.75rem}.stage__footer-left,.stage__footer-right{justify-content:center}}@media(max-width:720px){.stage__mobile-toggle{display:inline-flex}}@keyframes orbDriftOne{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(12%,10%,0) scale(1.08)}to{transform:translateZ(0) scale(1)}}@keyframes orbDriftTwo{0%{transform:translateZ(0) scale(1.05)}50%{transform:translate3d(-10%,14%,0) scale(1.12)}to{transform:translateZ(0) scale(1.05)}}@keyframes orbDriftThree{0%{transform:translateZ(0) scale(1.08)}50%{transform:translate3d(16%,-6%,0) scale(.96)}to{transform:translateZ(0) scale(1.08)}}@keyframes orbDriftFour{0%{transform:translateZ(0) scale(.98)}50%{transform:translate3d(-14%,-8%,0) scale(1.06)}to{transform:translateZ(0) scale(.98)}}@keyframes orbDriftFive{0%{transform:translateZ(0) scale(1.02)}50%{transform:translate3d(-8%,12%,0) scale(1.12)}to{transform:translateZ(0) scale(1.02)}}@keyframes orbDriftSix{0%{transform:translateZ(0) scale(1.04)}50%{transform:translate3d(10%,-10%,0) scale(.94)}to{transform:translateZ(0) scale(1.04)}}@keyframes neonDriftA{0%{transform:translate3d(-10%,-8%,0) scale(1.05)}50%{transform:translate3d(6%,5%,0) scale(1.07)}to{transform:translate3d(-10%,-8%,0) scale(1.05)}}@keyframes neonDriftB{0%{transform:translate3d(12%,-6%,0) scale(1.04) rotate(0)}50%{transform:translate3d(-8%,4%,0) scale(1.09) rotate(2deg)}to{transform:translate3d(12%,-6%,0) scale(1.04) rotate(0)}}@media(max-width:600px){.stage{padding-bottom:3.5rem}.pomodoro{padding:1.6rem;min-height:auto}.pomodoro__actions{flex-direction:column}.pomodoro__reset,.pomodoro__skip{width:100%}.pomodoro__settings{padding:1rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:min(92vw,360px);max-width:min(92vw,360px);max-height:85vh}.todo,.quotes{width:100%;max-height:none;min-height:auto}.stage__cards{gap:1.25rem}.stage__footer-left,.stage__footer-right{gap:.5rem}.chip{letter-spacing:.12em;font-size:.72rem;padding:.5rem 1rem}}@media(min-width:1024px){.stage__cards{flex-wrap:nowrap}}