*{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Poppins", sans-serif;--primary:#f59e0b;--primary-dark:#d97706;--accent:#ef4444;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #0003;--shadow-lg:0 8px 32px #0000004d;--shadow-xl:0 16px 48px #0006;--color-text:#1e293b;--text-soft:#0f172a8c;--gradient-start:#eef2f7;--gradient-end:#dfe7f0;--card-bg:#ffffffbf;--card-hover:#fffffff2;--modal-bg:#fffffffa;--clock-color:#0f172a;--surface-003:#0f172a08;--surface-005:#0f172a0d;--surface-008:#0f172a0f;--surface-01:#0f172a17;--surface-015:#0f172a1f;--surface-02:#0f172a29}html.dark{--color-text:#f8fafc;--text-soft:#fff9;--gradient-start:#0f172a;--gradient-end:#1e293b;--card-bg:#1e293bb3;--card-hover:#334155d9;--modal-bg:#191923fa;--clock-color:#fff;--surface-003:#ffffff08;--surface-005:#ffffff0d;--surface-008:#ffffff14;--surface-01:#ffffff1a;--surface-015:#ffffff26;--surface-02:#fff3}body{font-family:var(--font-primary);background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:var(--color-text);min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-attachment:fixed;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 15%,#f59e0b1f 0%,#0000 45%),radial-gradient(circle at 85% 20%,#ef44441a 0%,#0000 45%),radial-gradient(circle at 50% 95%,#ec489914 0%,#0000 55%);position:fixed;inset:0}body:after{content:"";background-image:linear-gradient(to right, var(--surface-003) 1px, transparent 1px), linear-gradient(to bottom, var(--surface-003) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:48px 48px;position:fixed;inset:0}.app-container{z-index:1;max-width:1400px;margin:0 auto;padding:80px 20px 40px;position:relative}.dynamic-island,.dynamic-island.show{display:none!important}.dynamic-island.expanded{cursor:default;border-radius:25px;flex-direction:column;align-items:stretch;min-width:300px;max-width:500px;padding:20px}@keyframes islandSlide{0%{opacity:0;transform:translate(-50%)translateY(-20px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.island-compact{align-items:center;gap:12px;width:100%;display:flex}.dynamic-island.expanded .island-compact{display:none}.island-icon{flex-shrink:0;font-size:1.3rem}.island-text{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.island-btn{background:var(--surface-01);color:var(--color-text);cursor:pointer;font-size:.75rem;font-family:var(--font-primary);border:none;border-radius:20px;padding:6px 14px;font-weight:500;transition:all .3s}.island-btn:hover{background:var(--surface-02);transform:scale(1.05)}.island-expanded{display:none}.dynamic-island.expanded .island-expanded{animation:.4s fadeInUp;display:block}.island-section{background:var(--surface-005);border-radius:15px;margin-bottom:12px;padding:15px}.island-section:last-child{margin-bottom:0}.island-title{text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:8px;font-size:.7rem;font-weight:600}.island-value{letter-spacing:2px;margin-bottom:10px;font-size:1.5rem;font-weight:700}.island-controls{flex-wrap:wrap;gap:8px;display:flex}.island-control-btn{background:var(--surface-008);border:1px solid var(--surface-01);min-width:70px;color:var(--color-text);cursor:pointer;font-size:.8rem;font-family:var(--font-primary);border-radius:10px;flex:1;padding:8px;transition:all .3s}.island-control-btn:hover{background:var(--surface-015);transform:translateY(-2px)}.island-control-btn.primary{background:linear-gradient(135deg, var(--primary), var(--accent))}.clock-widget{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--surface-01);box-shadow:var(--shadow-lg);text-align:center;border-radius:30px;margin-bottom:20px;padding:40px 30px;animation:.6s cubic-bezier(.34,1.56,.64,1) fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.app-header{opacity:.8;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;font-size:.9rem;font-weight:600}.date-display{opacity:.7;letter-spacing:1px;margin-bottom:20px;font-size:1rem;font-weight:300}.time-display{letter-spacing:.02em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#fbbf24,#f59e0b 35%,#ef4444 70%,#ec4899);-webkit-text-fill-color:transparent;background-clip:text;justify-content:center;align-items:center;gap:.1em;margin:20px 0;font-size:clamp(3rem,15vw,7rem);font-weight:800;display:flex}.time-char{text-align:center;min-width:.5em;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-block}.time-char.animate{animation:.6s cubic-bezier(.34,1.56,.64,1) flipDigit}@keyframes flipDigit{0%{opacity:1;transform:rotateX(0)}50%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.separator{opacity:.6;font-weight:300}.separator.blink{animation:2s ease-in-out infinite blinkSep}@keyframes blinkSep{0%,49%,to{opacity:.6}50%,99%{opacity:.15}}.period{align-self:flex-start;margin-top:.5em;margin-left:.3em;font-size:.3em;font-weight:600}.mode-tabs{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--surface-01);box-shadow:var(--shadow-md);scrollbar-width:none;border-radius:20px;gap:10px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.mode-tabs::-webkit-scrollbar{display:none}.mode-tab{min-width:80px;color:var(--text-soft);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-primary);background:0 0;border:none;border-radius:15px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:12px 20px;transition:all .3s;display:flex}.mode-tab .tab-icon{font-size:1.5rem}.mode-tab .tab-label{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.mode-tab:hover{background:var(--surface-005);color:var(--color-text)}.mode-tab.active{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:0 4px 15px #f59e0b66}.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px;display:grid}.widget{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--surface-01);box-shadow:var(--shadow-md);border-radius:20px;padding:25px;transition:all .3s;animation:.5s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.widget:hover{box-shadow:var(--shadow-xl);border-color:var(--surface-02);transform:translateY(-5px)}.widget-header{border-bottom:1px solid var(--surface-01);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;display:flex}.widget-icon{font-size:1.8rem}.widget-title{letter-spacing:.5px;font-size:1.1rem;font-weight:600}.widget-content{flex-direction:column;gap:15px;display:flex}.mode-section{display:none}.mode-section.active{display:block}.btn{background:var(--surface-008);border:1px solid var(--surface-01);color:var(--color-text);cursor:pointer;font-size:.95rem;font-weight:500;font-family:var(--font-primary);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .3s;display:inline-flex}.btn:hover{background:var(--surface-015);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));border:none;box-shadow:0 4px 15px #f59e0b4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b66}.btn-danger{background:linear-gradient(135deg,#fc8181,#f56565);border:none}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);border:none}.btn-icon{aspect-ratio:1;border-radius:10px;padding:10px}.btn-group{flex-wrap:wrap;gap:10px;display:flex}.btn-full{width:100%}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{opacity:.8;font-size:.85rem;font-weight:500}input[type=text],input[type=time],input[type=number],select{background:var(--surface-005);border:1px solid var(--surface-01);color:var(--color-text);font-size:.95rem;font-family:var(--font-primary);border-radius:10px;width:100%;padding:12px;transition:all .3s}input:focus,select:focus{border-color:var(--primary);background:var(--surface-008);outline:none;box-shadow:0 0 0 3px #f59e0b33}input[type=time]{color-scheme:dark}input[type=time]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:35px}select option{color:#fff;background:#1e1e28}input[type=range]{background:var(--surface-01);-webkit-appearance:none;border-radius:5px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:all .3s;box-shadow:0 2px 8px #f59e0b66}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 12px #f59e0b99}.switch-container{background:var(--surface-003);border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.switch{width:50px;height:26px;position:relative}.switch input{opacity:0;width:0;height:0}.slider-switch{cursor:pointer;background:var(--surface-02);border-radius:26px;transition:all .3s;position:absolute;inset:0}.slider-switch:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}input:checked+.slider-switch{background:linear-gradient(135deg, var(--primary), var(--accent))}input:checked+.slider-switch:before{transform:translate(24px)}.counter-display{text-align:center;letter-spacing:4px;color:var(--clock-color);text-shadow:0 2px 15px #f59e0b4d;margin:20px 0;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:700}.counter-display.flash{animation:.4s 4 flashEffect}@keyframes flashEffect{0%,to{opacity:1}50%{opacity:.3}}.alarm-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.alarm-item{background:var(--surface-005);border:1px solid var(--surface-008);border-radius:12px;justify-content:space-between;align-items:center;padding:15px;transition:all .3s;animation:.4s slideInLeft;display:flex}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.alarm-item:hover{background:var(--surface-008);transform:translate(5px)}.alarm-info{flex:1}.alarm-time{margin-bottom:4px;font-size:1.5rem;font-weight:700}.alarm-label{opacity:.6;font-size:.8rem}.alarm-actions{align-items:center;gap:10px;display:flex}.lap-list{background:var(--surface-003);border-radius:10px;max-height:250px;padding:10px;overflow-y:auto}.lap-item{border-bottom:1px solid var(--surface-005);padding:10px;font-size:.9rem;animation:.3s slideInLeft}.lap-item:last-child{border-bottom:none}.modal-overlay{backdrop-filter:blur(5px);z-index:999;background:#000000b3;animation:.3s fadeIn;display:none;position:fixed;inset:0}.modal-overlay.show{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--modal-bg);backdrop-filter:blur(30px);border:1px solid var(--surface-01);width:90vw;max-width:500px;max-height:85vh;box-shadow:var(--shadow-xl);z-index:1000;border-radius:25px;padding:30px;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal.show{animation:.4s cubic-bezier(.34,1.56,.64,1) modalPopIn;display:block}@keyframes modalPopIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-header{border-bottom:1px solid var(--surface-01);justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.modal-title{align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.modal-close{background:var(--surface-01);width:32px;height:32px;color:var(--color-text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.modal-close:hover{background:var(--surface-02);transform:rotate(90deg)}.modal-content{flex-direction:column;gap:20px;display:flex}.alarm-modal{text-align:center;border:2px solid var(--danger)}.alarm-modal-icon{margin-bottom:15px;font-size:4rem;animation:1.5s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.alarm-modal-title{margin-bottom:10px;font-size:1.8rem;font-weight:700}.alarm-modal-label{opacity:.8;margin-bottom:25px;font-size:1rem}.empty-message{text-align:center;opacity:.5;padding:40px 20px;font-size:.95rem}.app-footer{text-align:center;opacity:.4;letter-spacing:1px;padding:30px 20px;font-size:.8rem}.quick-actions{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--surface-01);box-shadow:var(--shadow-xl);z-index:100;border-radius:20px;gap:8px;padding:10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.quick-action-btn{background:var(--surface-005);border:1px solid var(--surface-01);width:45px;height:45px;color:var(--color-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.quick-action-btn:hover{background:var(--surface-01);transform:translateY(-3px)}.quick-action-btn.active{background:linear-gradient(135deg, var(--primary), var(--accent))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-005);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--surface-02);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (width<=768px){.app-container{padding:70px 15px 100px}.clock-widget{padding:30px 20px}.time-display{font-size:clamp(2.5rem,12vw,5rem)}.widgets-grid{grid-template-columns:1fr}.mode-tabs{gap:5px;padding:5px}.mode-tab{min-width:70px;padding:10px 15px}.mode-tab .tab-icon{font-size:1.3rem}.quick-actions{width:calc(100% - 30px);max-width:400px;bottom:10px}.modal{width:95vw;padding:25px 20px}}@media (width<=480px){.time-display{letter-spacing:2px;font-size:clamp(2rem,10vw,4rem)}.counter-display{font-size:clamp(2rem,8vw,3.5rem)}.btn-group{flex-direction:column}.btn-group .btn{width:100%}}.custom-snooze{border-top:1px solid var(--surface-01);margin-top:15px;padding-top:15px;display:none}.custom-snooze.show{animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.value-badge{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:10px;margin-top:8px;padding:8px 16px;font-weight:600;display:inline-block}