*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;font-size:16px;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1.6;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;min-height:100vh;padding-bottom:70px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ease-cubic:cubic-bezier(0.25, 0.8, 0.25, 1);--color-background:#ffffff;--color-surface:#f9f9f9;--color-surface-secondary:#ffffff;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#86868b;--color-accent:#007aff;--color-accent-contrast:#ffffff;--color-button-secondary-bg:#e5e5ea;--color-border:#d2d2d7;--color-shadow:rgba(0, 0, 0, 0.05);--color-shadow-strong:rgba(0, 0, 0, 0.1);--color-icon-primary:#1d1d1f;--color-icon-secondary:#6e6e73;--color-icon-active:var(--color-accent);--color-input-bg:rgba(180, 180, 180, 0.1);--color-hint-bg:rgba(0, 0, 0, 0.7);--color-hint-text:#ffffff;--color-delete:#ff453a;--color-delete-bg:rgba(255, 69, 58, 0.1);--color-error:#ff453a;--color-negative:#ff453a;--color-overlay-bg:rgba(0, 0, 0, 0.4);--color-modal-bg:#fefefe;--color-progress-track:var(--color-border);--color-progress-fill:var(--color-accent);--color-progress-finished:var(--color-delete);--color-code-bg:#f0f0f0;--color-code-border:#e0e0e0}[data-theme=dark]{--color-background:#000000;--color-surface:#1c1c1e;--color-surface-secondary:#1c1c1e;--color-text-primary:#ffffff;--color-text-secondary:#8e8e93;--color-text-tertiary:#636366;--color-accent:#0a84ff;--color-accent-contrast:#ffffff;--color-button-secondary-bg:#3a3a3c;--color-border:#38383a;--color-shadow:rgba(255, 255, 255, 0.08);--color-shadow-strong:rgba(255, 255, 255, 0.15);--color-icon-primary:#ffffff;--color-icon-secondary:#8e8e93;--color-icon-active:var(--color-accent);--color-input-bg:rgba(90, 90, 90, 0.2);--color-hint-bg:rgba(255, 255, 255, 0.8);--color-hint-text:#1d1d1f;--color-delete:#ff453a;--color-delete-bg:rgba(255, 69, 58, 0.2);--color-error:#ff453a;--color-negative:#ff453a;--color-overlay-bg:rgba(0, 0, 0, 0.6);--color-modal-bg:#2c2c2e;--color-progress-track:var(--color-border);--color-progress-fill:var(--color-accent);--color-progress-finished:var(--color-delete);--color-code-bg:#2c2c2e;--color-code-border:#444}.material-symbols-outlined{font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;font-size:24px;display:inline-flex;vertical-align:bottom;line-height:1;margin-right:8px}:last-child>.material-symbols-outlined{margin-right:0}a>.material-symbols-outlined,button>.material-symbols-outlined{margin-right:6px}a>.material-symbols-outlined:only-child,button>.material-symbols-outlined:only-child{margin-right:0}.footer-nav a .material-symbols-outlined,.header-button .material-symbols-outlined{vertical-align:middle}.header-title .material-symbols-outlined{font-size:22px;vertical-align:middle}.header-button .material-symbols-outlined{margin-right:0;font-size:28px}.footer-nav a .material-symbols-outlined{margin-right:0}.language-selector-container{position:relative;margin-bottom:20px;display:inline-block}.language-selector-button{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:8px 16px;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;font-size:.85rem;font-weight:500;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.language-selector-button:hover,.language-selector-button[aria-expanded=true]{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-input-bg)}.language-selector-button .material-symbols-outlined{margin-right:8px;font-size:20px;vertical-align:middle}.language-selector-button #selected-language-name{line-height:1}.language-dropdown-list{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;background-color:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0-4px 15px var(--color-shadow);padding:8px 0;min-width:180px;max-width:240px;max-height:280px;overflow-y:auto;z-index:20;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;text-align:left}[data-theme=dark] .language-dropdown-list{box-shadow:0-4px 15px var(--color-shadow-strong)}.language-dropdown-list.show{display:block;opacity:1;transform:translate(-50%,0);pointer-events:auto}.language-dropdown-list a{display:flex;align-items:center;padding:9px 16px;text-decoration:none;color:var(--color-text-primary);font-size:.9rem;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.language-dropdown-list a:hover{background-color:rgba(128,128,128,.1)}[data-theme=light] .language-dropdown-list a:hover{background-color:#f0f0f0}[data-theme=dark] .language-dropdown-list a:hover{background-color:rgba(255,255,255,.08)}.language-dropdown-list a.active{color:var(--color-accent);font-weight:600}.language-dropdown-list::-webkit-scrollbar{width:6px}.language-dropdown-list::-webkit-scrollbar-track{background:0 0;margin:4px 0}.language-dropdown-list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.language-dropdown-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}.app-container,.app-header-container{display:flex;flex-direction:column;flex-grow:1;width:100%;margin:0 auto}.app-container{max-width:960px;padding:0 15px}.app-header,.main-content{display:flex;align-items:center}.main-content{padding:20px 0 40px;flex-direction:column;flex-grow:1;width:100%}.app-header{gap:8px;position:sticky;top:0;background-color:var(--color-surface-secondary);z-index:10;height:55px;border-bottom:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease;padding:0 15px}.dropdown-menu a,.footer-nav a,.header-title{align-items:center;color:var(--color-text-primary);white-space:nowrap}.header-title{display:inline-flex;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;margin-right:8px;transition:color .3s ease}.header-title .material-symbols-outlined{color:var(--color-icon-primary);transition:color .3s ease;margin-right:8px}#header-title-text,.header-title{font-size:1.1rem;font-weight:600}.menu-container{position:relative;flex-shrink:0}.header-button{background:0 0;border:0;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--color-icon-secondary);border-radius:50%;transition:background-color .2s ease,color .2s ease;width:40px;height:40px}.header-button:hover{background-color:rgba(128,128,128,.1);color:var(--color-icon-primary)}.format-toggle-button{font-family:inherit;font-size:.8rem;font-weight:500;padding:5px 10px;border-radius:15px;min-width:40px;text-align:center;height:32px;line-height:1;border:1px solid var(--color-border);background-color:var(--color-surface)}.format-toggle-button[hidden]{display:none}.format-toggle-button,.fullscreen-button,.theme-switcher{flex-shrink:0}.dropdown-menu,.footer-nav{position:fixed;background-color:var(--color-surface-secondary)}.dropdown-menu{display:none;border-radius:8px;box-shadow:0 4px 12px var(--color-shadow-strong);padding:8px 0;min-width:240px;z-index:11;overflow:hidden;border:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease,opacity .15s ease,transform .15s ease;opacity:0;transform:translateY(-10px);pointer-events:none;max-height:calc(100vh - 80px);overflow-y:auto}.dropdown-menu.show{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-menu a,.footer-nav a{display:flex;padding:10px 16px;text-decoration:none;font-size:.95rem;transition:background-color .15s ease,color .15s ease}.dropdown-menu a .material-symbols-outlined{font-size:20px;color:var(--color-icon-secondary);margin-right:12px;transition:color .15s ease}.dropdown-menu a:hover{background-color:rgba(128,128,128,.1)}.dropdown-menu a:hover .material-symbols-outlined{color:var(--color-icon-primary)}.dropdown-menu a.active{color:var(--color-accent);font-weight:600}.dropdown-menu a.active .material-symbols-outlined{color:var(--color-accent);font-variation-settings:"FILL"1}.footer-nav{bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;height:70px;border-top:1px solid var(--color-border);box-shadow:0-2px 5px var(--color-shadow);z-index:10;transition:background-color .3s ease,border-color .3s ease}.footer-nav a{flex-direction:column;justify-content:center;flex-grow:1;flex-basis:0;color:var(--color-icon-secondary);padding:6px 4px;font-size:.65rem;line-height:1.3;text-align:center;transition:color .2s ease;overflow:hidden}.footer-nav a .material-symbols-outlined{font-size:26px;margin-bottom:3px;transition:color .2s ease,font-variation-settings .2s ease}.footer-nav a:hover{color:var(--color-text-primary)}[data-theme=dark] .footer-nav a:hover{color:var(--color-text-secondary)}.footer-nav a.active{color:var(--color-icon-active)}.footer-nav a.active .material-symbols-outlined{font-variation-settings:"FILL"1,"wght"400,"GRAD"0,"opsz"24}.seo-content h2,.standard-footer{transition:color .3s ease,border-color .3s ease}.standard-footer{text-align:center;padding:30px 15px 20px;margin-top:auto;border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-tertiary)}.standard-footer p{margin-bottom:12px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.footer-links a,.seo-content{color:var(--color-text-secondary)}.footer-links a{text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-accent);text-decoration:underline}.seo-content{width:100%;max-width:700px;margin:40px auto;padding:25px;background-color:var(--color-surface);border-radius:12px;font-size:.9rem;line-height:1.7;transition:background-color .3s ease,color .3s ease;text-align:left}.seo-content h2{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;padding-bottom:5px;border-bottom:1px solid var(--color-border)}.seo-content h2,.seo-content p{margin-bottom:15px}.seo-content p:last-child{margin-bottom:0}#fullscreen-exit-hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:var(--color-hint-bg);color:var(--color-hint-text);padding:10px 20px;border-radius:20px;font-size:clamp(.7rem,2vw,.9rem);z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;box-shadow:0 2px 8px rgba(0,0,0,.2);white-space:normal;max-width:90vw;text-align:center;word-break:break-word}#fullscreen-exit-hint.show{opacity:1}:fullscreen{background-color:#000!important;color:#fff!important}:fullscreen #fullscreen-button,:fullscreen .app-header,:fullscreen .footer-nav,:fullscreen .keyboard-shortcuts,:fullscreen .seo-content,:fullscreen .standard-footer{display:none!important}:fullscreen #fullscreen-exit-hint.show{display:block!important}:fullscreen .app-container,:fullscreen .app-header-container{padding:0!important;max-width:none!important;height:100%!important}:fullscreen .app-header-container{display:none}.fullscreen-active .app-header-container{padding:0!important;max-width:none!important;height:100%!important;display:none}:fullscreen .main-content{padding:20px!important;flex-grow:1!important;background-color:#000!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;height:100%!important}:fullscreen .clock-offset,:fullscreen .current-state-display,:fullscreen .details,:fullscreen .digital-clock-date,:fullscreen .form-group label,:fullscreen .label,:fullscreen .motivation-label{color:#8e8e93!important}:fullscreen .analog-clock-number,:fullscreen .clock-city,:fullscreen .digital-clock-time,:fullscreen .motivation-value,:fullscreen .time-display,:fullscreen .value{color:#fff!important}.modal-overlay{display:none;position:fixed;inset:0;background-color:var(--color-overlay-bg);z-index:900;justify-content:center;align-items:center;backdrop-filter:blur(3px);padding:15px}.modal-overlay.show{display:flex}.alarm-modal{background-color:var(--color-modal-bg);padding:25px 30px;border-radius:12px;text-align:center;box-shadow:0 5px 20px var(--color-shadow-strong);max-width:90%;width:340px;position:relative;border:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease}.alarm-modal h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:var(--color-text-primary);transition:color .3s ease}.alarm-modal p,.form-group label{color:var(--color-text-secondary);transition:color .3s ease}.alarm-modal p{font-size:1rem;margin-bottom:25px;line-height:1.5}.modal-actions{display:flex;justify-content:center;gap:15px;margin-top:25px}.modal-button{font-family:inherit;font-size:.95rem;font-weight:500;padding:10px 20px;border-radius:8px;border:0;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;flex-grow:1;max-width:150px}.modal-button.confirm,.modal-button.ok{background-color:var(--color-accent);color:var(--color-accent-contrast)}.modal-button.cancel,.modal-button.snooze{background-color:var(--color-button-secondary-bg);color:var(--color-text-primary)}.modal-button:hover{opacity:.85}.modal-close-button{position:absolute;top:10px;right:10px;background:0 0;border:0;padding:8px;cursor:pointer;color:var(--color-icon-secondary);border-radius:50%;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background-color:rgba(128,128,128,.1);color:var(--color-icon-primary)}.modal-close-button .material-symbols-outlined{font-size:22px;margin-right:0}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=search],.form-group input[type=text],.form-group input[type=time],.form-group select{width:100%;font-family:inherit;font-size:.95rem;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-input-bg);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:2px solid var(--color-accent);outline-offset:1px;background-color:transparent;border-color:var(--color-accent)}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content-section{width:100%;max-width:600px;margin-bottom:30px;padding:20px 25px;background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease}.content-section h2{font-size:1rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:15px;text-align:center;transition:color .3s ease}:fullscreen body{padding-bottom:0}@media (max-width:600px){body{padding-bottom:60px}.footer-nav{height:60px}.footer-nav a{font-size:.6rem}.footer-nav a .material-symbols-outlined{font-size:24px}.header-title{max-width:calc(100vw - 180px)}#header-title-text,.header-title{font-size:1rem}.dropdown-menu{min-width:220px}.content-section,.seo-content{padding:15px 20px}:fullscreen body{padding-bottom:0}.footer-nav a .menu-text{display:none}}@media (max-width:420px){.header-title{max-width:calc(100vw - 160px)}.form-group input[type=date],.form-group input[type=number],.form-group input[type=search],.form-group input[type=text],.form-group input[type=time],.form-group select{padding:8px 10px;font-size:.9rem}}@media (max-width:360px){.footer-nav a .material-symbols-outlined{font-size:28px;margin-bottom:0}}
.material-symbols-outlined { text-transform: none !important; }