:root{--bg-body: #0a0a0a;--bg-primary: #1a1a1a;--bg-secondary: #111111;--bg-tertiary: #222222;--bg-card: #151515;--bg-input: #1a1a1a;--bg-button: #222222;--bg-button-hover: #333333;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #666666;--text-placeholder: #555555;--border-color: #333333;--border-light: #252525;--accent-color: #ef4444;--accent-hover: #dc2626;--success-color: #22c55e;--success-hover: #16a34a;--success-light: #4ade80;--warning-color: #f59e0b;--warning-hover: #d97706;--info-color: #3b82f6;--info-hover: #2563eb;--info-light: #60a5fa;--orange-color: #f97316;--purple-color: #8b5cf6;--container-sm: 600px;--container-md: 800px;--container-lg: 900px;--container-xl: 1200px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--text-xs: 0.75rem;--text-sm: 0.85rem;--text-base: 0.95rem;--font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace;--time-xxl: clamp(6rem, 20vw, 16rem);--time-xl: clamp(4rem, 20vw, 16rem);--time-lg: clamp(4rem, 15vw, 8rem);--time-md: clamp(3rem, 12vw, 6rem);--time-sm: clamp(2rem, 8vw, 4rem)}.light-mode{--bg-body: #e8e8e8;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--bg-card: #ffffff;--bg-input: #ffffff;--bg-button: #e0e0e0;--bg-button-hover: #d0d0d0;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #777777;--text-placeholder: #999999;--border-color: #d0d0d0;--border-light: #e0e0e0;--accent-color: #ef4444;--accent-hover: #dc2626;--success-color: #22c55e;--success-hover: #16a34a;--success-light: #4ade80;--warning-color: #f59e0b;--warning-hover: #d97706;--info-color: #3b82f6;--info-hover: #2563eb;--info-light: #60a5fa;--orange-color: #f97316;--purple-color: #8b5cf6}*{margin:0;padding:0;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}html,body{overflow-x:hidden;max-width:100%;width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-body);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.content a,.faq-item a,.timer-info a,.homepage-about a,.legal-content a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}.content a:visited,.faq-item a:visited,.timer-info a:visited,.homepage-about a:visited,.legal-content a:visited{color:var(--accent-color)}.content a:hover,.faq-item a:hover,.timer-info a:hover,.homepage-about a:hover,.legal-content a:hover{color:var(--accent-hover)}h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;text-align:center;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:500;color:var(--text-primary);line-height:1.3;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:.5rem}@media(max-width: 768px){h1{font-size:1.75rem;margin-bottom:.75rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}.time-display,.time{font-family:var(--font-mono);font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:-0.02em;color:var(--text-primary)}.time-xxl{font-size:var(--time-xxl)}.time-xl{font-size:var(--time-xl)}.time-lg{font-size:var(--time-lg)}.time-md{font-size:var(--time-md)}.time-sm{font-size:var(--time-sm)}.time-bold{font-weight:700}.container-sm{max-width:var(--container-sm);margin:0 auto}.container-md{max-width:var(--container-md);margin:0 auto}.container-lg{max-width:var(--container-lg);margin:0 auto}.container-xl{max-width:var(--container-xl);margin:0 auto}.timers-page,.calcs-page,.tools-page,.classroom-page,.countdowns-page,.privacy-page{margin:0 auto;padding:2rem}.timers-page,.calcs-page{max-width:1000px}.tools-page,.classroom-page,.countdowns-page{max-width:1200px}.bingo-container,.groups-container,.picker-container,.tcc-container,.repeat-container,.flip-clock-container,.dly-container,.dpy-container{max-width:var(--container-lg);margin:0 auto;padding:1rem}.dpy-container{max-width:600px}.dly-container{max-width:600px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.card-hover{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--accent-color)}.input,input[type=text],input[type=number],input[type=date],input[type=time],select,textarea{padding:.5rem .75rem;font-size:1rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .15s ease}input[type=text],input[type=number],input[type=date],input[type=time],select{text-align:center}textarea{min-height:150px;line-height:1.5;resize:vertical}.input:focus,input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color)}::placeholder{color:var(--text-placeholder);opacity:1}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--bg-button);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--bg-button-hover)}.btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr)}.grid-auto,.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.grid-auto-sm,.feature-list,.groups-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.grid-auto-lg,.category-cards,.timer-options,.benefits-grid,.challenge-grid,.timer-sections,.category-grid,.tools-grid,.use-case-grid,.countdown-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1rem}.timer-sections,.category-grid,.tools-grid,.timer-options,.benefits-grid,.challenge-grid{margin-bottom:2rem}.use-case-grid,.feature-list{margin:1.5rem 0}@media(max-width: 768px){.grid-2,.grid-3,.grid-4,.timer-sections,.category-cards,.tools-grid,.timer-options,.benefits-grid,.challenge-grid{grid-template-columns:1fr}}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-color)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.badge{display:inline-block;padding:.25rem .75rem;background:var(--accent-color);color:#fff;border-radius:var(--radius-xs);font-size:.8rem;font-weight:600}.stats-row{display:flex;justify-content:center;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.stat-item{text-align:center;flex:1}.stat-value{font-size:1.1rem;font-family:var(--font-mono)}.result-value{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.calc-input{padding:.75rem .5rem;font-size:1.25rem;text-align:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);width:80px}.calc-input:focus{outline:none;border-color:var(--accent-color)}.form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;font-size:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--accent-color)}.p-3{padding:1.5rem}.p-4{padding:2rem 1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.site-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);padding:.75rem 1.5rem;position:relative;z-index:1000;border-bottom:1px solid var(--border-light)}.site-logo{color:var(--text-primary);text-decoration:none;font-size:1.1rem;font-weight:600;letter-spacing:-0.02em}.site-logo:hover{color:var(--accent-color)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0}.hamburger span{display:block;width:24px;height:2px;background:#fff;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;font-size:1.2rem;line-height:1;color:var(--text-secondary);transition:color .2s ease;margin-left:auto;margin-right:1rem}.theme-toggle:hover{color:var(--text-primary)}.theme-icon-light{display:none}.light-mode .theme-icon-dark{display:none}.light-mode .theme-icon-light{display:inline;color:var(--warning-color)}.nav-menu{display:flex;gap:1px;align-items:center;flex-wrap:nowrap}.nav-item{background:var(--bg-tertiary);border:none;color:var(--text-muted);padding:.6rem 1rem;font-size:.8rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.nav-item:hover{color:var(--text-secondary);background:var(--bg-button-hover)}.nav-item.active{color:var(--text-primary);background:var(--bg-tertiary)}.nav-arrow{margin-left:.25rem;font-size:.6rem;transition:transform .2s}.nav-dropdown{position:relative}.nav-dropdown-content{display:none;position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);min-width:160px;z-index:200;flex-direction:column;padding:.25rem;gap:.25rem}.nav-dropdown:hover .nav-dropdown-content{display:flex}.nav-dropdown-content .nav-item{width:100%;text-align:left;padding:.5rem 1rem}@media(max-width: 1400px){.theme-toggle{margin-right:.5rem}.hamburger{display:flex}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:.5rem;gap:.25rem;border-top:1px solid var(--border-color)}.nav-menu.open{display:flex}.nav-item{width:100%;text-align:center;padding:.75rem 1rem}.nav-dropdown{width:100%}.nav-dropdown-toggle{display:none}.nav-dropdown-content{display:flex;position:static;border:none;background:rgba(0,0,0,0);padding:0;min-width:auto}.nav-dropdown-content .nav-item{text-align:center}}.container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-x:hidden}@media(max-width: 600px){.container{padding:1rem;width:100%}.mode{padding:0;width:100%;align-items:center;text-align:center}}.mode{display:none;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow-x:hidden}.mode.active{display:flex}.large-display{display:flex;align-items:center;justify-content:center;flex:1;min-height:50vh}.large-display .time{font-size:var(--time-xl)}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.time-adjust{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}.adjust-btn{background:var(--bg-button);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.5rem .9rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;min-width:3.25rem}.adjust-btn:hover{background:var(--bg-button-hover);color:var(--text-primary)}.adjust-btn:active{transform:translateY(1px)}.adjust-btn.adjust-plus{color:var(--accent-color)}.btn{background:var(--bg-button);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.1em;min-width:120px}.btn:hover:not(:disabled){background:var(--bg-button-hover);border-color:#444}.btn:active:not(:disabled){transform:scale(0.98)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-start,.btn-primary{background:var(--success-color);border-color:var(--success-hover);color:#fff}.btn-start:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--success-hover)}.btn-start.running,.btn-warning,.btn-export{background:var(--warning-color);border-color:var(--warning-hover);color:#fff}.btn-start.running:hover:not(:disabled),.btn-warning:hover:not(:disabled),.btn-export:hover:not(:disabled){background:var(--warning-hover)}.btn-stop,.btn-danger{background:var(--accent-color);border-color:var(--accent-hover);color:#fff}.btn-stop:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:var(--accent-hover)}.btn-lap,.btn-add,.btn-info{background:var(--info-color);border-color:var(--info-hover);color:#fff}.btn-lap:hover:not(:disabled),.btn-add:hover:not(:disabled),.btn-info:hover:not(:disabled){background:var(--info-hover)}.btn-reset,.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-reset:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--bg-button-hover)}.btn-sm{padding:.5rem 1rem;font-size:.9rem;min-width:auto;text-transform:none;letter-spacing:normal}.lap-list{margin-top:3rem;width:100%;max-width:400px;max-height:300px;overflow-y:auto}.lap-item{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #222;font-family:var(--font-mono)}.lap-item:last-child{background:var(--bg-primary)}.lap-number{color:var(--text-muted)}.race-results{max-height:none;overflow-y:visible}.race-result{gap:1rem}.race-gap{color:var(--accent-color);font-weight:600}.race-winner .lap-number{color:var(--success-color);font-weight:600}.lap-list::-webkit-scrollbar{width:6px}.lap-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.lap-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.lap-list::-webkit-scrollbar-thumb:hover{background:#444}.multi-controls{display:flex;gap:1rem;margin-bottom:2rem}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;font-size:.875rem;color:var(--text-muted);transition:color .15s}.toggle-label:hover{color:#999}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--success-light);cursor:pointer}.toggle-label input[type=checkbox]:checked+span{color:var(--text-primary)}.timer-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem;width:100%;max-width:1400px;padding:.5rem}.timer-card{background:var(--bg-card);border:1px solid var(--border-light);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.timer-header,.setting-group,.tcc-rate-section{display:flex;align-items:center;gap:.5rem}.timer-name{flex:1;background:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;padding:.25rem 0;outline:none}.timer-name:focus{border-color:#555}.timer-remove{background:rgba(0,0,0,0);border:none;color:#444;cursor:pointer;font-size:1.25rem;padding:.25rem;line-height:1;transition:color .15s}.timer-remove:hover{color:var(--text-secondary)}.timer-time{font-size:2rem;font-weight:200;font-variant-numeric:tabular-nums;font-family:var(--font-mono);text-align:center;padding:.5rem 0}.timer-controls{display:flex;gap:.5rem}.timer-controls .btn{flex:1;padding:.625rem .5rem;font-size:var(--text-xs);min-width:auto}.timer-laps{max-height:120px;overflow-y:auto;margin-top:.5rem}.timer-lap-item{display:flex;justify-content:space-between;padding:.375rem .5rem;font-size:var(--text-xs);font-family:var(--font-mono);border-bottom:1px solid #1a1a1a}.timer-lap-item:first-child{background:var(--bg-primary)}.timer-lap-number{color:#555}.timer-lap-time{color:var(--text-secondary)}.timer-grid::-webkit-scrollbar,.timer-laps::-webkit-scrollbar{width:4px}.timer-grid::-webkit-scrollbar-track,.timer-laps::-webkit-scrollbar-track{background:var(--bg-secondary)}.timer-grid::-webkit-scrollbar-thumb,.timer-laps::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.timer-grid::-webkit-scrollbar-thumb:hover,.timer-laps::-webkit-scrollbar-thumb:hover{background:#444}.embedded-timer{text-align:center;margin-bottom:2rem}.embedded-timer .large-display{min-height:auto;padding:2rem 0}.embedded-timer .large-display .time{font-size:clamp(3rem,15vw,8rem)}.embedded-timer .controls{margin-top:1rem}.presets,.related-timers-grid,.popular-tools-grid{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.preset-btn{background:var(--bg-button);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.preset-btn:hover{color:var(--text-secondary);background:var(--bg-button-hover)}.related-timers-grid a,.popular-tools-grid a{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s ease}.related-timers-grid a:hover,.popular-tools-grid a:hover{background:var(--accent-color);color:#fff}.preset-btn.active{color:#fff;background:var(--accent-color);border-color:var(--accent-color)}.preset-custom{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;font-size:.875rem;width:80px;text-align:center;outline:none;border-radius:var(--radius-sm)}.preset-custom:focus{border-color:#555}.preset-custom::-webkit-outer-spin-button,.preset-custom::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.timer-status{margin-top:1rem;font-size:.875rem;color:var(--text-muted);min-height:1.5rem;text-align:center}.task-list-container{margin-top:2rem;width:100%;max-width:400px}.task-input-row{display:flex;gap:.5rem;margin-bottom:1rem}.task-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem;outline:none}.task-input:focus{border-color:#555}.btn-add-task{padding:.75rem 1.25rem;min-width:auto}.task-list{list-style:none}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #222;cursor:pointer;transition:background .15s}.task-item:hover{background:var(--bg-primary)}.task-checkbox{width:18px;height:18px;border:2px solid #444;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.task-item.completed .task-checkbox{background:var(--success-light);border-color:var(--success-light)}.task-checkbox::after{content:"";width:5px;height:9px;border:solid #0a0a0a;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;margin-bottom:2px}.task-item.completed .task-checkbox::after{opacity:1}.task-text{flex:1;font-size:.875rem;transition:all .15s}.task-item.completed .task-text{text-decoration:line-through;color:#555}.task-remove{background:rgba(0,0,0,0);border:none;color:#333;cursor:pointer;font-size:1rem;padding:.25rem;line-height:1;transition:color .15s;opacity:0}.task-item:hover .task-remove{opacity:1}.task-remove:hover{color:var(--text-secondary)}.task-clear-all{display:block;text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:.75rem;text-decoration:none;transition:color .2s ease}.task-clear-all:hover{color:var(--accent-color)}.color-picker{width:40px;height:40px;border:none;border-radius:var(--radius-xs);cursor:pointer;background:none;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:2px solid #333;border-radius:var(--radius-xs)}.color-picker::-moz-color-swatch{border:2px solid #333;border-radius:var(--radius-xs)}.proportional-toggle{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.proportional-toggle:hover{border-color:#555;color:var(--text-primary)}.proportional-toggle input{accent-color:var(--accent-color);width:16px;height:16px;cursor:pointer}.proportional-toggle:has(input:checked){border-color:var(--accent-color);color:var(--text-primary)}.image-upload-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.image-upload-btn:hover{background:#2a2a2a;color:var(--text-primary);border-color:#444}.image-upload-btn.has-image{background:#1a3a1a;border-color:#2a5a2a;color:var(--success-light)}.time-display{margin-bottom:1rem;text-align:center}.time-display-overlay{z-index:10;position:relative}.time.finished{color:var(--accent-color);animation:pulse 1s ease-in-out infinite}.visual-display{position:relative;display:flex;align-items:center;justify-content:center;width:min(80vw,400px);height:min(80vw,400px);margin:0 auto}.visual-ring{width:100%;height:100%;cursor:pointer;touch-action:none}.visual-ring-bg{fill:var(--bg-tertiary);stroke:none}.visual-ring-progress{fill:var(--accent-color);stroke:none;transform-origin:center;transition:none}.visual-ring-tick{stroke:var(--text-muted);stroke-width:2;opacity:.5}.visual-ring-tick.major{stroke:var(--text-secondary);stroke-width:3;opacity:.7}.visual-ring-number{fill:var(--text-secondary);font-size:10px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.picker-row{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.picker-btn{border-radius:50%;cursor:pointer;transition:all .2s ease}.picker-btn:hover{transform:scale(1.15)}.picker-btn.active{border-color:var(--accent-color)}.picker-btn-emoji{width:44px;height:44px;border:2px solid var(--border-color);background:var(--bg-primary);font-size:1.5rem}.picker-btn-emoji.active{background:var(--bg-tertiary)}.picker-btn-color{width:32px;height:32px;border:3px solid rgba(0,0,0,0)}.picker-btn-color.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-body)}.visual-center-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:4rem;line-height:1;pointer-events:none}.salary-input{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.salary-currency{font-size:1.5rem;color:var(--text-muted)}.salary-period-label{color:var(--text-secondary);font-size:1.25rem;padding-left:.5rem}.salary-display{display:flex;align-items:center;justify-content:center;flex:1;min-height:30vh}.salary-rate{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem;min-height:1.5rem}@media(max-width: 600px){.timer-grid{display:flex;flex-direction:column;gap:0;padding:0;overflow-x:hidden;width:100%;max-width:100%}.timer-card{flex-direction:row;align-items:center;gap:.5rem;padding:.75rem .5rem;border:none;border-bottom:1px solid #222;max-width:100%;overflow:hidden;box-sizing:border-box}.timer-header{flex:0 0 auto;width:70px;min-width:0}.timer-name{font-size:var(--text-xs);border-bottom:none}.timer-remove{display:none}.timer-time{flex:1;font-size:1.25rem;padding:0;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis}.timer-controls{flex:0 0 auto;gap:.25rem}.timer-controls .btn{padding:.4rem .5rem;font-size:.625rem}.timer-laps{display:none}.multi-controls{flex-wrap:wrap;padding:0 .5rem}.multi-controls .btn{padding:.625rem 1rem;font-size:var(--text-xs)}}.timer-info{max-width:800px;margin:2rem auto;padding:1.5rem 2rem;background:var(--card-bg);border-radius:var(--radius-lg);line-height:1.7}.timer-info ul{color:var(--text-secondary);margin:.5rem 0 1rem 1.5rem}.timer-info li{margin-bottom:.5rem}.related-timers{max-width:900px;margin:3rem auto 0;padding:2rem;text-align:center}.content{margin-top:3rem;padding:2rem;max-width:900px;margin-left:auto;margin-right:auto;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:left}.content h2{margin:2rem 0 1rem 0}.content h2:first-child{margin-top:0}.content h3{margin:1.5rem 0 .75rem 0}.content p{margin-bottom:1rem}.content ul,.content ol{font-size:.9rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1rem;padding-left:1.5rem}.content li{margin-bottom:.5rem}.content table{width:100%;max-width:400px;margin:1rem auto;border-collapse:collapse}.content th,.content td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.content th{color:var(--text-primary)}.content td:last-child,.content th:last-child{text-align:right}.content strong{color:var(--text-secondary)}.content kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;padding:.125rem .5rem;font-family:inherit;font-size:.8rem;color:var(--text-secondary)}.pomodoro-cycle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:1.5rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.cycle-item{padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap}.cycle-item.work{background:var(--accent-color);color:#fff}.cycle-item.break{background:var(--success-color);color:#fff}.cycle-item.long-break{background:var(--info-color);color:#fff}.cycle-arrow{color:var(--text-muted);font-size:1.25rem}.liquid-container{position:relative;width:min(100%,600px,100vw - 2rem);height:50vh;min-height:300px;max-height:500px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg, #0c1929 0%, #1a365d 100%);box-shadow:inset 0 0 60px rgba(0,0,0,.3),0 4px 30px rgba(0,0,0,.3);border:1px solid rgba(59,130,246,.2)}#liquid-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;display:block}.liquid-bubbles{display:none}.sand-container{position:relative;width:min(100%,400px,100vw - 2rem);height:55vh;min-height:350px;max-height:500px;overflow:hidden}#sand-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#sand-mode .controls{z-index:10;position:relative;margin-top:1rem}@media(max-width: 600px){.sand-container{height:45vh;min-height:280px}}.bomb-container{position:relative;width:min(100%,500px,100vw - 2rem);height:55vh;min-height:360px;max-height:520px;overflow:visible}#bomb-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#bomb-mode .controls{z-index:10;position:relative;margin-top:1rem}#bomb-mode.shaking #bomb-canvas{animation:bombShake .12s linear infinite}@keyframes bombShake{0%{transform:translate(0, 0)}25%{transform:translate(-2px, 1px)}50%{transform:translate(2px, -1px)}75%{transform:translate(-1px, 2px)}100%{transform:translate(0, 0)}}@media(max-width: 600px){.bomb-container{height:50vh;min-height:300px}}.rainbow-display{position:relative;display:flex;align-items:center;justify-content:center;width:min(85vw,420px);height:min(85vw,420px);padding:20px}#rainbow-canvas{width:100%;height:100%;cursor:pointer;touch-action:none}@media(max-width: 600px){.rainbow-display{width:min(90vw,360px);height:min(90vw,360px);padding:15px}}.pixel-container{position:relative;width:min(100%,400px,100vw - 2rem);height:min(100%,400px,100vw - 2rem);aspect-ratio:1;overflow:hidden}#pixel-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#pixel-mode .controls{z-index:10;position:relative;margin-top:1rem}@media(max-width: 600px){.pixel-container{width:min(90vw,320px);height:min(90vw,320px)}}#liquid-mode .controls{z-index:10;position:relative}@media(max-width: 600px){.liquid-container{height:40vh;min-height:250px;border-radius:var(--radius-lg)}}.repeat-container{max-width:500px;padding:2rem 1.5rem;text-align:center}.repeat-display,.duration-row,.wpm-control{margin-bottom:1rem}#repeat-time.flash{animation:flash .3s ease}@keyframes flash{0%,100%{opacity:1}50%{opacity:.3}}.repeat-progress-container{margin-bottom:1.5rem}.repeat-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-xs);overflow:hidden}.repeat-progress-fill{height:100%;background:var(--accent-color);border-radius:var(--radius-xs);transition:width .3s ease;width:100%}.repeat-cycle-info{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.repeat-cycle-count{font-weight:600;color:var(--text-primary)}.repeat-controls,.contraction-controls,.presentation-controls,.meditation-controls,.flip-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.flip-controls{margin-bottom:1.5rem}.repeat-settings{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.repeat-setting{display:flex;flex-direction:column;gap:.5rem}.repeat-setting label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.time-input-group{display:flex;align-items:center;gap:.25rem}.time-input-group input,.decimal-field input,.oth-field input{padding:.75rem .5rem;font-size:1.25rem;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);box-sizing:border-box}.time-input-group input{width:80px;background:var(--bg-input);border-radius:var(--radius-xs)}.decimal-field input{width:100px;padding:1rem .75rem;font-size:1.5rem;border-width:2px}.oth-field input{width:70px}.time-input-group .time-separator{color:var(--text-secondary);font-weight:bold}.repeat-setting select{padding:.5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-size:1rem}.repeat-content{max-width:900px;margin:0 auto;padding:0 1.5rem}#progress-mode .time.finished{color:var(--success-color)}.progress-percent-display{margin-bottom:1.5rem}.progress-percent-display .percent{font-size:clamp(2rem,8vw,3rem);font-weight:bold;color:var(--info-color)}.progress-bar-container{width:min(100%,500px);height:40px;background:var(--bg-primary);border-radius:20px;overflow:hidden;border:2px solid #333;margin:0 auto 1.5rem}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg, #3b82f6 0%, #60a5fa 50%, #93c5fd 100%);border-radius:18px;transition:width .1s ease-out;box-shadow:0 0 20px rgba(59,130,246,.5)}#progress-mode .controls{margin-top:1rem}@media(max-width: 600px){.progress-bar-container{width:90%;height:30px}.progress-percent-display .percent{font-size:clamp(1.5rem,6vw,2rem)}}.ios-app-section{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-top:3rem;overflow:hidden;max-width:900px;margin-left:auto;margin-right:auto}.ios-app-content{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}@media(max-width: 600px){.ios-app-content{flex-direction:column;text-align:center}}.ios-app-icon{width:120px;height:120px;border-radius:24px;flex-shrink:0;overflow:hidden}.ios-app-icon img{width:100%;height:100%;object-fit:cover}.ios-app-details{flex:1}.ios-app-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ios-app-feature{padding:.25rem .75rem;background:#333;border-radius:var(--radius-xs);font-size:.8rem;color:var(--text-secondary)}.app-store-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--text-primary);color:var(--bg-body);border-radius:var(--radius-md);text-decoration:none;font-weight:bold;transition:all .2s ease}.app-store-btn:hover{opacity:.9;transform:translateY(-2px)}.app-screenshots{margin-top:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem 0;display:flex;gap:1rem;padding-bottom:.5rem}.app-screenshots-inner{display:flex;gap:1rem;padding-bottom:.5rem}.app-screenshot,.app-screenshots>img{flex-shrink:0;width:auto;height:320px;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.3);background:var(--bg-tertiary)}@media(max-width: 600px){.app-screenshots{overflow-x:visible;padding:0;flex-direction:column;align-items:center}.app-screenshots-inner{flex-direction:column;align-items:center;gap:1rem}.app-screenshot,.app-screenshots>img{width:100%;max-width:280px;height:auto}}.popular-tools{padding:2rem 1.5rem;max-width:900px;margin:0 auto}.homepage-about{max-width:900px;margin:2rem auto;padding:2rem;background:var(--card-bg);border-radius:var(--radius-lg);line-height:1.7}.homepage-features{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin:1.5rem 0}.homepage-feature p{margin:0}.homepage-feature a{color:var(--accent-color);text-decoration:none}.homepage-feature a:hover{text-decoration:underline}@media(max-width: 600px){.homepage-features{grid-template-columns:1fr}.homepage-about{margin:1rem;padding:1.5rem}}.static-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.legal-content .last-updated{color:var(--text-muted);font-style:italic;margin-bottom:2rem}.faq-section{margin-bottom:2.5rem}.faq-section h2{padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.faq-item{margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--card-bg);border-radius:var(--radius-md)}.faq-item p{margin:0 0 .75rem}.faq-item p:last-child{margin-bottom:0}.faq-item ol,.faq-item ul{margin:.5rem 0 .75rem 1.25rem;color:var(--text-secondary)}.faq-item li{margin-bottom:.25rem}.faq-item a{color:var(--accent-color);text-decoration:none}.faq-item a:hover{text-decoration:underline}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1.5rem}.sitemap-section{background:var(--card-bg);border-radius:var(--radius-md);padding:1.25rem}.sitemap-section h2{padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.sitemap-section ul{list-style:none;margin:0;padding:0}.sitemap-section li{margin-bottom:.35rem}.sitemap-section a{color:var(--text-secondary);text-decoration:none;font-size:.9rem}.sitemap-section a:hover{color:var(--accent-color)}.error-page{text-align:center;padding:3rem 1.5rem}.error-content h1{font-size:6rem;color:var(--accent-color);margin:0;line-height:1}.error-message{font-size:1.5rem;color:var(--text-primary);margin:.5rem 0 1rem}.error-content>p{margin-bottom:2rem}.error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.error-actions .btn-primary,.error-actions .btn-secondary{padding:.75rem 1.5rem;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all .2s}.error-actions .btn-primary{background:var(--accent-color);color:#fff}.error-actions .btn-primary:hover{background:var(--accent-hover)}.error-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.error-actions .btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.error-tools{margin-top:3rem;text-align:center}.error-tools-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;max-width:800px;margin:0 auto}.error-tool-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.error-tool-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.error-tool-icon{font-size:2rem;margin-bottom:.5rem}.error-tool-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.error-tool-desc{font-size:.75rem;color:var(--text-muted);text-align:center}@media(max-width: 768px){.error-tools-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.static-page{padding:1.5rem 1rem}.static-page h1{font-size:1.6rem}.error-content h1{font-size:4rem}.error-actions{flex-direction:column}.sitemap-grid{grid-template-columns:1fr}.error-tools-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}.error-tool-card{padding:1rem .75rem}.error-tool-icon{font-size:1.75rem}}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:3rem 1.5rem 2rem;margin-top:3rem;overflow-x:hidden}.footer-content{max-width:1200px;margin:0 auto;overflow-x:hidden}.footer-columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:2rem;margin-bottom:2rem}.footer-column h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-weight:600}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .15s}.footer-column a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid var(--border-light);padding-top:1.5rem;text-align:center;color:var(--text-muted);font-size:var(--text-xs)}.browse-all-link{display:inline-block;color:var(--accent-color);text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border:1px solid var(--accent-color);border-radius:var(--radius-xs);margin-bottom:1rem;transition:all .2s ease}.browse-all-link:hover{background:var(--accent-color);color:var(--text-primary)}.footer-contact{margin-top:1rem}.contact-btn{background:rgba(0,0,0,0);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1.25rem;border-radius:var(--radius-xs);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.contact-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.footer-links{margin-top:1rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--text-primary)}.footer-credit{margin-top:.5rem;color:#444;font-size:.7rem}.footer-credit a{color:#555;text-decoration:none}.footer-credit a:hover{color:var(--accent-color)}.contact-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2000;align-items:center;justify-content:center}.contact-modal.open{display:flex}.contact-modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;width:90%;max-width:400px;position:relative}.contact-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.contact-modal-close:hover{color:var(--text-primary)}.contact-form label{display:block;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:1rem}.contact-form input{display:block;width:100%;margin-top:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:inherit}.contact-form input:focus{outline:none;border-color:var(--accent-color)}.contact-form textarea{margin-top:.5rem;min-height:100px}.contact-submit{width:100%;padding:.75rem;background:var(--accent-color);color:var(--text-primary);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.contact-submit:hover{background:var(--accent-hover)}@media(max-width: 600px){.footer-columns{grid-template-columns:repeat(2, 1fr);gap:1.5rem}.site-footer{padding:2rem 1rem 1.5rem}}body.fullscreen-active{overflow:hidden;position:fixed;width:100%;height:100%}.fullscreen-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s;border-radius:var(--radius-xs);margin-top:1rem}.fullscreen-btn:hover{background:var(--bg-button-hover);color:var(--text-primary)}.mode.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-body);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:0}.mode.fullscreen .visual-display{width:min(65vh,80vw);height:min(65vh,80vw)}.mode.fullscreen .liquid-container,.mode.fullscreen .rainbow-display,.mode.fullscreen .pixel-container{transform:none;max-width:90vw;max-height:60vh}.mode.fullscreen .liquid-container{width:90vw;height:50vh}.mode.fullscreen .rainbow-display{width:min(80vw,80vh);height:min(80vw,80vh)}.mode.fullscreen .pixel-container{width:min(80vw,80vh);height:min(80vw,80vh)}@media(min-width: 500px){.mode.fullscreen .liquid-container{width:min(100%,600px);height:50vh}.mode.fullscreen .rainbow-display,.mode.fullscreen .pixel-container{width:min(50vh,70vw);height:min(50vh,70vw)}}.mode.fullscreen h1,.mode.fullscreen .content,.mode.fullscreen .controls,.mode.fullscreen .presets,.mode.fullscreen .task-list-container{display:none}#visual-mode.fullscreen,#rainbow-mode.fullscreen,#pixel-mode.fullscreen{justify-content:flex-start;padding-top:5vh}#visual-mode.fullscreen .time-display,#rainbow-mode.fullscreen .time-display,#pixel-mode.fullscreen .time-display{order:-1;margin-bottom:1.5rem;z-index:20}#visual-mode.fullscreen .visual-display{width:min(65vh,80vw);height:min(65vh,80vw);flex-shrink:0}#rainbow-mode.fullscreen .rainbow-display,#pixel-mode.fullscreen .pixel-container{flex-shrink:0}#liquid-mode.fullscreen{justify-content:flex-start;padding-top:5vh}#liquid-mode.fullscreen .time-display{position:static;margin-bottom:3vh}#liquid-mode.fullscreen .time-display .time{font-size:clamp(3rem,8vw,5rem)}#liquid-mode.fullscreen .liquid-container{flex-shrink:0;margin-bottom:3vh;width:min(90vw,800px);height:55vh;max-height:none;transform:none}#liquid-mode.fullscreen .fullscreen-btn{margin-top:auto;margin-bottom:3vh}#egg-mode .time.finished{color:var(--orange-color)}.egg-container{position:relative;width:min(100%,280px,100vw - 2rem);height:auto;margin:0 auto 1.5rem}.egg-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, 0.3))}.egg-shell{fill:var(--bg-tertiary);stroke:var(--border-color);stroke-width:3}.egg-fill{fill:var(--warning-color);transition:y .1s ease-out,height .1s ease-out}@media(max-width: 600px){.egg-container{width:min(100%,220px)}}#tea-mode .time.finished{color:var(--success-color)}.tea-temp{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:1rem;letter-spacing:.05em}.tea-container{position:relative;width:min(100%,280px,100vw - 2rem);height:auto;margin:0 auto 1.5rem}.tea-svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, 0.3))}.tea-cup{fill:var(--bg-tertiary);stroke:var(--border-color);stroke-width:2.5}.tea-rim{fill:var(--bg-button);stroke:var(--border-color);stroke-width:2}.tea-handle{fill:none;stroke:var(--border-color);stroke-width:5;stroke-linecap:round}.tea-saucer{fill:var(--bg-tertiary);stroke:var(--border-color);stroke-width:2}.tea-fill{fill:#8b6914;transition:y .1s ease-out,height .1s ease-out}.tea-steam{opacity:0;transition:opacity 1s ease}.tea-steam.active{opacity:1}.steam-wisp{fill:none;stroke:hsla(0,0%,100%,.12);stroke-width:1.5;stroke-linecap:round;opacity:0}.light-mode .steam-wisp{stroke:rgba(0,0,0,.06)}.steam-1{animation:steam1 3.5s ease-in-out 0s infinite}.steam-2{animation:steam2 4s ease-in-out .7s infinite}.steam-3{animation:steam3 3.8s ease-in-out 1.4s infinite}.steam-4{animation:steam4 4.2s ease-in-out .3s infinite}.steam-5{animation:steam5 3.6s ease-in-out 2s infinite}@keyframes steam1{0%{opacity:0;transform:translateY(0) translateX(0)}15%{opacity:.4}50%{opacity:.2;transform:translateY(-12px) translateX(-3px)}100%{opacity:0;transform:translateY(-25px) translateX(-5px)}}@keyframes steam2{0%{opacity:0;transform:translateY(0) translateX(0)}15%{opacity:.35}50%{opacity:.15;transform:translateY(-14px) translateX(2px)}100%{opacity:0;transform:translateY(-28px) translateX(4px)}}@keyframes steam3{0%{opacity:0;transform:translateY(0) translateX(0)}15%{opacity:.3}50%{opacity:.2;transform:translateY(-11px) translateX(3px)}100%{opacity:0;transform:translateY(-24px) translateX(5px)}}@keyframes steam4{0%{opacity:0;transform:translateY(0) translateX(0)}15%{opacity:.25}50%{opacity:.1;transform:translateY(-13px) translateX(-2px)}100%{opacity:0;transform:translateY(-26px) translateX(-3px)}}@keyframes steam5{0%{opacity:0;transform:translateY(0) translateX(0)}15%{opacity:.3}50%{opacity:.15;transform:translateY(-12px) translateX(2px)}100%{opacity:0;transform:translateY(-22px) translateX(3px)}}@media(max-width: 600px){.tea-container{width:min(100%,220px)}}.category-card.tea{border-top-color:#8b6914}#radial-mode .time.finished{color:var(--accent-color)}.radial-container{position:relative;width:min(100%,320px,100vw - 2rem);height:auto;margin:0 auto 1.5rem}.radial-svg{width:100%;height:auto;display:block}.radial-ring{fill:none;stroke-linecap:round;transition:opacity .5s ease}.radial-ring.fading{opacity:0}.radial-ring-bg{fill:none;stroke:var(--bg-tertiary)}@media(max-width: 600px){.radial-container{width:min(100%,240px)}}.category-card.radial{border-top-color:#8b5cf6}#heart-mode .time.finished{color:var(--accent-color)}.heart-container{position:relative;width:min(100%,260px,100vw - 2rem);height:auto;margin:0 auto 1.5rem}.heart-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, 0.3))}.heart-outline{fill:var(--bg-tertiary);stroke:var(--border-color);stroke-width:2.5}.heart-fill{fill:var(--accent-color);transition:y .1s ease-out,height .1s ease-out}@media(max-width: 600px){.heart-container{width:min(100%,220px)}}.category-card.heart{border-top-color:var(--accent-color)}#brushing-mode .time.finished{color:var(--success-color)}.brushing-quadrant-label{text-align:center;font-size:var(--text-base);color:var(--text-secondary);margin-bottom:1rem;min-height:1.4em;font-weight:500;transition:color .3s ease}.brushing-quadrant-label.active-zone{color:var(--text-primary);font-weight:600}.brushing-container{position:relative;width:min(100%,260px,100vw - 2rem);height:auto;margin:0 auto 1rem}.brushing-svg{width:100%;height:auto;display:block}.brushing-quadrant rect{fill:var(--bg-tertiary);stroke:var(--border-color);stroke-width:2;transition:fill .4s ease,stroke .4s ease}.brushing-quadrant.active rect{fill:var(--info-color);fill-opacity:.35;stroke:var(--info-color)}.brushing-quadrant.done rect{fill:var(--success-color);fill-opacity:.2;stroke:var(--success-color);stroke-opacity:.5}.brushing-zone-label{fill:var(--text-muted);font-size:13px;text-anchor:middle;pointer-events:none;transition:fill .4s ease}.brushing-quadrant.active .brushing-zone-label{fill:var(--info-color)}.brushing-quadrant.done .brushing-zone-label{fill:var(--success-color);opacity:.6}.brushing-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.brushing-progress-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-tertiary);border:1.5px solid var(--border-color);transition:all .3s ease}.brushing-progress-dot.active{background:var(--info-color);border-color:var(--info-color);box-shadow:0 0 6px rgba(59,130,246,.4)}.brushing-progress-dot.done{background:var(--success-color);border-color:var(--success-color)}@media(max-width: 600px){.brushing-container{width:min(100%,220px)}}.category-card.brushing{border-top-color:var(--info-color)}.breathing-cycles{margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.breathing-cycles input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;width:60px;text-align:center;font-size:1rem;margin-left:.5rem}.breathing-cycles input:focus{border-color:#555;outline:none}.breathing-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(80vw,350px);height:min(80vw,350px)}.breathing-circle{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);display:flex;align-items:center;justify-content:center;transition:transform .3s ease-out;box-shadow:0 0 60px rgba(59,130,246,.3);transform:scale(0.6)}.breathing-inner-circle{width:60%;height:60%;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%)}#breathing-prompt{position:absolute;bottom:20px;font-size:1.5rem;font-weight:300;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.breathing-counter{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:3rem;font-weight:200;color:hsla(0,0%,100%,.9);font-family:var(--font-mono);text-shadow:0 2px 10px rgba(0,0,0,.5)}.breathing-info{margin-top:1.5rem;text-align:center;color:var(--text-muted);font-size:.875rem}#breathing-cycle-info{color:var(--text-secondary)}#breathing-mode .controls{margin-top:1.5rem}@media(max-width: 600px){.breathing-container{width:min(85vw,300px);height:min(85vw,300px)}.breathing-circle{width:160px;height:160px}#breathing-prompt{font-size:1.25rem;bottom:10px}.breathing-counter{font-size:2.5rem}}.mode.fullscreen .breathing-container{width:min(80vw,80vh);height:min(80vw,80vh)}.mode.fullscreen .breathing-circle{width:250px;height:250px}.mode.fullscreen .breathing-presets,.mode.fullscreen .breathing-cycles,.mode.fullscreen .breathing-info{display:none}@media(min-width: 500px){.mode.fullscreen .breathing-circle{width:300px;height:300px}}@media(min-width: 800px){.mode.fullscreen .breathing-circle{width:400px;height:400px}}.contraction-current{text-align:center;margin-bottom:2rem}.contraction-timer-display{margin-bottom:.5rem}.contraction-status{font-size:1.1rem;color:var(--text-secondary);transition:color .3s}.contraction-status.active{color:#f472b6;font-weight:500}.contraction-status .wait-time{font-family:var(--font-mono);color:var(--text-muted);font-size:.9rem}.btn-contraction-start{background:var(--success-color);border-color:var(--success-hover);color:#fff;min-width:180px;font-size:1.1rem;padding:1.25rem 2rem}.btn-contraction-start:hover:not(:disabled){background:var(--success-hover)}.btn-contraction-start.active{background:var(--warning-color);border-color:var(--warning-hover);animation:pulse 1s ease-in-out infinite}.btn-contraction-stop{background:var(--accent-color);border-color:var(--accent-hover);color:#fff;min-width:180px;font-size:1.1rem;padding:1.25rem 2rem}.btn-contraction-stop:hover:not(:disabled){background:var(--accent-hover)}.contraction-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(110px, 1fr));gap:1rem;max-width:600px;margin:0 auto 2rem}.stat-label{display:block;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{display:block;font-size:1.5rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.contraction-history-container{max-width:500px;margin:0 auto 2rem}.contraction-history{max-height:250px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.contraction-history .no-contractions{padding:2rem;text-align:center;color:#555}.contraction-item{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #222;font-size:.875rem;align-items:center}.contraction-item:last-child{border-bottom:none}.contraction-num{color:var(--text-muted);font-weight:600}.contraction-time-stamp{color:var(--text-secondary)}.contraction-dur{color:#f472b6}.contraction-freq{color:var(--info-light)}.contraction-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.contraction-alert{max-width:500px;margin:0 auto}@media(max-width: 600px){.contraction-controls{flex-direction:column;align-items:center}.btn-contraction-start,.btn-contraction-stop{width:100%;max-width:280px}.contraction-stats{grid-template-columns:repeat(2, 1fr);gap:.5rem;padding:0 .5rem}.stat-value{font-size:1.25rem}.contraction-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.25rem .5rem}.contraction-dur,.contraction-freq{font-size:.8rem}}#presentation-mode.active{flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:100%}.presentation-display{margin:2rem 0}#presentation-time.warning{color:var(--accent-color)}.presentation-settings{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.presentation-setting{display:flex;flex-direction:column;align-items:center;gap:.5rem}.presentation-setting label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.time-input-group{display:flex;align-items:center;gap:.25rem}.presentation-mode .time-input-group input{background:var(--bg-tertiary)}.time-input-group input:focus{outline:none;border-color:var(--accent-color)}.time-separator{color:var(--text-muted);font-size:1.25rem;font-weight:bold}@media(max-width: 600px){#presentation-time{font-size:clamp(4rem,18vw,8rem)}.presentation-settings{flex-direction:column;gap:1rem}.presentation-controls{flex-direction:column;width:100%;max-width:280px}.presentation-controls .btn{width:100%}}#meditation-mode.active{flex-direction:column;align-items:center;padding:2rem}.meditation-visual{margin:2rem 0}.lotus-flower{position:relative;width:200px;height:200px}.lotus-petal{position:absolute;width:60px;height:100px;background:linear-gradient(135deg, #f8b4d9 0%, #ec4899 50%, #db2777 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;left:50%;bottom:50%;transform-origin:center bottom;opacity:.9;animation:petalSway 4s ease-in-out infinite}.lotus-petal.petal-1{transform:translateX(-50%) rotate(0deg);animation-delay:0s}.lotus-petal.petal-2{transform:translateX(-50%) rotate(45deg);animation-delay:.5s}.lotus-petal.petal-3{transform:translateX(-50%) rotate(90deg);animation-delay:1s}.lotus-petal.petal-4{transform:translateX(-50%) rotate(135deg);animation-delay:1.5s}.lotus-petal.petal-5{transform:translateX(-50%) rotate(180deg);animation-delay:2s}.lotus-petal.petal-6{transform:translateX(-50%) rotate(225deg);animation-delay:2.5s}.lotus-petal.petal-7{transform:translateX(-50%) rotate(270deg);animation-delay:3s}.lotus-petal.petal-8{transform:translateX(-50%) rotate(315deg);animation-delay:3.5s}@keyframes petalSway{0%,100%{transform:translateX(-50%) rotate(var(--rotation, 0deg)) scale(1)}50%{transform:translateX(-50%) rotate(var(--rotation, 0deg)) scale(1.05)}}@keyframes petalFall{0%{opacity:.9;transform:translateX(-50%) rotate(var(--rotation, 0deg)) scale(1)}100%{opacity:0;transform:translateX(calc(-50% + var(--fall-x, 30px))) rotate(calc(var(--rotation, 0deg) + var(--fall-rotate, 90deg))) translateY(150px) scale(0.5)}}.lotus-petal.fallen{animation:petalFall 1.5s ease-in forwards}.lotus-petal.petal-1.fallen{--fall-x: -40px;--fall-rotate: -45deg}.lotus-petal.petal-2.fallen{--fall-x: 30px;--fall-rotate: 60deg}.lotus-petal.petal-3.fallen{--fall-x: 50px;--fall-rotate: -30deg}.lotus-petal.petal-4.fallen{--fall-x: 35px;--fall-rotate: 75deg}.lotus-petal.petal-5.fallen{--fall-x: -25px;--fall-rotate: -60deg}.lotus-petal.petal-6.fallen{--fall-x: -45px;--fall-rotate: 45deg}.lotus-petal.petal-7.fallen{--fall-x: -35px;--fall-rotate: -80deg}.lotus-petal.petal-8.fallen{--fall-x: 40px;--fall-rotate: 50deg}.lotus-petal.petal-1{--rotation: 0deg}.lotus-petal.petal-2{--rotation: 45deg}.lotus-petal.petal-3{--rotation: 90deg}.lotus-petal.petal-4{--rotation: 135deg}.lotus-petal.petal-5{--rotation: 180deg}.lotus-petal.petal-6{--rotation: 225deg}.lotus-petal.petal-7{--rotation: 270deg}.lotus-petal.petal-8{--rotation: 315deg}.lotus-center{position:absolute;width:50px;height:50px;background:radial-gradient(circle, #fcd34d 0%, #f59e0b 100%);border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:0 0 20px rgba(245,158,11,.5)}.meditation-display{margin:1rem 0 2rem}#meditation-time{font-size:clamp(3rem,12vw,5rem);font-weight:300;color:var(--text-primary)}.meditation-settings{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;width:100%}.meditation-setting{text-align:center}.meditation-setting label{display:block;color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem}.light-mode .lotus-petal{background:linear-gradient(135deg, #fbcfe8 0%, #f472b6 50%, #ec4899 100%)}@media(max-width: 600px){.lotus-flower{width:150px;height:150px}.lotus-petal{width:45px;height:75px}.lotus-center{width:40px;height:40px}.meditation-controls{flex-direction:column;width:100%;max-width:280px}.meditation-controls .btn{width:100%}}#countdown-date-mode.active{flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:100%}.countdown-date-display{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap}.countdown-unit{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary);border-radius:var(--radius-lg);min-width:100px}.countdown-unit .time{line-height:1}.countdown-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.countdown-separator{font-size:clamp(2rem,8vw,4rem);font-weight:700;color:#444;padding:0 .25rem}.countdown-date-info{text-align:center;margin-top:1rem}.countdown-finished .time{color:var(--success-color)}.countdown-finished #countdown-summary{color:var(--success-color);font-size:1.5rem}@media(max-width: 600px){.countdown-date-display{gap:.25rem}.countdown-unit{padding:.75rem 1rem;min-width:70px}.countdown-separator{padding:0}.countdown-label{font-size:.7rem}}.birthday-input-section{margin-bottom:1.5rem}.birthday-form{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center}.birthday-input{padding:.75rem 1rem;font-size:1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);min-width:200px}.birthday-input:focus{outline:none;border-color:var(--accent-color)}.birthday-save-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.birthday-save-btn:hover{background:var(--accent-hover)}.birthday-clear-btn{padding:.75rem 1.5rem;font-size:1rem;background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.birthday-clear-btn:hover{background:var(--bg-button-hover)}.birthday-info{margin-top:1.5rem;text-align:center}.birthday-message{font-size:1.5rem;font-weight:600;color:var(--accent-color);padding:1rem;background:rgba(239,68,68,.1);border-radius:var(--radius-md)}.next-birthday{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem}.turning-age{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.zodiac-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary)}.zodiac-sign{font-size:1.5rem}.zodiac-name{font-size:1rem}.no-birthday-set{color:var(--text-muted);font-size:1.1rem;padding:2rem}@media(max-width: 480px){.birthday-form{flex-direction:column}.birthday-input{width:100%}}.countdown-section{margin-bottom:3rem}.countdown-card .icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.countdown-card p{margin:0}@media(max-width: 768px){.countdowns-page{padding:1rem}}.days-until-input{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.days-until-input label{color:var(--text-secondary);font-size:.9rem}.days-until-input input[type=date]{padding:.75rem 1rem;font-size:1.1rem;border:2px solid #333;border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.days-until-input input[type=date]:focus{outline:none;border-color:var(--accent-color)}.days-until-direction{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.days-until-direction.future{color:var(--success-color)}.days-until-direction.past{color:var(--orange-color)}.days-until-info{text-align:center;color:var(--text-muted);font-size:.9rem;margin-top:1.5rem}.chess-setup{display:flex;justify-content:center;align-items:center;padding:2rem}.chess-setup-form{text-align:center;max-width:400px;width:100%}.chess-time-inputs{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.chess-time-input{display:flex;flex-direction:column;gap:.5rem}.chess-time-input input{width:100px;padding:.75rem;font-size:1.25rem;text-align:center;background:var(--bg-primary);border:2px solid #333;border-radius:var(--radius-md);color:var(--text-primary)}.chess-time-input input:focus{outline:none;border-color:var(--accent-color)}.chess-game{display:none;flex-direction:column;height:calc(100vh - 60px);min-height:400px;position:fixed;top:60px;left:0;right:0;bottom:0;z-index:100;background:var(--bg-body)}.chess-game.active{display:flex}.chess-setup.hidden{display:none}.chess-player{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;user-select:none;position:relative}.chess-player-top{background:var(--bg-primary)}.chess-player-bottom{background:var(--bg-primary)}@media(orientation: landscape){.chess-game{flex-direction:row}.chess-controls{flex-direction:column;padding:.5rem}}.chess-player.active{background:var(--bg-secondary)}.chess-player.active .time{color:var(--accent-color)}.chess-player.low-time .time{color:var(--accent-color)}.chess-player.flagged{background:var(--bg-tertiary)}.chess-player.flagged .time{color:var(--text-muted)}.chess-player .time{line-height:1}@media(orientation: landscape){.chess-player .time{font-size:clamp(3rem,15vh,10rem)}}.chess-moves{font-size:1rem;color:var(--text-muted);margin-top:.5rem}.chess-controls{display:flex;justify-content:center;gap:1rem;padding:.5rem;background:var(--bg-body);z-index:10}.chess-control-btn{width:50px;height:50px;border-radius:50%;background:var(--bg-primary);border:2px solid #333;color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chess-control-btn:hover{border-color:var(--accent-color);background:var(--bg-tertiary)}@media(max-width: 600px){.chess-time-inputs{flex-direction:column;align-items:center}.chess-time-input input{width:120px}.chess-control-btn{width:44px;height:44px;font-size:1.1rem}}body:has(.chess-game.active) .site-header{display:none}body:has(.chess-game.active) .chess-game{top:0;height:100vh}.time-converter{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;max-width:600px;margin:0 auto 2rem}.converter-field{display:flex;flex-direction:column;gap:.5rem}.converter-field label,.d2t-field label,.oth-field label,.decimal-field span{color:var(--text-secondary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}@media(max-width: 500px){.time-converter{grid-template-columns:repeat(2, 1fr)}}.converter-result{text-align:center;color:var(--text-secondary);font-size:1rem;line-height:1.8;max-width:500px;margin:0 auto}.converter-result strong{color:var(--text-primary)}.d2t-calculator{max-width:600px;margin:0 auto}.d2t-input-row{display:flex;gap:1rem;margin-bottom:1.5rem}.d2t-field{flex:1;display:flex;flex-direction:column;gap:.5rem}.d2t-field input,.d2t-field select{width:100%;font-size:1.25rem}.d2t-result{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color)}.d2t-result-main{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.d2t-result-time{margin-bottom:.5rem}.d2t-result-words{color:var(--text-secondary);font-size:1rem}.d2t-result-breakdown{display:grid;gap:.5rem}.d2t-breakdown-row{display:flex;justify-content:space-between;padding:.5rem 0}.d2t-breakdown-label{color:var(--text-secondary)}.d2t-breakdown-value,.oth-summary-value{font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}@media(max-width: 500px){.d2t-input-row{flex-direction:column}.d2t-result-time{font-size:2rem}}.light-mode .hamburger span{background:var(--text-primary)}.light-mode .nav-dropdown-content{box-shadow:0 4px 12px rgba(0,0,0,.1)}.light-mode .content h2{color:var(--info-hover)}.timers-page{overflow-x:hidden}.timers-page.wide{max-width:1200px}.timers-page.narrow{max-width:800px}.feature-card,.use-case-card,.use-case{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.feature-card{text-align:center}.feature-card h3,.use-case-card h4,.use-case h4,.benefit-card h4,.challenge-card h4{margin-bottom:.5rem;font-size:1rem}.use-case-card h4,.use-case h4{color:var(--accent-color)}.feature-card p,.use-case-card p,.use-case p{margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin-bottom:2rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-xs);font-size:.8rem;color:var(--text-muted)}.ios-app-feature{padding:.25rem .75rem;background:var(--bg-button);border-radius:var(--radius-xs);font-size:.8rem;color:var(--text-secondary)}.app-screenshots{margin-top:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem 0}.app-screenshots-inner{display:flex;gap:1rem;padding-bottom:.5rem}.app-screenshot{flex-shrink:0;width:auto;height:320px;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.3);background:var(--bg-tertiary)}.timer-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.timer-link{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:all .2s ease;margin-bottom:.75rem}.timer-link:hover{background:var(--bg-primary);border-color:var(--info-color);transform:translateX(4px)}.timer-grid .timer-link{margin-bottom:0}.timer-link .duration{font-weight:bold}.timer-link .type{font-size:var(--text-sm);color:var(--text-secondary)}.popular-times{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem}.popular-time{display:inline-block;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .15s ease}.popular-time:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.timer-groups{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.timer-group .timer-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:.75rem}.timer-group .timer-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.timer-group .timer-link .duration{font-size:1.5rem;font-weight:600}.timer-group .timer-link .unit{font-size:.8rem;color:var(--text-secondary)}.feature-list{list-style:none;padding:0}.feature-list li{background:var(--bg-primary);padding:1rem;border-radius:var(--radius-md);border-left:3px solid var(--info-color);color:var(--text-secondary)}.feature-list li strong{color:var(--text-primary)}.bingo-container{max-width:800px}.bingo-display{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem}.previous-ball{text-align:center;opacity:.6}.ball{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;box-shadow:inset 0 -8px 20px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2)}.ball.empty{background:var(--bg-tertiary);color:var(--text-muted)}.ball .letter{font-size:1.25rem;opacity:.8}.ball .number{font-size:2rem}.current-ball .ball{width:140px;height:140px}.current-ball .ball .letter{font-size:1.5rem}.current-ball .ball .number{font-size:3rem}.ball.B{background:linear-gradient(145deg, #3b82f6, #1d4ed8);color:#fff}.ball.I{background:linear-gradient(145deg, #ef4444, #dc2626);color:#fff}.ball.N{background:linear-gradient(145deg, #f5f5f5, #d4d4d4);color:#333}.ball.G{background:linear-gradient(145deg, #22c55e, #16a34a);color:#fff}.ball.O{background:linear-gradient(145deg, #f97316, #ea580c);color:#fff}.bingo-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;color:var(--text-secondary)}.bingo-stat{font-size:1rem}.bingo-stat span{font-weight:700;color:var(--text-primary)}.bingo-board{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-top:2rem;margin-bottom:1.5rem}.board-row{display:flex;margin-bottom:.5rem}.board-row:last-child{margin-bottom:0}.board-header-cell{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;border-radius:var(--radius-xs);flex-shrink:0;margin-right:.5rem;color:#fff}.board-header-cell.B{background:var(--info-color)}.board-header-cell.I{background:var(--accent-color)}.board-header-cell.N{background:#6b7280}.board-header-cell.G{background:var(--success-color)}.board-header-cell.O{background:var(--orange-color)}.board-cells{display:flex;gap:.25rem;flex:1}.board-cell{flex:1;min-width:32px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:500;background:var(--bg-secondary);border-radius:var(--radius-xs);color:var(--text-secondary);transition:all .3s ease}.board-cell.called{color:#fff;transform:scale(1.05)}.board-cell.called.B{background:var(--info-color)}.board-cell.called.I{background:var(--accent-color)}.board-cell.called.N{background:#6b7280}.board-cell.called.G{background:var(--success-color)}.board-cell.called.O{background:var(--orange-color)}.board-cell.just-called{animation:popIn .5s ease}@media(max-width: 600px){.bingo-board{display:flex;flex-direction:row;gap:.25rem;padding:.5rem;overflow-x:auto}.board-row{display:flex;flex-direction:column;flex:1;min-width:0;margin-bottom:0}.board-header-cell{width:100%;height:28px;margin-right:0;margin-bottom:.25rem;font-size:.9rem}.board-cells{display:flex;flex-direction:column;gap:.2rem}.board-cell{min-width:unset;height:24px;font-size:.75rem}}.history-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 1rem;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.history-panel.open{max-height:300px;padding:1rem;overflow-y:auto}.history-title{font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem}.history-list{display:flex;flex-wrap:wrap;gap:.5rem}.history-empty{color:var(--text-muted);font-style:italic}.history-item{padding:.25rem .5rem;border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:600;color:#fff}.history-item.B{background:var(--info-color)}.history-item.I{background:var(--accent-color)}.history-item.N{background:#6b7280}.history-item.G{background:var(--success-color)}.history-item.O{background:var(--orange-color)}@keyframes popIn{0%{transform:scale(0.8);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.flip-clock-container.fullscreen{position:fixed;inset:0;background:var(--bg-body);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.flip-clock-container.fullscreen .flip-clock-mode-toggle,.flip-clock-container.fullscreen .flip-presets,.flip-clock-container.fullscreen .flip-controls,.flip-clock-container.fullscreen .flip-toolbar-btn:not(#flip-fullscreen-toggle){display:none}.flip-clock-container.fullscreen .flip-clock{transform:scale(1.8);margin-bottom:3rem}.flip-clock-container.fullscreen .flip-toolbar{position:absolute;bottom:2rem}.flip-clock-container.fullscreen #flip-fullscreen-toggle{font-size:1rem;padding:.75rem 1.5rem}body.flip-fullscreen-active{overflow:hidden}.flip-clock-mode-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.flip-clock-mode-toggle .mode-btn{padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.flip-clock-mode-toggle .mode-btn:hover{background:var(--bg-button-hover)}.flip-clock-mode-toggle .mode-btn.active{background:var(--accent-color);color:#fff}.flip-clock{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem}.flip-group{display:flex;gap:.25rem}.flip-card{width:80px;height:120px;position:relative;perspective:400px}.flip-card-inner{position:relative;width:100%;height:100%}.flip-card-face{position:absolute;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.flip-card-face-top{top:0;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);border-radius:8px 8px 0 0;border:1px solid var(--border-color);border-bottom:none;align-items:flex-end;padding-bottom:0}.flip-card-face-bottom{bottom:0;background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);border-radius:0 0 8px 8px;border:1px solid var(--border-color);border-top:1px solid var(--border-light);align-items:flex-start;padding-top:0}.flip-card-number{font-size:5rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.flip-card-face-top .flip-card-number{transform:translateY(50%)}.flip-card-face-bottom .flip-card-number{transform:translateY(-50%)}.flip-card-top-flip{position:absolute;top:0;width:100%;height:50%;overflow:hidden;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);border-radius:8px 8px 0 0;border:1px solid var(--border-color);border-bottom:none;display:flex;align-items:flex-end;justify-content:center;transform-origin:bottom;z-index:2}.flip-card-top-flip .flip-card-number{transform:translateY(50%)}.flip-card-bottom-flip{position:absolute;bottom:0;width:100%;height:50%;overflow:hidden;background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);border-radius:0 0 8px 8px;border:1px solid var(--border-color);border-top:1px solid var(--border-light);display:flex;align-items:flex-start;justify-content:center;transform-origin:top;transform:rotateX(90deg);z-index:1}.flip-card-bottom-flip .flip-card-number{transform:translateY(-50%)}.flip-card.flipping .flip-card-top-flip{animation:flipTop .3s ease-in forwards}.flip-card.flipping .flip-card-bottom-flip{animation:flipBottom .3s ease-out .15s forwards}@keyframes flipTop{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}.flip-separator{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 .25rem}.flip-separator-dot{width:12px;height:12px;background:var(--text-muted);border-radius:50%}.flip-toolbar{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.flip-toolbar-btn{padding:.5rem 1rem;font-size:var(--text-sm);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.flip-toolbar-btn:hover{background:var(--bg-button-hover)}.flip-toolbar-btn.active{background:var(--bg-button);color:var(--text-primary)}@media(max-width: 600px){.flip-card{width:50px;height:75px}.flip-card-number{font-size:3rem}.flip-separator-dot{width:8px;height:8px}.flip-separator{gap:8px}.flip-clock-container.fullscreen{padding:1rem;overflow:hidden}.flip-clock-container.fullscreen .flip-clock{transform:scale(1);max-width:100%}.ball{width:70px;height:70px}.ball .letter{font-size:1rem}.ball .number{font-size:1.5rem}.current-ball .ball{width:100px;height:100px}.current-ball .ball .letter{font-size:1.25rem}.current-ball .ball .number{font-size:2.25rem}}.groups-input-section{margin-bottom:1.5rem}.settings-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1rem}.setting-group label{color:var(--text-secondary);font-size:.9rem;margin:0}.mode-toggle{display:flex;gap:.25rem;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:.25rem}.mode-toggle button{padding:.5rem 1rem;font-size:var(--text-sm);font-weight:500;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mode-toggle button.active{background:var(--accent-color);color:#fff}.mode-toggle button:hover:not(.active){background:var(--bg-tertiary)}.setting-input{width:80px;padding:.5rem;font-size:1rem;text-align:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.setting-input:focus{outline:none;border-color:var(--accent-color)}.stats-bar{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.stats-bar span{font-weight:600;color:var(--text-primary)}#reveal-controls{display:none;align-items:center}#reveal-controls.visible{display:flex}.reveal-progress{color:var(--text-secondary);font-size:.9rem;margin-left:1rem}.groups-results{display:none}.groups-results.visible{display:block;margin-top:2rem}.groups-grid.shuffle-animation .group-card{animation:shuffleIn .5s ease}@keyframes shuffleIn{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}.group-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.group-header{padding:.75rem 1rem;background:var(--accent-color);color:#fff;font-weight:600;font-size:1rem}.group-members{padding:.75rem 1rem}.group-member{padding:.5rem 0;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.group-member:last-child{border-bottom:none}.group-member.hidden-name{filter:blur(8px);user-select:none}.group-member.revealed{animation:revealName .3s ease}@keyframes revealName{0%{transform:scale(1.1);background:rgba(34,197,94,.2)}100%{transform:scale(1);background:rgba(0,0,0,0)}}.member-number{color:var(--text-muted);margin-right:.5rem}.picker-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}@media(max-width: 768px){.picker-layout{grid-template-columns:1fr}}.picker-input-section,.tcc-main{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.picker-input-section textarea{min-height:200px;width:100%}.name-count{margin-top:.75rem;color:var(--text-secondary);font-size:.9rem}.name-count span{font-weight:600;color:var(--text-primary)}.wheel-section{display:flex;flex-direction:column;align-items:center}.wheel-container{position:relative;width:100%;max-width:400px;margin-bottom:1.5rem}.wheel-container canvas{display:block;width:100%;height:auto}.wheel-empty-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--text-muted);font-size:1rem;background:var(--bg-secondary);border-radius:50%}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.9);color:#fff;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.5rem;font-weight:700;display:none;z-index:10;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.3)}.winner-display{text-align:center;margin-bottom:1.5rem}.winner-name{font-size:2rem;font-weight:700;color:var(--text-primary);transition:transform .3s ease}.winner-name.celebrating{animation:celebrate .5s ease}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.2);color:var(--success-color)}100%{transform:scale(1)}}.picker-controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.duration-calculators{display:flex;flex-direction:column;gap:2rem;max-width:700px;margin:0 auto}.duration-calc,.decimal-calc,.elapsed-calc,.oth-calc,.add-calc,.elapsed-result{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.add-calc{padding:1rem;margin-bottom:1.5rem}.elapsed-result{text-align:center}.duration-row label{display:block;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.duration-inputs,.elapsed-time-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.time-inputs-wrapper.disabled{display:none}.duration-field,.elapsed-field{display:flex;flex-direction:column;align-items:center}.duration-field input:focus,.decimal-field input:focus,.oth-field input:focus,.oth-currency input:focus,.add-row input:focus,.tcc-rate-input:focus,.tcc-table input:focus,.converter-input-row input:focus{outline:none;border-color:var(--accent-color)}.duration-field input[type=date]{width:150px}.duration-field span{font-size:var(--text-xs);color:var(--text-muted);margin-top:.25rem}.duration-separator,.decimal-separator,.elapsed-separator,.oth-separator{font-size:1.5rem;color:var(--text-muted)}.duration-separator,.decimal-separator{margin:0 .25rem}.decimal-separator{font-size:2rem}.oth-separator{margin-top:1rem}.ampm-select{padding:.75rem;font-size:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.ampm-select:focus{outline:none;border-color:var(--accent-color)}.now-btn{padding:.75rem 1rem;font-size:.9rem;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.now-btn:hover{background:var(--bg-button-hover)}.duration-result,.decimal-result{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center}.duration-result{margin-top:1.5rem}.duration-result-detail{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.decimal-calculator{max-width:700px;margin:0 auto}.decimal-inputs{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.decimal-field{display:flex;flex-direction:column;align-items:center}.decimal-result-row{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem}.decimal-result-row strong{font-size:1.5rem;color:var(--text-primary);font-family:var(--font-mono)}.decimal-result-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.decimal-time-formatted{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.decimal-time-words{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.avg-calculator,.add-calculator,.elapsed-calculator{max-width:600px;margin:0 auto}.avg-header,.add-header{display:grid;grid-template-columns:40px 1fr 1fr 1fr 1fr 40px;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-color);margin-bottom:.5rem;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;text-align:center}.avg-row,.add-row{display:grid;grid-template-columns:40px 1fr 1fr 1fr 1fr 40px;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.avg-row:last-child,.add-row:last-child{border-bottom:none}.avg-row-num,.add-row-num{color:var(--text-muted);font-size:.9rem;text-align:center}.avg-row input,.add-row input{width:100%;padding:.5rem;font-size:1rem;text-align:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-family:var(--font-mono)}.avg-row input:focus,.add-row input:focus{border-color:var(--accent-color);outline:none}.avg-remove-btn,.add-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);font-size:1.25rem;transition:all .2s ease}.avg-remove-btn:hover,.add-remove-btn:hover{background:var(--accent-color);color:#fff}.avg-actions,.add-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.elapsed-result-label,.previous-label,.winner-label,.dly-stat-label,.dpy-stat-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.elapsed-result-main,.d2t-result-time,.result-time,.converter-result-time{font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.d2t-result-time{font-size:2.5rem}.result-time{font-size:3.5rem}.converter-result-time{font-size:1.5rem}.elapsed-result-detail{font-size:.9rem;color:var(--text-secondary)}.dly-stat,.dpy-stat{text-align:center}.elapsed-calc{margin-bottom:1.5rem}.elapsed-section{margin-bottom:1.5rem}.elapsed-section:last-child{margin-bottom:0}.elapsed-label{display:block;font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.elapsed-field span{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.elapsed-ampm{padding:.75rem;font-size:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.elapsed-now-btn{padding:.75rem 1rem;font-size:.9rem;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.elapsed-now-btn:hover{background:var(--bg-button-hover)}.elapsed-end-toggle{display:flex;gap:.5rem;margin-bottom:.75rem}.elapsed-now-display{display:none;font-size:1.5rem;font-family:var(--font-mono);color:var(--text-primary);padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center}.elapsed-now-display.active{display:block}.elapsed-end-inputs{display:none}.elapsed-end-inputs.active{display:flex}.elapsed-result-main{font-size:3rem}.elapsed-result-negative{font-size:var(--text-sm);color:var(--accent-color);margin-top:.5rem}.dly-main,.dpy-main{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px solid var(--border-color)}.dly-number,.dpy-number{font-size:5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.dly-label,.dpy-label{font-size:1.25rem;color:var(--text-secondary);margin-bottom:.5rem}.dly-date,.dpy-date{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem}.dly-stats,.dpy-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.dly-stat-value,.dpy-stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.dly-grid-container,.dpy-grid-container{margin-top:1.5rem}.dly-grid-label,.dpy-grid-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.75rem}.dly-grid,.dpy-grid{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-bottom:1rem}.year-pixel{width:8px;height:8px;border-radius:2px;background:var(--bg-tertiary)}.year-pixel.active{background:var(--accent-color)}.dly-grid-legend,.dpy-grid-legend{display:flex;justify-content:center;gap:1.5rem;font-size:.8rem;color:var(--text-muted)}.dly-legend-item,.dpy-legend-item{display:flex;align-items:center;gap:.5rem}.dly-legend-box,.dpy-legend-box{width:12px;height:12px;border-radius:2px;background:var(--bg-tertiary)}.dly-legend-box.remaining,.dpy-legend-box.passed{background:var(--accent-color)}@media(max-width: 500px){.dly-number,.dpy-number{font-size:3.5rem}.dly-stats,.dpy-stats{gap:1rem}.dly-pixel{width:6px;height:6px}.dpy-pixel{width:6px;height:6px}}.oth-calculator{max-width:500px;margin:0 auto}.oth-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width: 500px){.oth-inputs-grid{grid-template-columns:1fr}}.oth-input-section{text-align:center}.oth-section-title{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.oth-time-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.oth-field{display:flex;flex-direction:column;align-items:center}#oth-rate{width:90px}.oth-currency{display:flex;align-items:center;justify-content:center;gap:.25rem}.oth-currency-symbol{font-size:1.25rem;color:var(--text-secondary)}.oth-currency input{width:100px;padding:.75rem;font-size:1.25rem;text-align:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono)}.oth-results{border-top:1px solid var(--border-color);padding-top:1rem}.oth-result-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--radius-sm);margin-bottom:.5rem}.oth-result-row.highlight{background:var(--bg-secondary)}.oth-result-label{display:flex;align-items:center;gap:.75rem}.oth-result-multiplier{font-size:1rem;font-weight:700;color:var(--accent-color);min-width:40px}.oth-result-name{font-size:.9rem;color:var(--text-secondary)}.oth-result-values{display:flex;gap:1.5rem;text-align:right}.oth-result-time{font-size:1rem;color:var(--text-secondary);font-family:var(--font-mono)}.oth-result-pay{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);min-width:80px}.oth-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media(max-width: 480px){.oth-results-grid{grid-template-columns:1fr}}.oth-results-grid .oth-result-row{flex-direction:column;align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.oth-results-grid .oth-result-row.highlight{border-color:var(--accent-color);background:rgba(239,68,68,.1)}.oth-results-grid .oth-result-label{margin-bottom:.5rem}.oth-results-grid .oth-result-values{width:100%;justify-content:flex-end}.oth-results-grid .oth-result-time{color:var(--accent-color);font-size:1.25rem;font-weight:600}.oth-summary{border-top:1px solid var(--border-color);padding-top:1rem}.oth-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.oth-summary-label{color:var(--text-secondary);font-size:.9rem}.tcc-container{max-width:800px}.tcc-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.tcc-rate-label{font-size:.9rem;color:var(--text-secondary)}.tcc-rate-input{width:80px;padding:.5rem;font-size:1rem;text-align:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono)}.tcc-actions{display:flex;gap:.5rem}.tcc-btn{padding:.5rem 1rem;font-size:var(--text-sm);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.tcc-btn:hover{background:var(--bg-button-hover)}.tcc-table{width:100%;border-collapse:collapse;font-size:.9rem}.tcc-table th{text-align:left;padding:.75rem .5rem;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.tcc-table td{padding:.5rem;border-bottom:1px solid var(--border-light)}.tcc-table input[type=time],.tcc-table input[type=number]{width:100%;padding:.5rem;font-size:.9rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary)}.tcc-table .hours-cell,.tcc-table .pay-cell{font-family:var(--font-mono);color:var(--text-secondary)}.tcc-totals{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.tcc-totals-grid{display:grid;gap:1rem}.zulu-chart{overflow-x:auto}.zulu-chart table{width:100%;border-collapse:collapse;min-width:500px}.zulu-chart th,.zulu-chart td{padding:.75rem .5rem;text-align:center;border-bottom:1px solid var(--border-color)}.zulu-chart th{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;background:var(--bg-secondary);position:sticky;top:0}.zulu-chart td{color:var(--text-primary);font-size:.9rem}.zulu-chart td:first-child{font-weight:700;font-family:var(--font-mono)}.zulu-chart td:nth-child(3),.zulu-chart td:last-child{font-family:var(--font-mono)}.zulu-chart tr:hover td{background:var(--bg-secondary)}.zulu-chart tr.current-zone td{background:var(--accent-color);color:#fff}@media(max-width: 600px){.zulu-chart table{min-width:400px;font-size:.8rem}.zulu-chart th,.zulu-chart td{padding:.5rem .25rem}}.converter-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.converter-field{display:flex;flex-direction:column;align-items:center}.converter-arrow{font-size:1.5rem;color:var(--text-muted)}.stats-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-top:1rem}@media(max-width: 500px){.stats-row{grid-template-columns:repeat(2, 1fr)}}.stat-box,.converter-box{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.wpm-label{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.wpm-value{font-weight:600;color:var(--text-primary)}.wpm-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-xs);outline:none}.wpm-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent-color);border-radius:50%;cursor:pointer}.wpm-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent-color);border-radius:50%;cursor:pointer;border:none}.result-display{text-align:center}.result-label{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.result-range{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.result-range-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.result-range-values{font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.over-time{color:var(--accent-color)}.practice-status{text-align:center;font-size:.9rem;margin-bottom:1rem;min-height:1.5rem}.practice-status.on-pace{color:var(--success-color)}.practice-status.behind{color:var(--warning-color)}.practice-status.over{color:var(--accent-color)}.converter-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media(max-width: 600px){.converter-grid{grid-template-columns:1fr}}.converter-input-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.converter-input-row select{padding:.75rem;font-size:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.converter-result{padding-top:.75rem;border-top:1px solid var(--border-color)}.converter-result-spoken{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;margin-top:.25rem}.category-card,.tool-card,.countdown-card{display:block;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;transition:all .2s ease}.category-card{border-top:4px solid var(--accent-color)}.countdown-card{text-align:center}.category-card:hover,.tool-card:hover,.countdown-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.tool-card:hover,.countdown-card:hover{border-color:var(--accent-color)}.category-card.visual{border-top-color:var(--accent-color)}.category-card.sensory{border-top-color:var(--purple-color)}.category-card.pomodoro{border-top-color:var(--success-color)}.category-card.tools{border-top-color:var(--info-color)}.category-card.egg{border-top-color:var(--orange-color)}.category-card.breathing{border-top-color:#06b6d4}.category-card.meditation{border-top-color:#a855f7}.category-card.contraction{border-top-color:#ec4899}.category-card.conversion{border-top-color:var(--info-color)}.category-card.math{border-top-color:var(--success-color)}.category-card.work{border-top-color:var(--orange-color)}.category-card.date{border-top-color:var(--purple-color)}.category-card.fitness{border-top-color:#ef4444}.category-card.countdowns{border-top-color:#f59e0b}.category-card.games{border-top-color:#8b5cf6}.category-card.kids{border-top-color:#10b981}.quick-links{display:flex;flex-wrap:wrap;gap:.5rem}.quick-link{font-size:var(--text-xs);padding:.25rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-xs);color:var(--text-muted)}.popular-section,.all-calcs-section{margin-top:2rem}.popular-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:1rem}.popular-link,.calc-link{display:block;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;text-decoration:none;transition:all .2s ease}.popular-link{text-align:center}.popular-link:hover,.calc-link:hover{border-color:var(--accent-color);background:var(--bg-secondary)}.popular-link .duration{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.popular-link .type{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.all-calcs-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1rem}.calc-link .name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.calc-link .desc{font-size:.8rem;color:var(--text-muted)}@media(max-width: 768px){.timers-page{padding:1rem}.ios-app-content{flex-direction:column;text-align:center}}.quick-start{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.classroom-page .timer-section{margin-bottom:3rem}.category-cards{gap:1.5rem}.category-cards .category-card.rainbow{border-top-color:var(--purple-color)}.category-cards .category-card.sensory{border-top-color:#06b6d4}.category-cards .category-card.tools{border-top-color:var(--info-color)}@media(max-width: 768px){.classroom-page{padding:1rem}.quick-start{gap:.5rem}.classroom-page .content{padding:1.5rem}}.timer-category{margin-bottom:2.5rem}.timer-category h2 a{color:var(--text-primary);text-decoration:none}.timer-category h2 a:hover{color:var(--accent-color)}.tool-card .features{display:flex;flex-wrap:wrap;gap:.5rem}.tool-card .feature{background:var(--bg-tertiary);color:var(--text-muted);padding:.25rem .75rem;border-radius:999px;font-size:.8rem}@media(max-width: 768px){.timers-page .content{padding:1.5rem}}.tools-page .tool-card .tool-icon{font-size:2.5rem;margin-bottom:.75rem}.tools-page .tool-card .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tools-page .tool-card .tag{background:var(--bg-tertiary);color:var(--text-muted);padding:.25rem .5rem;border-radius:var(--radius-xs);font-size:var(--text-xs)}@media(max-width: 768px){.tools-page{padding:1rem}.tools-page h1{font-size:1.75rem}}.spread-container,.maze-container{position:relative;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;overflow:hidden;background:rgba(0,0,0,.25)}#spread-canvas,#maze-canvas{display:block}/*# sourceMappingURL=styles.css.map */