:root{--mt-card:#fff;--mt-soft:#f59e0b1a;--mt-grad:linear-gradient(120deg, #f59e0b, #ef4444 60%, #ec4899);--danger:#ef4444}html.dark{--mt-card:#11131b}.app-container{max-width:760px;font-family:var(--font-poppins);margin:0 auto;padding:22px 18px 110px}.clock-widget{border:1px solid var(--border-color);background:var(--mt-card);text-align:center;border-radius:20px;margin-bottom:14px;padding:26px 18px 22px;box-shadow:0 10px 30px #0f172a0d}.app-header{display:none}.date-display{color:var(--text-muted);margin-bottom:6px;font-size:.9rem;font-weight:600}.date-display:first-letter{text-transform:uppercase}.time-display{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text-main);justify-content:center;align-items:baseline;font-size:clamp(3.2rem,15vw,5.6rem);font-weight:800;line-height:1;display:flex}.time-char{text-align:center;min-width:.58em;display:inline-block}.time-char.separator{color:#f59e0b;min-width:.3em}.time-char.separator.blink{animation:1s step-end infinite mt-blink}.time-char.animate{animation:.35s mt-tick}.period{color:var(--text-muted);margin-left:.25em;font-size:.3em;font-weight:700}@keyframes mt-blink{50%{opacity:.25}}@keyframes mt-tick{0%{opacity:.4;transform:translateY(-.12em)}}.mode-tabs{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:14px;padding:4px;display:grid}.mode-tab{color:var(--text-muted);font:600 .82rem var(--font-poppins);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 6px;display:flex}.mode-tab:hover{color:var(--text-main)}.mode-tab.active{background:var(--mt-grad);color:#fff;box-shadow:0 6px 16px #ef444438}.tab-icon{font-size:1rem}.mode-section{display:none}.mode-section.active{gap:12px;display:grid}.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.widget{border:1px solid var(--border-color);background:var(--mt-card);border-radius:20px;padding:16px;box-shadow:0 10px 30px #0f172a0d}.widget-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.widget-icon{font-size:1rem}.widget-title{color:var(--text-main);font-size:.95rem;font-weight:700}.widget-content{gap:12px;display:grid}.input-group{gap:6px;display:grid}.input-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.app-container input[type=text],.app-container input[type=time],.app-container input[type=number],.app-container select,.modal input[type=text],.modal input[type=number],.modal select{border:1px solid var(--border-color);background:var(--bg-main);width:100%;height:44px;color:var(--text-main);font:inherit;font-family:var(--font-poppins);border-radius:12px;padding:0 12px}input[type=range]{accent-color:#f59e0b;width:100%}.value-badge{background:var(--mt-soft);color:#d97706;border-radius:999px;padding:1px 8px;font-weight:700}.btn{border:1px solid var(--border-color);background:var(--bg-card);min-height:42px;color:var(--text-main);font:600 .85rem var(--font-poppins);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;transition:transform .15s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--mt-grad);color:#fff;border:0}.btn-danger{color:#ef4444;background:#ef444414;border-color:#ef444459}.btn-full{width:100%}.btn-icon{width:36px;min-height:36px;padding:0}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.btn-group .btn{flex:120px}.counter-display{background:var(--mt-soft);text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-main);border-radius:16px;padding:18px 8px;font-size:clamp(2.4rem,11vw,3.6rem);font-weight:800}.counter-display.flash{animation:.5s 3 mt-flash}@keyframes mt-flash{50%{color:#ef4444;background:#ef444440}}.lap-list{gap:6px;max-height:240px;display:grid;overflow-y:auto}.lap-item{border:1px solid var(--border-color);font-variant-numeric:tabular-nums;border-radius:12px;padding:10px 12px;font-size:.85rem}.alarm-list{gap:8px;display:grid}.alarm-item{border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.alarm-info{flex:1;min-width:0}.alarm-time{font-variant-numeric:tabular-nums;color:var(--text-main);font-size:1.4rem;font-weight:800}.alarm-label{color:var(--text-muted);overflow-wrap:anywhere;font-size:.8rem}.alarm-actions{align-items:center;gap:8px;display:flex}.empty-message{border:1px dashed var(--border-color);text-align:center;color:var(--text-muted);border-radius:16px;padding:28px 12px;font-size:.88rem}.switch-container{color:var(--text-main);justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;display:flex}.switch{flex:none;width:46px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider-switch{background:var(--border-color);cursor:pointer;border-radius:999px;transition:background .2s;position:absolute;inset:0}.slider-switch:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.slider-switch{background:#f59e0b}.switch input:checked+.slider-switch:before{transform:translate(20px)}.app-footer{text-align:center;color:var(--text-muted);margin-top:18px;font-size:.75rem}.quick-actions{z-index:50;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.quick-action-btn{border:1px solid var(--border-color);background:var(--mt-card);cursor:pointer;border-radius:14px;width:46px;height:46px;font-size:1.1rem;box-shadow:0 10px 24px #0f172a1f}.modal-overlay{z-index:1500;opacity:0;visibility:hidden;background:#0f172a80;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.modal-overlay.show{opacity:1;visibility:visible}.modal{z-index:1600;border:1px solid var(--border-color);background:var(--mt-card);width:min(440px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--text-main);font-family:var(--font-poppins);opacity:0;visibility:hidden;border-radius:22px;padding:20px;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-46%);box-shadow:0 30px 80px #00000059}.modal.show{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-title{font-size:1.15rem;font-weight:700}.modal-close{background:var(--mt-soft);width:34px;height:34px;color:var(--text-main);cursor:pointer;border:0;border-radius:10px}.modal-content{gap:14px;display:grid}.alarm-modal{text-align:center}.alarm-modal-icon{font-size:3rem;animation:.6s ease-in-out infinite mt-ring}.alarm-modal-title{margin:6px 0 2px;font-size:1.5rem;font-weight:800}.alarm-modal-label{color:var(--text-muted);margin:0 0 6px}.alarm-modal .btn-group{flex-direction:column}.custom-snooze{text-align:left;gap:10px;margin-top:12px;display:none}.custom-snooze.show{display:grid}@keyframes mt-ring{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.dynamic-island{z-index:60;border:1px solid var(--border-color);background:var(--mt-card);width:min(420px,100% - 32px);color:var(--text-main);font-family:var(--font-poppins);opacity:0;visibility:hidden;border-radius:20px;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;bottom:18px;left:50%;transform:translate(-50%,12px);box-shadow:0 18px 40px #0f172a2e}.dynamic-island.show{opacity:1;visibility:visible;transform:translate(-50%)}.island-compact{align-items:center;gap:10px;padding:10px 12px;display:flex}.island-icon{font-size:1.1rem}.island-text{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.island-btn{background:var(--mt-grad);color:#fff;min-height:32px;font:700 .78rem var(--font-poppins);cursor:pointer;border:0;border-radius:10px;padding:0 12px}.island-expanded{padding:0 12px 12px;display:none}.dynamic-island.expanded .island-expanded{gap:10px;display:grid}.island-section{background:var(--mt-soft);border-radius:14px;padding:12px}.island-title{color:var(--text-muted);font-size:.78rem;font-weight:700}.island-value{font-variant-numeric:tabular-nums;margin:2px 0 8px;font-size:1.6rem;font-weight:800}.island-controls{flex-wrap:wrap;gap:6px;display:flex}.island-control-btn{border:1px solid var(--border-color);background:var(--mt-card);min-height:36px;color:var(--text-main);font:600 .78rem var(--font-poppins);cursor:pointer;border-radius:10px;flex:90px}.island-control-btn.primary{background:var(--mt-grad);color:#fff;border:0}.island-control-btn:disabled{opacity:.45;cursor:default}@media (width<=520px){.app-container{padding:12px 12px 110px}.tab-label{font-size:.74rem}.mode-tab{flex-direction:column;gap:2px;padding:8px 4px}.quick-actions{bottom:84px}}@media (prefers-reduced-motion:reduce){.time-char.separator.blink,.time-char.animate,.alarm-modal-icon,.counter-display.flash{animation:none}}