:root{--bg:#f5fbfb;--accent:#8fc1b7;--muted:#9fbfb4;--text:#0f2b2a;--card-bg:hsla(0,0%,100%,.85);--shadow:rgba(12,40,40,.08);--surface-main-top:hsla(0,0%,100%,.96);--surface-main-bottom:rgba(244,253,253,.86);--surface-focus-top:rgba(215,242,240,.6);--surface-focus-bottom:rgba(214,239,236,.4);--surface-panel-top:rgba(235,250,248,.82);--surface-panel-bottom:rgba(227,244,241,.72);--surface-elevated:hsla(0,0%,100%,.9);--surface-ghost:hsla(0,0%,100%,.85);--surface-ghost-border:rgba(12,40,40,.12);--chip-focus-bg:rgba(99,209,186,.25);--chip-focus-text:#0b524a;--chip-break-bg:rgba(159,191,180,.3);--chip-break-text:#2c4c48;--cycle-text:var(--muted);--settings-note-text:var(--muted);--preset-bg:hsla(0,0%,100%,.82);--preset-border:rgba(12,40,40,.12);--preset-text:var(--muted);--preset-active-shadow:0 10px 18px rgba(99,209,186,.26);--mode-toggle-bg:hsla(0,0%,100%,.7);--mode-toggle-border:rgba(12,40,40,.08);--control-primary-text:#02443d;--control-primary-shadow:0 16px 28px rgba(99,209,186,.28);--control-ghost-text:var(--text);--card-shadow:0 32px 72px rgba(15,43,42,.18);--panel-shadow:inset 0 1px 0 hsla(0,0%,100%,.55);--progress-track:hsla(0,0%,100%,.92);--progress-shadow:inset 0 4px 10px rgba(6,30,29,.08);--theme-toggle-border:rgba(12,40,40,.08);--theme-toggle-bg:hsla(0,0%,100%,.9);--theme-toggle-shadow:0 10px 20px rgba(12,40,40,.14);--header-icon-bg:linear-gradient(135deg,rgba(143,193,183,.25),rgba(143,193,183,.12));--subtitle-color:var(--muted)}[data-theme=dark]{--bg:#071218;--accent:#6ad3b8;--muted:#9bd3c7;--text:#e9fffb;--card-bg:rgba(8,12,14,.72);--shadow:rgba(0,0,0,.7);--surface-main-top:rgba(12,24,28,.9);--surface-main-bottom:rgba(6,14,16,.85);--surface-focus-top:rgba(14,36,38,.92);--surface-focus-bottom:rgba(8,24,26,.85);--surface-panel-top:rgba(10,28,30,.9);--surface-panel-bottom:rgba(6,18,20,.82);--surface-elevated:rgba(10,26,28,.88);--surface-ghost:rgba(8,20,22,.82);--surface-ghost-border:rgba(106,211,184,.28);--chip-focus-bg:rgba(70,150,138,.38);--chip-focus-text:#d8fff5;--chip-break-bg:rgba(68,102,100,.42);--chip-break-text:#c7e7dd;--cycle-text:rgba(173,221,212,.9);--settings-note-text:rgba(173,221,212,.75);--preset-bg:rgba(7,18,20,.78);--preset-border:rgba(106,211,184,.28);--preset-text:rgba(173,221,212,.88);--preset-active-shadow:0 12px 24px rgba(106,211,184,.32);--mode-toggle-bg:rgba(8,22,24,.85);--mode-toggle-border:rgba(106,211,184,.25);--control-primary-text:#022f29;--control-primary-shadow:0 18px 32px rgba(0,0,0,.55);--control-ghost-text:var(--text);--card-shadow:0 36px 80px rgba(0,0,0,.55);--panel-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);--progress-track:rgba(6,14,16,.75);--progress-shadow:inset 0 4px 10px rgba(0,0,0,.45);--theme-toggle-border:rgba(106,211,184,.32);--theme-toggle-bg:rgba(10,26,28,.82);--theme-toggle-shadow:0 14px 28px rgba(0,0,0,.5);--header-icon-bg:linear-gradient(135deg,rgba(106,211,184,.25),rgba(106,211,184,.12));--subtitle-color:rgba(173,221,212,.85)}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--bg),#eef7f6);color:var(--text);overflow-x:hidden;overflow-y:auto;background-size:400% 400%;animation:bgShift 30s ease-in-out infinite;transition:background .4s ease,color .4s ease}@keyframes bgShift{0%{background-position:0 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0 50%}}.container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative}.wave-wrap{position:absolute;inset:0;z-index:0}.cover-bg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:50%;opacity:.12;transition:opacity .42s ease,transform .42s ease;filter:blur(4px) saturate(.9)}.wave{position:absolute;width:200%;height:120%;left:-50%;top:-10%;background:radial-gradient(circle at 10% 20%,rgba(143,193,183,.15),transparent 20%),radial-gradient(circle at 90% 80%,rgba(159,191,180,.12),transparent 20%);animation:float 12s linear infinite;transform-origin:center}.wave.wave-2{opacity:.9;animation-duration:18s;filter:blur(18px) saturate(.95)}.wave.wave-3{opacity:.7;animation-duration:26s;transform:rotate(12deg) scale(1.1);filter:blur(26px) saturate(.9)}.wave.wave-1{mix-blend-mode:screen;animation:hue 40s linear infinite}.wave.wave-2{mix-blend-mode:screen;animation:hue 50s linear infinite}.wave.wave-3{mix-blend-mode:screen;animation:hue 60s linear infinite}@keyframes hue{0%{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(10deg) saturate(1.05)}50%{filter:hue-rotate(20deg) saturate(1.02)}75%{filter:hue-rotate(10deg) saturate(1.04)}to{filter:hue-rotate(0deg) saturate(1)}}@media (prefers-reduced-motion:reduce){.wave,.wave.wave-1,.wave.wave-2,.wave.wave-3,body{animation:none}}@keyframes float{0%{transform:translateY(0) translateX(0) rotate(0deg)}50%{transform:translateY(6%) translateX(4%) rotate(2deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}.card{position:relative;z-index:1;min-width:320px;max-width:720px;width:88vw;padding:36px;border-radius:20px;-webkit-backdrop-filter:blur(6px) saturate(1.05);backdrop-filter:blur(6px) saturate(1.05);background:linear-gradient(180deg,var(--card-bg),hsla(0,0%,100%,.03));box-shadow:0 10px 30px var(--shadow);gap:24px}.card,.timer-box{display:flex;align-items:center;flex-direction:column}.timer-box{width:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.35));border-radius:14px;padding:22px;box-shadow:inset 0 4px 10px rgba(0,0,0,.03);gap:18px}.big-timer{font-size:4.5rem;font-weight:800;color:var(--text)}.big-progress{width:100%;height:12px;background:rgba(0,0,0,.05);border-radius:999px;overflow:hidden}.big-progress>div{height:100%;background:linear-gradient(90deg,var(--accent),rgba(143,193,183,.6))}.btn.primary{background:var(--accent);color:#04201e;padding:12px 22px;border-radius:28px;font-weight:700}.btn.ghost.round{border-radius:28px;padding:10px 18px}@media (min-width:900px){.card{flex-direction:row;padding:48px 56px;max-width:1100px}.left{flex:1 1 66%}.right{width:360px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.right .panel{background:linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.3));padding:18px;border-radius:12px}}.player-footer{gap:12px;padding:8px 16px;background:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(0,0,0,.06);z-index:60}.player-left{display:flex;gap:12px;align-items:center;min-width:220px}.mini-cover{object-fit:cover}.mini-cover,.mini-cover.placeholder{width:52px;height:52px;border-radius:8px}.mini-cover.placeholder{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.02))}.track-meta{display:flex;flex-direction:column}.track-title{font-weight:700}.track-sub{font-size:12px;color:rgba(0,0,0,.5)}.player-center{flex:1 1;display:flex;flex-direction:column;gap:6px}.center-controls{display:flex;justify-content:center;gap:8px;align-items:center}.player-center .btn{min-width:84px}.player-footer .right-controls{gap:8px}.player-footer input[type=range]{width:120px}.player-footer .progress .bar{height:6px;background:rgba(0,0,0,.06)}@media (max-width:700px){.card{padding-bottom:96px}.player-footer{height:84px}.track-meta{display:none}.player-left{min-width:80px}.player-footer input[type=range]{display:none}}.title{font-size:1.6rem;margin:0}.timer,.title{color:var(--text)}.timer{font-size:4.5rem;font-weight:700;letter-spacing:1px}.controls{display:flex;gap:12px}.btn{padding:10px 16px;border-radius:12px;border:0;cursor:pointer;background:var(--accent);color:rgba(4,10,9,.98);font-weight:600}.btn.ghost{background:transparent;color:var(--accent);border:1px solid hsla(0,0%,100%,.08)}.meta{display:flex;gap:12px;align-items:center;font-size:.95rem;color:var(--muted)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:9px;background:linear-gradient(90deg,var(--accent),rgba(143,193,183,.6));border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 4px 8px rgba(12,40,40,.08);border:3px solid var(--accent);margin-top:-1px}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent)}input[type=number]{width:64px;padding:6px 8px;border-radius:8px;border:1px solid rgba(12,40,40,.06);background:hsla(0,0%,100%,.9);text-align:right}.spinner{border-radius:50%;border:2px solid hsla(0,0%,100%,.15);border-top:2px solid var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn svg{display:block}.btn svg,.btn.ghost svg{color:var(--accent)}.btn{transition:opacity .16s ease,transform .12s ease}.btn:active{transform:translateY(1px)}@media (min-width:900px){.card{flex-direction:row;padding:48px 56px}.left{flex:1 1}.right{width:240px;display:flex;flex-direction:column;align-items:center;gap:8px}}.player-footer{position:fixed;left:0;right:0;bottom:0;height:72px;display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(90deg,rgba(8,12,14,.6),rgba(8,12,14,.08));-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);z-index:5;box-shadow:0 -6px 20px rgba(2,8,8,.15)}.player-footer .track-info{display:flex;gap:12px;align-items:center;min-width:180px}.player-footer .track-info .cover{width:56px;height:56px;border-radius:8px;background:linear-gradient(135deg,var(--accent),rgba(143,193,183,.6));box-shadow:0 6px 18px rgba(0,0,0,.18)}.player-footer .controls{display:flex;gap:12px;align-items:center;justify-content:center;flex:1 1}.player-footer .progress{flex:1 1;display:flex;flex-direction:column;gap:6px}.player-footer .progress .bar{height:8px;width:100%;background:hsla(0,0%,100%,.06);border-radius:999px;overflow:hidden}.player-footer .progress .bar>div{height:100%;background:linear-gradient(90deg,var(--accent),rgba(143,193,183,.6))}.player-footer .right-controls{display:flex;gap:10px;align-items:center}@media (max-width:600px){.player-footer{height:64px;padding:10px 12px}.player-footer .track-info .cover{width:44px;height:44px}}@media (max-width:720px){.container{padding-bottom:92px}.player-footer{height:auto;flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.player-footer .controls{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.player-footer .progress{width:100%}.player-footer .right-controls{width:100%;display:flex;justify-content:space-between}.player-footer input[type=range]{display:none}}.pomodoro-card{position:relative;z-index:1;width:min(1100px,90vw);padding:36px 40px;border-radius:32px;display:flex;flex-direction:column;gap:32px;background:linear-gradient(180deg,var(--surface-main-top),var(--surface-main-bottom));box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08);transition:background .26s ease,box-shadow .26s ease}.pomodoro-header{display:flex;align-items:center;justify-content:space-between}.pomodoro-header__title{display:flex;align-items:center;gap:18px}.pomodoro-header__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:var(--header-icon-bg);color:var(--accent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.pomodoro-title{margin:0;font-size:1.85rem;color:var(--text)}.pomodoro-subtitle{margin:4px 0 0;color:var(--subtitle-color);font-size:.95rem}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);color:var(--text);font-weight:600;cursor:pointer;transition:box-shadow .16s ease,transform .12s ease,opacity .16s ease}.theme-toggle:hover{box-shadow:var(--theme-toggle-shadow)}.theme-toggle:active{transform:translateY(1px)}.pomodoro-header__actions{display:flex;align-items:center;gap:12px}.language-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);-webkit-backdrop-filter:blur(12px) saturate(1.02);backdrop-filter:blur(12px) saturate(1.02)}.language-toggle__btn{border:none;background:transparent;color:var(--text);font-weight:600;font-size:.85rem;border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}.language-toggle__btn.active{background:var(--accent);color:var(--control-primary-text);box-shadow:var(--theme-toggle-shadow)}.language-toggle__btn:active{transform:translateY(1px)}.pomodoro-main{display:flex;gap:28px;align-items:stretch}.focus-card{flex:1 1 60%;background:linear-gradient(180deg,var(--surface-focus-top),var(--surface-focus-bottom));border-radius:26px;padding:28px;flex-direction:column;box-shadow:var(--panel-shadow);transition:background .26s ease,box-shadow .26s ease}.focus-card,.focus-card__top{display:flex;justify-content:space-between}.focus-card__top,.mode-chip{align-items:center}.mode-chip{display:inline-flex;gap:8px;padding:8px 18px;border-radius:999px;font-weight:600;font-size:.95rem;background:var(--surface-ghost);color:var(--text);border:1px solid var(--surface-ghost-border)}.mode-chip--focus{background:var(--chip-focus-bg);color:var(--chip-focus-text)}.mode-chip--break{background:var(--chip-break-bg);color:var(--chip-break-text)}.mode-chip__icon{display:inline-flex}.cycle-indicator{font-size:.9rem;font-weight:600;color:var(--cycle-text)}.focus-card__display{display:flex;flex-direction:column;gap:22px;margin-top:24px}.focus-card__time{font-size:7.2rem;font-weight:800;letter-spacing:1px;color:var(--text);text-align:center;line-height:1;display:flex;justify-content:center;align-items:center}.focus-card__progress{height:12px;border-radius:999px;background:var(--progress-track);overflow:hidden;box-shadow:var(--progress-shadow)}.focus-card__progress>div{height:100%;background:linear-gradient(90deg,var(--accent),rgba(143,193,183,.6));transition:width .24s ease}.focus-card__actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.control-btn{border-radius:999px;padding:12px 28px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .16s ease,opacity .16s ease}.control-btn--primary{background:var(--accent);color:var(--control-primary-text);box-shadow:var(--control-primary-shadow)}.control-btn--ghost{background:var(--surface-ghost);color:var(--control-ghost-text);border:1px solid var(--surface-ghost-border)}.control-btn:hover{opacity:.9}.control-btn:active{transform:translateY(1px)}.settings-card{width:340px;background:linear-gradient(180deg,var(--surface-panel-top),var(--surface-panel-bottom));border-radius:26px;padding:24px 26px 30px;gap:24px;box-shadow:var(--panel-shadow);transition:background .26s ease,box-shadow .26s ease}.settings-card,.settings-section{display:flex;flex-direction:column}.settings-section{gap:12px}.settings-heading{font-size:.92rem;font-weight:700;color:var(--muted)}.mode-toggle{display:flex;gap:12px;background:var(--mode-toggle-bg);padding:6px;border-radius:999px;border:1px solid var(--mode-toggle-border)}.mode-toggle__btn{flex:1 1;border:none;border-radius:999px;padding:10px 16px;background:transparent;color:var(--preset-text);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .16s ease,color .16s ease,transform .12s ease}.mode-toggle__btn.active{background:var(--accent);color:var(--control-primary-text);box-shadow:var(--preset-active-shadow)}.mode-toggle__btn:active{transform:translateY(1px)}.settings-grid{display:grid;grid-gap:14px;gap:14px}.settings-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--preset-text)}.settings-field input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--surface-ghost-border);background:var(--surface-elevated);text-align:right;font-size:1rem;font-weight:600;color:var(--text)}.settings-note{font-size:.85rem;color:var(--settings-note-text);line-height:1.45;margin:0}.preset-grid{display:flex;gap:12px;flex-wrap:wrap}.preset-btn{padding:10px 18px;border-radius:14px;border:1px solid var(--preset-border);background:var(--preset-bg);font-weight:600;color:var(--preset-text);cursor:pointer;transition:background .16s ease,color .16s ease,transform .12s ease}.preset-btn.active{background:var(--accent);color:var(--control-primary-text);box-shadow:var(--preset-active-shadow)}.preset-btn:active{transform:translateY(1px)}.settings-tip{margin:0;font-size:.85rem;color:var(--settings-note-text);text-align:center}.seo-content{margin-top:24px;padding:18px 20px;border-radius:16px;background:var(--surface-ghost);border:1px solid var(--surface-ghost-border);display:flex;flex-direction:column;gap:12px;font-size:.92rem;line-height:1.6;color:var(--text);max-height:320px;overflow:auto}.seo-content h2{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.seo-content p{margin:0;color:var(--settings-note-text)}@media (max-width:1080px){.pomodoro-main{flex-direction:column}.settings-card{width:100%}.focus-card{min-height:280px}}@media (max-width:720px){.pomodoro-card{padding:28px 24px;gap:24px}.pomodoro-header{flex-direction:column;align-items:flex-start;gap:16px}.pomodoro-header__actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.pomodoro-header__actions .language-toggle{order:-1}.focus-card__time{font-size:4.2rem}.control-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 12px);display:flex;justify-content:center}.mode-toggle{gap:8px}.preset-grid{justify-content:space-between}.seo-content{padding:16px 18px;font-size:.9rem;max-height:220px}}@supports(padding:max(0px)){.player-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}}