@keyframes pulse-timer{0%{opacity:1}to{opacity:.6}}.timer-view{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px;margin-bottom:30px}.time-display-container{position:relative;margin:30px 0 40px;width:100%;text-align:center}.time-display{font-size:clamp(3.5rem,15vw,5.5rem);font-weight:300;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-1px;transition:color .3s ease,opacity .2s ease;cursor:pointer;display:block;opacity:1;line-height:1.1}.timer-view.input-active .time-display{display:none;opacity:0}.timer-input-container{display:none;align-items:center;justify-content:center;font-size:clamp(3rem,13vw,4.5rem);font-weight:300;color:var(--color-text-secondary);opacity:0;transition:opacity .2s ease;line-height:1.1;min-height:1.1em}.timer-view.input-active .timer-input-container{display:flex;opacity:1}.timer-input{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.1;text-align:center;width:2.5ch;border:0;background-color:var(--color-input-bg);color:var(--color-text-primary);border-radius:8px;padding:5px 0;margin:0 2px;transition:background-color .3s ease,color .3s ease;-moz-appearance:textfield}.timer-input::-webkit-inner-spin-button,.timer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timer-input:focus{outline:2px solid var(--color-accent);outline-offset:2px;background-color:transparent}.input-separator{margin:0 5px;user-select:none;align-self:center;line-height:.9}.action-buttons{display:flex;justify-content:space-between;width:80%;max-width:450px;margin-bottom:30px;padding:0 10px;gap:20px}.control-button{font-family:inherit;font-size:1rem;font-weight:500;border:0;width:100px;height:60px;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s var(--ease-cubic),transform .1s ease-out,opacity .3s ease,color .2s ease;flex-shrink:0;user-select:none;outline:0}.control-button:active:not(:disabled){transform:scale(.95)}.control-button.start-button{background-color:rgba(48,209,88,.15);color:#28c950}[data-theme=dark] .control-button.start-button{background-color:rgba(48,209,88,.25);color:#28c950}.control-button.pause-button{background-color:rgba(255,159,10,.15);color:#da8400}[data-theme=dark] .control-button.pause-button{background-color:rgba(255,159,10,.25);color:#da8400}.control-button.cancel-reset-button{background-color:var(--color-button-secondary-bg);color:var(--color-text-secondary);transition:background-color .3s ease,color .3s ease,opacity .3s ease}.control-button.cancel-reset-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-button-secondary-bg),black 8%);color:var(--color-text-primary)}.control-button:disabled{opacity:.4;cursor:not-allowed;transform:scale(1);background-color:var(--color-button-secondary-bg)!important;color:var(--color-text-tertiary)!important}.keyboard-shortcuts{width:100%;max-width:450px;margin:20px auto 40px;padding:15px 20px;background-color:var(--color-surface);border-radius:8px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.keyboard-shortcuts dd,.keyboard-shortcuts h3{color:var(--color-text-secondary);transition:color .3s ease}.keyboard-shortcuts h3{font-size:.9rem;font-weight:500;text-align:center;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.keyboard-shortcuts h3 .material-symbols-outlined{font-size:18px;margin-right:6px}.keyboard-shortcuts dl{font-size:.85rem;display:grid;grid-template-columns:auto 1fr;gap:8px 15px}.keyboard-shortcuts code,.keyboard-shortcuts dt{white-space:nowrap;color:var(--color-text-primary)}.keyboard-shortcuts dt{font-weight:500;text-align:right;transition:color .3s ease}.keyboard-shortcuts dd{margin-left:0}.keyboard-shortcuts code{font-family:"SF Mono","Fira Code",Menlo,Monaco,Consolas,"Courier New",monospace;background-color:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:4px;padding:2px 6px;font-size:.8rem;margin:0 2px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.keyboard-shortcuts,.sound-controls,.sound-select{border:1px solid var(--color-border)}.sound-controls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:350px;margin-bottom:25px;padding:10px 15px;background-color:var(--color-surface);border-radius:8px;gap:15px;transition:background-color .3s ease}.sound-select{flex-grow:1;font-family:inherit;font-size:.9rem;border-radius:6px;background-color:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%236e6e73'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding:8px 30px 8px 10px}[data-theme=dark] .sound-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238e8e93'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E")}.sound-select:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.sound-toggle-container{display:flex;align-items:center;cursor:pointer;gap:8px;flex-shrink:0}.sound-toggle-input{position:absolute;opacity:0;width:0;height:0}.sound-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--color-button-secondary-bg);border-radius:12px;transition:background-color .3s ease;flex-shrink:0}.sound-toggle-switch::before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);top:2px;left:2px;transition:transform .3s ease}.sound-toggle-input:checked+.sound-toggle-switch{background-color:var(--color-accent)}.sound-toggle-input:checked+.sound-toggle-switch::before{transform:translateX(20px)}.presets-container{width:100%;max-width:450px;margin-bottom:30px;text-align:center}.presets-container h3{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:12px;transition:color .3s ease}.presets-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.preset-button{font-family:inherit;font-size:.85rem;padding:6px 14px;border-radius:20px;border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .3s ease}.preset-button:hover{background-color:var(--color-button-secondary-bg);color:var(--color-text-primary)}.preset-button:hover,[data-theme=dark] .preset-button:hover{border-color:var(--color-button-secondary-bg)}@media (max-width:600px){.timer-input-container{font-size:clamp(2.5rem,11vw,3.8rem)}.timer-input{width:2.2ch}.control-button{width:100px;height:60px;font-size:.9rem}.sound-controls{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.presets-buttons{gap:8px}.preset-button{padding:5px 12px;font-size:.8rem}}@media (max-width:380px){.time-display{font-size:clamp(2.5rem,15vw,3.5rem)}.timer-input-container{font-size:clamp(2.2rem,10vw,3rem)}.input-separator{margin:0 3px}.control-button{width:80px;height:50px;font-size:.8rem}.presets-buttons{gap:6px}.preset-button{padding:4px 10px;font-size:.75rem}}:fullscreen .main-content>:not(.timer-view):not(.modal-overlay),:fullscreen .seo-content{display:none!important}:fullscreen .timer-view{background-color:transparent!important;justify-content:center;height:100%;max-width:none;width:100%}:fullscreen .time-display-container{margin:0 0 5vh!important}:fullscreen .time-display{color:#fff!important;cursor:default!important}:fullscreen .timer-input-container{color:#8e8e93!important}:fullscreen .timer-input{background-color:#1c1c1e!important;color:#fff!important;width:2.2ch!important}:fullscreen .timer-view.finished .time-display{color:var(--color-accent)!important;animation:pulse-timer 1s infinite alternate}:fullscreen .action-buttons{margin-top:5vh!important;justify-content:center!important;gap:40px!important}:fullscreen .control-button{width:100px!important;height:60px!important;font-size:1.2rem!important}:fullscreen .control-button.start-button{background-color:rgba(48,209,88,.3)!important;color:#28c950!important}:fullscreen .control-button.pause-button{background-color:rgba(255,159,10,.3)!important;color:#da8400!important}:fullscreen .control-button.cancel-reset-button{background-color:#3a3a3c!important;color:#8e8e93!important}:fullscreen .control-button:disabled{background-color:#3a3a3c!important;color:#636366!important;opacity:.5!important}:fullscreen .keyboard-shortcuts,:fullscreen .presets-container,:fullscreen .sound-controls{display:none!important}:fullscreen .modal-overlay{background-color:rgba(0,0,0,.8)!important}:fullscreen .alarm-modal{background-color:#1c1c1e!important;border:1px solid #38383a!important}:fullscreen .alarm-modal h3{color:#fff!important}:fullscreen .modal-button.ok{background-color:var(--color-accent)!important}:fullscreen .modal-close-button{color:#8e8e93!important}