:root{--color-idle: #6C757D;--color-countdown: #FFC107;--color-warmup: #A78BFA;--color-work: #FF4D4D;--color-rest: #4DABF7;--color-cooldown: #A78BFA;--color-complete: #51CF66;--phase-color: var(--color-idle);--bg: #1a1a2e;--bg-tint: transparent;--surface: #16213e;--surface2: #0f3460;--text: #e0e0e0;--text-muted: #9ca3af;--radius: 16px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--overlay-bg: rgba(0, 0, 0, .7);--surface1: #1a2747;--accent: var(--color-work)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);background:color-mix(in srgb,var(--bg) 90%,var(--bg-tint));color:var(--text);font-family:var(--font);overflow-x:hidden;transition:background .6s ease}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}.light-theme{--bg: #f5f5f7;--bg-tint: transparent;--surface: #ffffff;--surface1: #f0f0f2;--surface2: #e5e5ea;--text: #1d1d1f;--text-muted: #6e6e73;--overlay-bg: rgba(0, 0, 0, .4)}.light-theme .ring-bg{stroke:#d1d1d6}.light-theme .btn-outline{border-color:#c0c0c5;color:var(--text)}.light-theme .btn-outline:hover{background:#0000000d}.light-theme .btn-secondary{background:var(--surface2);color:var(--text)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));padding-right:calc(24px + env(safe-area-inset-right,0px));background:var(--surface)}.logo{font-size:1.4rem;font-weight:700;color:var(--phase-color);transition:color .4s}.header-actions{display:flex;gap:8px}.header-actions button{padding:8px 12px;border-radius:8px;color:var(--text);font-size:.9rem;transition:background .2s;display:flex;align-items:center;justify-content:center}.icon{width:20px;height:20px;flex-shrink:0}.header-actions button:hover{background:var(--surface2)}.header-actions button.active{background:var(--surface2);color:var(--phase-color)}.timer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:24px;gap:32px}.circle-wrapper{position:relative;width:min(320px,80vw);height:min(320px,80vw)}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--surface2);stroke-width:8}.ring-progress{fill:none;stroke:var(--phase-color);stroke-width:8;stroke-linecap:round;transition:stroke .4s}.timer-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.phase-label{font-size:clamp(.9rem,3vw,1.1rem);font-weight:600;color:var(--phase-color);text-transform:uppercase;letter-spacing:clamp(1px,.5vw,2px);white-space:nowrap;transition:color .4s}.timer-number{font-size:clamp(3rem,12vw,5.5rem);font-weight:800;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.round-label{font-size:1rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.round-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dot{width:12px;height:12px;border-radius:50%;background:var(--surface2);transition:background .3s,transform .2s}.dot.done{background:var(--color-complete)}.dot.active{background:var(--phase-color);transform:scale(1.4)}@keyframes dot-pop{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1.4)}}.dot.active{animation:dot-pop .3s ease-out}.controls{display:flex;gap:16px;align-items:center}.btn-primary{padding:16px 48px;border-radius:50px;background:var(--phase-color);color:#fff;font-size:1.1rem;font-weight:700;transition:background .4s,transform .1s,box-shadow .4s;box-shadow:0 4px 20px #ff4d4d66;box-shadow:0 4px 20px color-mix(in srgb,var(--phase-color) 40%,transparent)}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{width:52px;height:52px;border-radius:50%;background:var(--surface);color:var(--text-muted);font-size:1.5rem;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center}.btn-secondary .icon{width:22px;height:22px}.btn-secondary:hover{background:var(--surface2);color:var(--text)}.panel{position:fixed;top:0;right:-100%;width:min(400px,100dvw);height:100%;background:var(--surface);z-index:200;transition:right .3s ease;display:flex;flex-direction:column;overflow:hidden}.panel.open{right:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--surface2)}.panel-header h2{font-size:1.2rem}.panel-header button{width:32px;height:32px;border-radius:50%;color:var(--text-muted);font-size:1rem}.panel-header button:hover{background:var(--surface2);color:var(--text)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:32px}.section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:hidden}.preset-btn{padding:12px;border-radius:12px;background:var(--surface2);color:var(--text);text-align:left;display:flex;flex-direction:column;gap:6px;border:2px solid transparent;transition:background .2s;overflow:hidden;min-width:0;font-size:.9rem;position:relative}.preset-btn:hover{background:var(--surface2);background:color-mix(in srgb,var(--surface2) 80%,white)}.preset-header{display:flex;align-items:center;gap:6px}.preset-emoji{font-size:1.1rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface);background:color-mix(in srgb,var(--phase-color) 12%,transparent);border-radius:8px}.preset-name{font-weight:600;font-size:.8rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-level{font-size:.55rem;letter-spacing:1px;color:var(--text-muted);flex-shrink:0}.preset-level-1{color:#51cf66}.preset-level-2{color:#4dabf7}.preset-level-3{color:#ffc107}.preset-level-4{color:#ff4d4d}.preset-spec{font-size:.72rem;color:var(--phase-color);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-tag{font-size:.7rem;color:var(--text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.input-group label{font-size:.9rem;color:var(--text-muted)}.stepper-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepper-row label{font-size:.9rem;color:var(--text);font-weight:500;flex:1}.stepper{display:flex;align-items:center;gap:0;border-radius:10px;overflow:hidden;background:var(--surface);width:160px;flex-shrink:0}.stepper-btn{width:44px;height:44px;font-size:1.2rem;font-weight:700;color:var(--phase-color);background:transparent;border:none;cursor:pointer;transition:background .15s;flex-shrink:0}.stepper-btn:hover{background:#8080801a}.stepper-btn:active{background:#80808033}.input-group input{flex:1;min-width:0;padding:8px 2px;background:transparent;color:var(--text);border:none;text-align:center;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.input-group input::-webkit-outer-spin-button,.input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group input:focus{outline:none}.estimated-time-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.btn-outline{padding:10px 24px;border-radius:8px;border:1px solid var(--phase-color);color:var(--phase-color);font-size:.9rem;transition:background .2s}.btn-outline:hover{background:#ff4d4d26;background:color-mix(in srgb,var(--phase-color) 15%,transparent)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.stat-card{background:var(--surface2);border-radius:10px;padding:12px 8px;text-align:center}.stat-number{font-size:1.5rem;font-weight:800;color:var(--phase-color);font-variant-numeric:tabular-nums}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface2);border-radius:10px;transition:background .2s,transform .15s;font-size:.85rem}.history-item:hover{transform:translate(4px);background:var(--surface);background:color-mix(in srgb,var(--surface2) 70%,var(--phase-color) 10%)}.history-date{color:var(--text-muted)}.history-detail{color:var(--text)}.history-duration{color:var(--phase-color);font-weight:600}.empty-history{color:var(--text-muted);text-align:center;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-history-emoji{font-size:2rem}.empty-history-sub{font-size:.78rem;color:var(--text-muted);opacity:.7}.btn-start-first{font-size:.9rem;padding:12px 32px;margin-top:4px}.btn-load-more{width:100%;margin-top:8px;font-size:.85rem;padding:10px}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.panel.open~.overlay{display:block}@keyframes ring-pulse{0%{stroke-width:8}30%{stroke-width:12}to{stroke-width:8}}.ring-progress.ring-pulse{animation:ring-pulse .4s ease-out forwards}@keyframes ring-glow{0%{box-shadow:0 0 0 transparent}30%{box-shadow:0 0 40px color-mix(in srgb,var(--phase-color) 30%,transparent)}to{box-shadow:0 0 0 transparent}}.circle-wrapper{border-radius:50%;transition:box-shadow .4s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.circle-wrapper.glow{animation:ring-glow .4s ease-out}.elapsed-label{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px}.preset-duration{display:none}.summary-card{display:none;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:summary-fade-in .4s ease-out}.summary-card.visible{display:flex}@keyframes summary-fade-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.summary-emoji{font-size:2.2rem;line-height:1}.summary-title{font-size:.85rem;font-weight:700;color:var(--phase-color);text-transform:uppercase;letter-spacing:1.5px}.summary-stats{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.summary-stat{display:flex;gap:6px;align-items:baseline}.summary-stat-value{font-size:1.1rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.summary-stat-label{font-size:.7rem;color:var(--text-muted)}.overall-progress{position:fixed;top:0;left:0;right:0;height:5px;background:var(--surface2);z-index:150}.overall-progress-fill{height:100%;width:0%;background:var(--phase-color);transition:width .5s ease,background .4s}.header{margin-top:3px}@keyframes rest-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.rest-mode .ring-progress{opacity:.55;transition:opacity .4s,stroke .4s}.rest-mode .phase-label{animation:rest-pulse 1.4s ease-in-out infinite}.next-phase-label{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px;opacity:.8;letter-spacing:.3px}.start-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:center}.onboarding-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--surface2);color:var(--text);font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:10px;white-space:nowrap;box-shadow:0 4px 16px #0006;animation:tooltip-fade-in .3s ease-out;pointer-events:none;z-index:10}.onboarding-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--surface2)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes tooltip-fade-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(6px)}}.onboarding-tooltip.dismissing{animation:tooltip-fade-out .3s ease-in forwards}.interval-display{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.2px;margin-top:1px;opacity:.75}.summary-badge{font-size:.85rem;font-weight:700;color:var(--color-work);background:color-mix(in srgb,var(--color-work) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-work) 40%,transparent);border-radius:20px;padding:4px 12px;letter-spacing:.5px}.history-delete-area{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-history-delete{font-size:.85rem;color:var(--text-muted);padding:8px 20px;border-radius:8px;border:1px solid var(--surface2);transition:color .2s,border-color .2s,background .2s}.btn-history-delete:hover{color:var(--color-work);border-color:var(--color-work);background:color-mix(in srgb,var(--color-work) 10%,transparent)}.history-delete-confirm{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:var(--surface2);width:100%}.history-delete-warning{font-size:.82rem;color:var(--text-muted);font-style:italic}.history-delete-actions{display:flex;gap:8px}.btn-delete-confirm{padding:8px 20px;border-radius:8px;background:var(--color-work);color:#fff;font-size:.85rem;font-weight:700;transition:opacity .2s}.btn-delete-confirm:hover{opacity:.85}.btn-delete-cancel{padding:8px 16px;border-radius:8px;color:var(--text-muted);font-size:.85rem;transition:color .2s}.btn-delete-cancel:hover{color:var(--text)}.toggle-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 12px;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none;align-items:center}.toggle-label{font-size:.9rem;color:var(--text);grid-column:1;grid-row:1}.toggle-desc{font-size:.75rem;color:var(--text-muted);grid-column:1;grid-row:2}.toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;background:var(--surface2);border:1px solid rgba(128,128,128,.3);border-radius:12px;transition:background .25s,border-color .25s;flex-shrink:0;grid-column:2;grid-row:1 / 3;align-self:center;box-sizing:border-box}.toggle-switch:after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform .25s,background .25s,left .25s}.toggle-checkbox:checked~.toggle-switch{background:var(--phase-color);border-color:transparent}.toggle-checkbox:checked~.toggle-switch:after{left:calc(100% - 21px);background:#fff}.toggle-checkbox:focus-visible~.toggle-switch{outline:2px solid var(--phase-color);outline-offset:2px}.minimalist #round-dots,.minimalist #overall-progress,.minimalist #next-phase-label,.minimalist #interval-display,.minimalist #phase-label,.minimalist #round-label,.minimalist #elapsed-label,.minimalist .seo-content{display:none;transition:opacity .3s}#round-dots,#overall-progress,#next-phase-label,#interval-display,#phase-label,#round-label,#elapsed-label{transition:opacity .3s}.summary-actions{display:flex;gap:8px;margin-top:10px;justify-content:center}.btn-share,.btn-repeat{padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;transition:background .2s}.btn-share{border:1px solid var(--phase-color);color:var(--phase-color)}.btn-share:hover{background:color-mix(in srgb,var(--phase-color) 15%,transparent)}.btn-repeat{background:var(--phase-color);color:#fff;border:none}.btn-repeat:hover{opacity:.85}.toast{position:fixed;bottom:calc(32px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(80px);background:var(--surface2);color:var(--text);font-size:.85rem;font-weight:600;padding:10px 20px;border-radius:50px;box-shadow:0 4px 20px #0006;pointer-events:none;opacity:0;transition:transform .3s ease,opacity .3s ease;white-space:nowrap;z-index:500}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.phase-warmup .ring-progress,.phase-cooldown .ring-progress{stroke:var(--color-warmup)}@keyframes tick-pulse{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}.timer-number.tick-pulse{animation:tick-pulse .15s ease-out forwards}.input-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}.input-error{font-size:.75rem;color:var(--color-work);min-height:1em;padding-left:4px;transition:opacity .2s}.input-group input.input-invalid{border-color:var(--color-work);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-work) 25%,transparent)}.preset-btn.active{border-color:var(--phase-color);box-shadow:0 0 12px color-mix(in srgb,var(--phase-color) 35%,transparent);background:color-mix(in srgb,var(--surface2) 80%,var(--phase-color) 20%)}.ring-progress.ring-paused{stroke-dasharray:16 10;opacity:.45;transition:opacity .3s ease,stroke .4s}@keyframes number-fade{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.timer-number.number-transition{animation:number-fade .2s ease-out forwards}.confetti-burst{position:fixed;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:600}.confetti-burst span{position:absolute;width:var(--size, 8px);height:var(--size, 8px);border-radius:2px;background:var(--color, #FF4D4D);opacity:0;animation:confetti-fly 2.2s ease-out forwards;animation-delay:var(--delay, 0s);--cx: calc((var(--i, 0) - 10) * 14px);--cy: calc(-60px - var(--i, 0) * 8px);--rx: calc(var(--i, 0) * 45deg)}.confetti-burst span:nth-child(odd){--cx: calc((var(--i, 0) - 10) * -14px)}.confetti-burst span:nth-child(2n){border-radius:50%}@keyframes confetti-fly{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}50%{opacity:1;transform:translate(var(--cx),var(--cy)) rotate(var(--rx)) scale(1)}to{opacity:0;transform:translate(calc(var(--cx) * 1.2),calc(var(--cy) + 80px)) rotate(var(--rx)) scale(.2)}}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface2);border-top:1px solid color-mix(in srgb,var(--phase-color) 30%,transparent);padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:450;box-shadow:0 -4px 20px #0000004d;animation:slide-up-banner .3s ease-out}@keyframes slide-up-banner{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-install-text{flex:1;font-size:.9rem;font-weight:600;color:var(--text)}.btn-pwa-install{padding:8px 20px;border-radius:50px;background:var(--phase-color);color:#fff;font-size:.85rem;font-weight:700;transition:background .2s,transform .1s;box-shadow:0 2px 10px color-mix(in srgb,var(--phase-color) 40%,transparent)}.btn-pwa-install:hover{transform:translateY(-1px)}.btn-pwa-install:active{transform:translateY(0)}.btn-pwa-dismiss{width:28px;height:28px;border-radius:50%;color:var(--text-muted);font-size:.8rem;transition:background .2s,color .2s;flex-shrink:0}.btn-pwa-dismiss:hover{background:var(--surface);color:var(--text)}.error-boundary{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.error-boundary-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:320px}.error-boundary-emoji{font-size:3rem}.error-boundary-title{font-size:1.4rem;font-weight:700;color:var(--text)}.error-boundary-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6}.settings-version-footer{padding-top:8px;border-top:1px solid var(--surface2);text-align:center}.settings-version-text{font-size:.72rem;color:var(--text-muted);opacity:.6;font-variant-numeric:tabular-nums;letter-spacing:.5px;display:block;margin-bottom:6px}.feedback-link{font-size:.75rem;color:var(--text-muted);text-decoration:none;opacity:.7;transition:opacity .2s}.feedback-link:hover{opacity:1;text-decoration:underline}.lang-select{width:100%;padding:10px 32px 10px 12px;border-radius:10px;border:1px solid var(--surface2);background:var(--surface1);color:var(--text);font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.lang-select:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){html,body,.ring-progress,.ring-bg{transition:none}.timer-number.tick-pulse,.timer-number.number-transition,.ring-progress.ring-pulse{animation:none}.confetti-burst span{animation:none;display:none}.logo,.btn-primary,.dot,.phase-label,.ring-progress,.panel{transition:none}.onboarding-tooltip.dismissing{animation:none;opacity:0}.pwa-install-banner{animation:none}}@media (max-width: 480px){.timer-container{gap:20px}.preset-grid{grid-template-columns:repeat(2,1fr)}.history-item{flex-wrap:wrap;gap:4px 12px}.history-date{width:100%}}.seo-content{max-width:640px;margin:0 auto;padding:48px 24px;color:var(--text-muted);font-size:.9rem;line-height:1.7}.seo-content h2{color:var(--text);font-size:1.3rem;margin-bottom:12px}.seo-content h3{color:var(--text);font-size:1.05rem;margin-top:24px;margin-bottom:8px}.seo-content ul{padding-left:20px;margin-bottom:16px}.seo-content li{margin-bottom:6px}.seo-content details{background:var(--surface);border-radius:10px;padding:12px 16px;margin-bottom:8px}.seo-content summary{cursor:pointer;color:var(--text);font-weight:600;font-size:.92rem}.seo-content details p{margin-top:8px}.welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:600;display:flex;align-items:center;justify-content:center;animation:welcome-fade-in .5s ease}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.welcome-inner{text-align:center;padding:32px;max-width:360px;width:100%}.welcome-logo{font-size:2.5rem;font-weight:800;color:var(--color-work);margin-bottom:8px}.welcome-subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:24px}.welcome-langs{display:flex;flex-direction:column;gap:10px}.welcome-lang-btn{padding:14px 20px;border-radius:12px;background:var(--surface);color:var(--text);font-size:1rem;text-align:left;transition:background .2s,transform .1s}.welcome-lang-btn:hover{background:var(--surface2);transform:translate(4px)}.keyboard-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:500;display:flex;align-items:center;justify-content:center;cursor:pointer}.keyboard-help{background:var(--surface);border-radius:16px;padding:24px 32px;max-width:320px;width:100%}.keyboard-help h3{font-size:1.1rem;color:var(--text);margin-bottom:16px}.keyboard-row{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.keyboard-row kbd{display:inline-block;min-width:48px;text-align:center;padding:4px 10px;border-radius:6px;background:var(--surface2);color:var(--text);font-size:.82rem;font-family:monospace;border:1px solid var(--text-muted)}.btn-next-preset{margin-top:8px;padding:8px 16px;border-radius:20px;background:transparent;border:1px dashed var(--text-muted);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s}.btn-next-preset:hover{border-color:var(--phase-color);color:var(--text)}.estimated-time{font-size:.85rem;color:var(--text-muted);font-weight:500}@keyframes countdown-warn-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.countdown-warn{animation:countdown-warn-pulse .5s ease;color:#ffc107!important}.current-preset-badge{font-size:.82rem;color:var(--text);padding:8px 12px;background:color-mix(in srgb,var(--phase-color) 10%,transparent);background:var(--surface2);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--phase-color)}.current-preset-label{color:var(--text-muted);font-size:.75rem;margin-right:4px}.history-section{margin-bottom:16px}.section-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:10px;padding-left:10px;border-left:3px solid var(--phase-color)}.calendar-detail{font-size:.82rem;color:var(--text);padding:10px 12px;background:var(--surface2);border-radius:8px;margin-bottom:12px;display:none}.calendar-detail .cal-detail-date{font-weight:600;margin-bottom:4px}.calendar-detail .cal-detail-item{color:var(--text-muted);font-size:.78rem;padding:2px 0}.warmup-duration-row{display:flex;align-items:center;gap:8px;padding:8px 0}.warmup-duration-row .stepper{width:140px}.warmup-unit{font-size:.8rem;color:var(--text-muted)}.ad-container{margin:16px 0;text-align:center;min-height:0;overflow:hidden;border-radius:8px}.ad-container ins{background:transparent}.ad-container{background:#ffffff08}.light-theme .ad-container{background:#00000005}.google-sync{margin-top:12px;padding-top:12px;border-top:1px solid rgba(128,128,128,.12);text-align:center}.btn-google{padding:10px 20px;border-radius:8px;border:1px solid rgba(128,128,128,.2);background:var(--surface);color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;width:100%;transition:background .2s}.btn-google:hover{background:var(--surface2)}.google-sync-status{font-size:.78rem;color:var(--text-muted);margin-top:6px}.google-sync-actions{display:flex;gap:8px;margin-top:8px}.btn-google-small{flex:1;padding:8px;border-radius:8px;font-size:.8rem;cursor:pointer;border:1px solid rgba(128,128,128,.2);background:var(--surface);color:var(--text-muted);transition:background .2s}.btn-google-small:hover{background:var(--surface2)}.btn-skip-rest{padding:6px 16px;border-radius:20px;background:transparent;border:1px solid var(--color-rest);color:var(--color-rest);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}.btn-skip-rest:hover{background:color-mix(in srgb,var(--color-rest) 15%,transparent)}.section-collapsible{border-radius:12px;background:var(--surface2);padding:0;border:1px solid rgba(128,128,128,.1)}.section-collapsible summary{padding:16px 24px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-collapsible summary::-webkit-details-marker{display:none}.section-collapsible summary:after{content:"";width:20px;height:20px;flex-shrink:0;background:var(--text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}.section-collapsible[open] summary:after{transform:rotate(90deg)}.section-collapsible summary h3{margin:0}.summary-hint{font-size:.75rem;color:var(--text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.section-collapsible[open] .summary-hint{display:none}.collapsible-content{padding:12px 24px 24px;border-top:1px solid rgba(128,128,128,.15)}.collapsible-content .stepper-row,.collapsible-content .toggle-row{padding:14px 0;border-bottom:1px solid rgba(128,128,128,.12)}.collapsible-content .stepper-row:last-of-type,.collapsible-content .toggle-row:last-of-type{border-bottom:none;padding-bottom:0}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:10;animation:pause-fade-in .2s ease}@keyframes pause-fade-in{0%{opacity:0}to{opacity:1}}.pause-icon{font-size:2rem;line-height:1}.pause-info{font-size:.8rem;color:#ffffffd9;text-align:center;line-height:1.3}.light-theme .pause-overlay{background:#0000008c}@keyframes btn-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.btn-pulse{animation:btn-pulse .25s ease}.btn-save-link{display:block;width:100%;text-align:center;padding:8px;margin-top:8px;color:var(--text-muted);font-size:.82rem;background:none;border:none;cursor:pointer;transition:color .2s}.btn-save-link:hover{color:var(--color-complete)}.custom-preset-title{font-size:.85rem;color:var(--text-muted);margin:12px 0 8px}.custom-preset-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border-radius:8px;margin-bottom:6px;font-size:.85rem}.custom-preset-name{flex:1;color:var(--text);font-weight:600}.custom-preset-detail{color:var(--text-muted);font-size:.78rem}.custom-preset-use,.custom-preset-del{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;cursor:pointer;border:none;transition:background .15s}.custom-preset-use{background:var(--phase-color);color:#fff}.custom-preset-use:hover{opacity:.85}.custom-preset-del{color:var(--text-muted);background:transparent}.custom-preset-del:hover{color:#ff4d4d}@keyframes history-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.history-item{animation:history-slide-in .3s ease both}.history-item:nth-child(1){animation-delay:0s}.history-item:nth-child(2){animation-delay:.03s}.history-item:nth-child(3){animation-delay:.06s}.history-item:nth-child(4){animation-delay:.09s}.history-item:nth-child(5){animation-delay:.12s}.history-item:nth-child(6){animation-delay:.15s}.history-item:nth-child(7){animation-delay:.18s}.history-item:nth-child(8){animation-delay:.21s}.history-item:nth-child(9){animation-delay:.24s}.history-item:nth-child(10){animation-delay:.27s}.calendar-widget{margin-bottom:16px}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-nav-btn{width:36px;height:36px;border-radius:50%;background:transparent;color:var(--text);font-size:1.2rem;cursor:pointer;border:none;transition:background .15s}.cal-nav-btn:hover{background:var(--surface2)}.cal-month{font-size:.9rem;font-weight:600;color:var(--text)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-header{font-size:.65rem;color:var(--text-muted);font-weight:600;padding-bottom:4px}.cal-empty{height:34px}.cal-day{height:34px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted);border-radius:6px;transition:background .15s;cursor:default}.cal-day[class*=cal-lv]{cursor:pointer}.cal-day.cal-lv1{background:#1b4332;color:#a7d8c0}.cal-day.cal-lv2{background:#2d6a4f;color:#d8f3e6;font-weight:600}.cal-day.cal-lv3{background:#40916c;color:#fff;font-weight:700}.cal-day.cal-today{border:2px solid var(--phase-color);border-radius:6px}.cal-day[class*=cal-lv].cal-today{border-color:#fff9}.light-theme .cal-day.cal-lv1{background:#d8f3dc;color:#2d6a4f}.light-theme .cal-day.cal-lv2{background:#95d5b2;color:#1b4332}.light-theme .cal-day.cal-lv3{background:#52b788;color:#fff}@media (max-width: 360px){.preset-grid{grid-template-columns:1fr}}@media (max-height: 500px){.timer-container{min-height:auto;gap:16px;padding:12px}.circle-wrapper{width:min(240px,50vh);height:min(240px,50vh)}.header{padding:8px 16px}}@media (min-width: 768px){.circle-wrapper{width:min(420px,60vw);height:min(420px,60vw)}.panel{max-width:480px}}