@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.app{--accent:#8d6bff;--accent-strong:#7250ed;--glow:#8d6bff61;--primary-text:#fff;min-height:100vh;font-family:var(--app-font,"Space Grotesk", sans-serif);isolation:isolate;background:#15142a;grid-template-rows:auto 1fr auto;padding:34px clamp(24px,5vw,76px) 28px;transition:color .25s;display:grid;position:relative;overflow:hidden}.app:before,.app:after{z-index:-3;content:"";pointer-events:none;position:absolute;inset:0}.app:before{background-image:var(--background-image);background-position:50%;background-size:cover}.app:after{z-index:-2;background:rgb(7 8 20/var(--overlay-opacity,.18));transition:background .25s}.app.phase-shortBreak{--accent:#42d6ad;--accent-strong:#20ad87;--glow:#42d6ad52;--primary-text:#111}.app.phase-longBreak{--accent:#ff9d66;--accent-strong:#ef754c;--glow:#ff9d6652;--primary-text:#111}.app.theme-light{--accent:#6850c8}.app.theme-light.phase-shortBreak{--accent:#176b58}.app.theme-light.phase-longBreak{--accent:#a84524}.app .orb{display:none}.app.theme-violet .orb{display:block}.app.theme-light:after{background:rgb(0 0 0/var(--light-overlay-opacity,.07))}.theme-light .timer-card{background:linear-gradient(145deg,#ffffffb8,#ffffff6b);border-color:#1111111f;box-shadow:0 28px 90px #23231e24,inset 0 1px #ffffffd1}.theme-light .brand-mark,.theme-light .customize-button,.theme-light .fullscreen-button,.theme-light .focus-mode-button,.theme-light .focus-mode-exit,.theme-light .clock{background:#ffffff8a;border-color:#11111121;box-shadow:inset 0 1px #fffc}.theme-light .supporting-copy,.theme-light .session-row,.theme-light .status-line,.theme-light.app>footer,.theme-light .standard-interface>footer{color:#111111ad}.theme-light .topbar :is(button,a):focus-visible,.theme-light .timer-card button:focus-visible,.theme-light .focus-mode-button:focus-visible,.theme-light .focus-mode-exit:focus-visible{outline-color:#111}.theme-light .phase-switcher{background:#1111110e;border-color:#1111111a}.theme-light .phase-switcher button{color:#5f5f5f}.theme-light .phase-switcher button:hover,.theme-light .phase-switcher button.active{color:#111;background:#11111117;box-shadow:inset 0 1px #ffffffad}.theme-light .session-dots span{background:#11111129}.theme-light .secondary-action{color:#171717;background:#1111110f;border-color:#11111121}.orb{z-index:-1;aspect-ratio:1;filter:blur(70px);opacity:.24;pointer-events:none;border-radius:50%;width:min(55vw,720px);position:absolute}.orb-one{background:#ff5d8f;top:-35%;right:-15%}.orb-two{background:var(--accent);transition:background .4s;bottom:-45%;left:-18%}.app.theme-motion-lava:before,.app.theme-motion-liquid:before{will-change:background-position, transform;background-size:180% 180%}.app.theme-motion-lava:before{animation:18s ease-in-out infinite alternate lava-drift}.app.theme-motion-liquid:before{animation:22s ease-in-out infinite alternate liquid-float}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.customize-button,.fullscreen-button,.focus-mode-button,.focus-mode-exit,.icon-button,.reset-settings{color:inherit;font:inherit;cursor:pointer}.customize-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0c1e40;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;transition:border-color .16s,background .16s;display:inline-flex}.customize-button:hover{background:#ffffff1a;border-color:#ffffff4d}.fullscreen-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0c1e40;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:border-color .16s,background .16s,transform .16s;display:grid}.fullscreen-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.04)}.standard-interface{display:contents}.focus-mode-button{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0c1e5c;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex;position:fixed;bottom:clamp(18px,3vw,30px);right:clamp(18px,3vw,34px);box-shadow:0 12px 32px #0605162e}.focus-mode-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.focus-mode-view{z-index:2;cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;display:flex;position:fixed;inset:0}.focus-mode-phase{color:var(--clock-color,currentColor);font-family:var(--app-font,"Space Grotesk", sans-serif);letter-spacing:.18em;opacity:.72;text-transform:uppercase;margin:0;font-size:clamp(.75rem,1.8vw,1rem);font-weight:700}.focus-mode-time{color:var(--clock-color,currentColor);font-family:var(--app-font,"Space Grotesk", sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-.075em;text-shadow:0 18px 60px #07051947;font-size:clamp(3.8rem,16vw,11rem);font-weight:600;line-height:.92}.focus-mode-exit{color:inherit;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0c1e66;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;transition:opacity .42s,transform .42s,background .18s;display:inline-flex;position:fixed;bottom:clamp(18px,3vw,30px);right:clamp(18px,3vw,34px);transform:translateY(8px)}.focus-mode-exit.visible,.focus-mode-exit:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.focus-mode-exit:hover{background:#ffffff1f}.brand{color:inherit;font-family:var(--app-font,"Space Grotesk", sans-serif);letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:#ffffff14;border:1px solid #fff3;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px #ffffff26}.clock{color:var(--clock-color,currentColor);font-family:var(--app-font,"Space Grotesk", sans-serif);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0c1e40;border:1px solid #ffffff21;border-radius:999px;padding:9px 14px}.timer-card{text-align:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(145deg,#ffffff1c,#ffffff0b);border:1px solid #ffffff21;border-radius:36px;place-self:center;width:min(100%,620px);padding:clamp(30px,5vw,54px);box-shadow:0 28px 90px #0605166b,inset 0 1px #ffffff24}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:700;transition:color .4s}h1{font-family:var(--app-font,"Space Grotesk", sans-serif);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.1rem)}.supporting-copy{color:#ffffff94;margin:10px 0 28px}.phase-switcher{background:#0505123b;border:1px solid #ffffff1a;border-radius:16px;gap:5px;padding:5px;display:inline-flex}.phase-switcher button{color:#ffffff8f;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:10px 15px;transition:all .16s}.phase-switcher button:hover{color:#fff;background:#ffffff12}.phase-switcher button.active{color:#fff;background:#ffffff21;box-shadow:inset 0 1px #ffffff24}.session-row{color:#ffffff80;justify-content:center;align-items:center;gap:12px;margin-top:24px;font-size:.82rem;display:flex}.session-dots{gap:6px;display:flex}.session-dots span{background:#fff3;border-radius:50%;width:7px;height:7px}.session-dots span.complete{background:var(--accent);box-shadow:0 0 10px var(--glow)}.session-dots span.current{background:var(--accent);box-shadow:0 0 7px var(--glow);animation:3.6s ease-in-out infinite session-glow}.countdown{color:var(--clock-color,currentColor);font-family:var(--app-font,"Space Grotesk", sans-serif);letter-spacing:-.075em;text-shadow:0 10px 50px #00000038;font-variant-numeric:tabular-nums;margin:6px 0 18px;font-size:clamp(5rem,15vw,8.8rem);font-weight:600;line-height:1;display:block}.actions{justify-content:center;gap:10px;display:flex}.actions button{cursor:pointer;border-radius:14px;min-width:124px;padding:13px 24px;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s}.actions button:hover{transform:translateY(-2px)}.primary-action{color:var(--primary-text);background:var(--accent-strong);box-shadow:0 12px 32px var(--glow);border:0}.secondary-action{background:#ffffff12;border:1px solid #ffffff24}.status-line{color:#ffffff75;justify-content:center;align-items:center;gap:8px;margin:22px 0 0;font-size:.82rem;display:flex}.status-dot{background:#ffffff40;border-radius:50%;width:7px;height:7px}.status-dot.running{background:var(--accent);box-shadow:0 0 10px var(--glow);animation:1.6s ease-in-out infinite pulse}.app>footer,.standard-interface>footer{color:#ffffff59;justify-content:center;gap:10px;font-size:.78rem;display:flex}.settings-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04050f8a;justify-content:flex-end;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.settings-panel{color:#f8f7ff;background:linear-gradient(160deg,#22203afa,#111121fc);border-left:1px solid #ffffff24;grid-template-rows:auto 1fr auto;width:min(100%,480px);height:100%;animation:.24s cubic-bezier(.2,.8,.2,1) slide-in;display:grid;box-shadow:-30px 0 90px #02030c66}.settings-header,.settings-footer{justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex}.settings-header{border-bottom:1px solid #ffffff17}.settings-kicker{color:#a990ff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 3px;font-size:.68rem;font-weight:700}.settings-header h2{letter-spacing:-.04em;margin:0;font-size:1.65rem}.icon-button{background:#ffffff0f;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:40px;height:40px;padding:0 0 3px;font-size:1.7rem;line-height:1;display:grid}.settings-scroll{padding:6px 28px 28px;overflow-y:auto}.settings-section{border-bottom:1px solid #ffffff14;padding:24px 0}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.section-heading h3{margin:0;font-size:.94rem}.section-heading>span,.settings-footer>span{color:#ffffff6b;font-size:.72rem}.duration-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.duration-grid label,.visual-controls>label{color:#ffffff94;gap:8px;font-size:.72rem;display:grid}.duration-grid input,.visual-controls select{color:#fff;width:100%;min-width:0;font:inherit;background:#fff1;border:1px solid #ffffff1c;border-radius:12px;outline:none;padding:11px 12px;font-size:.9rem}.duration-grid input:focus,.visual-controls select:focus{border-color:#9175f7;box-shadow:0 0 0 3px #9175f724}.timer-toggle{color:#ffffffb8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:13px;align-items:flex-start;gap:11px;margin-top:16px;padding:13px 14px;display:flex}.timer-toggle input{accent-color:#8d6bff;width:17px;height:17px;margin:1px 0 0}.timer-toggle span{gap:3px;display:grid}.timer-toggle strong{color:#fff;font-size:.78rem;font-weight:600}.timer-toggle small{color:#ffffff70;font-size:.68rem;line-height:1.4}.timer-toggle:focus-within{border-color:#9175f7;box-shadow:0 0 0 3px #9175f724}.background-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.background-option{color:#ffffff94;cursor:pointer;border:1px solid #0000;border-radius:13px;gap:7px;padding:5px 5px 9px;font-size:.68rem;transition:all .16s;display:grid}.background-option:hover,.background-option.selected{color:#fff;background:#ffffff0e;border-color:#ffffff2e}.background-option:focus-within{outline-offset:2px;outline:2px solid #b6a5ff}.background-option input{opacity:0;width:1px;height:1px;position:absolute}.background-swatch{aspect-ratio:1.55;background:var(--preview);border-radius:9px;width:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff1f}.background-option.selected .background-swatch{box-shadow:inset 0 0 0 2px #b6a5ff,0 5px 18px #00000038}.visual-controls{border-bottom:0;gap:20px;display:grid}.visual-controls label>span{justify-content:space-between;display:flex}.visual-controls strong{color:#ffffffd9;font-weight:500}.visual-controls input[type=range]{accent-color:#8d6bff;width:100%}.clock-color-control{gap:10px;display:grid}.clock-color-button,.theme-color-button{color:inherit;font:inherit;cursor:pointer}.clock-color-button{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 13px;display:flex}.clock-color-swatch{border:2px solid #ffffff8c;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #0003}.clock-color-options{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:12px;display:grid}.clock-color-options label{color:#ffffff94;gap:8px;font-size:.72rem;display:grid}.color-input-wrap{align-items:center;gap:9px;display:flex!important}.color-input-wrap input{cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:28px;padding:0}.color-input-wrap code{color:#ffffff9e;font-size:.74rem}.theme-color-button{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;padding:9px 11px;font-size:.72rem}.clock-color-actions{gap:8px;display:grid}.theme-color-button:disabled{opacity:.42;cursor:default}.settings-footer{border-top:1px solid #ffffff17}.reset-settings{background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:9px 12px;font-size:.75rem}.reset-settings:hover{background:#ffffff12}@keyframes pulse{50%{opacity:.35}}@keyframes session-glow{0%,to{opacity:.42;box-shadow:0 0 5px #0000}50%{opacity:1;box-shadow:0 0 14px var(--glow)}}@keyframes lava-drift{0%{background-position:0 20%;transform:scale(1)}50%{background-position:85% 70%;transform:scale(1.08)}to{background-position:25% 100%;transform:scale(1.03)}}@keyframes liquid-float{0%{background-position:10% 90%;transform:scale(1.02)rotate(0)}50%{background-position:90% 15%;transform:scale(1.1)rotate(1deg)}to{background-position:35% 55%;transform:scale(1.04)rotate(-1deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}@media (width<=620px){.app{padding:22px 16px 20px}.customize-button{justify-content:center;width:40px;height:40px;padding:0;font-size:0}.customize-button span{font-size:1rem}.settings-header,.settings-footer,.settings-scroll{padding-inline:20px}.duration-grid{grid-template-columns:1fr}.clock-color-options{grid-template-columns:1fr;align-items:stretch}.clock-color-actions{grid-template-columns:1fr 1fr}.timer-card{border-radius:28px;padding:28px 18px}.supporting-copy{font-size:.9rem}.phase-switcher{width:100%}.phase-switcher button{flex:1;padding-inline:7px;font-size:.82rem}.actions button{flex:1;min-width:0}.app>footer,.standard-interface>footer{flex-wrap:wrap;gap:.35rem .65rem;padding-bottom:4.25rem;font-size:.72rem}}@media (width<=360px){.brand>span:last-child{display:none}.brand,.topbar-actions{gap:6px}.clock{padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#f8f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#15142a;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ffffffeb}