.current-time-section{text-align:center;margin-bottom:30px}.current-time-display{font-size:clamp(2.5rem,10vw,4rem);font-weight:300;color:var(--color-text-primary);font-variant-numeric:tabular-nums;transition:color .3s ease;line-height:1.1}.current-time-display .am-pm{font-size:.4em;font-weight:400;margin-left:.2em;vertical-align:baseline}.current-date-display{font-size:.9rem;color:var(--color-text-secondary);transition:color .3s ease;margin-top:5px}.alarm-list-section,.alarm-setter-section,.presets-section,.sound-section{width:100%;max-width:500px;margin-bottom:30px;padding:20px;background-color:var(--color-surface);border-radius:12px;transition:background-color .3s ease;border:1px solid var(--color-border)}.alarm-list-section h2,.alarm-setter-section h2,.presets-section h2,.sound-section h2{font-size:1rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:15px;text-align:center;transition:color .3s ease}.alarm-input-group{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px;flex-wrap:wrap}.alarm-input-group .time-separator,.alarm-select{font-size:1.1rem;color:var(--color-text-secondary);padding:0 2px}.alarm-select{font-family:inherit;text-align:center;border:1px solid var(--color-border);background-color:var(--color-input-bg);color:var(--color-text-primary);border-radius:6px;transition:background-color .3s ease,color .3s ease,border-color .3s ease;cursor:pointer;min-width:70px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%236e6e73'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding:8px 30px 8px 10px}[data-theme=dark] .alarm-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238e8e93'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E")}.alarm-select:focus{outline:2px solid var(--color-accent);outline-offset:1px;background-color:transparent;border-color:var(--color-accent)}.set-alarm-button{font-family:inherit;font-size:.9rem;font-weight:500;padding:9px 20px;border-radius:20px;border:0;background-color:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;transition:background-color .2s ease,opacity .2s ease;margin-left:5px}.set-alarm-button:hover{background-color:color-mix(in srgb,var(--color-accent),black 10%)}.set-alarm-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-button-secondary-bg);color:var(--color-text-secondary)}.presets-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.preset-button{font-family:inherit;font-size:.8rem;padding:5px 12px;border-radius:15px;border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .3s ease}.preset-button:hover{background-color:var(--color-button-secondary-bg);color:var(--color-text-primary)}.preset-button:hover,[data-theme=dark] .preset-button:hover{border-color:var(--color-button-secondary-bg)}.sound-selection-group{display:flex;align-items:center;gap:10px}.sound-select{flex-grow:1;font-family:inherit;font-size:.9rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%236e6e73'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding:8px 30px 8px 10px}[data-theme=dark] .sound-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238e8e93'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E")}.sound-select:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.sound-test-button{padding:6px;border-radius:50%;background-color:transparent;border:1px solid var(--color-border);color:var(--color-icon-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .3s ease;width:36px;height:36px}.sound-test-button:hover{background-color:var(--color-button-secondary-bg);color:var(--color-icon-primary)}.sound-test-button .material-symbols-outlined{font-size:20px;margin-right:0}.alarm-list{list-style:none;padding:0;margin:0}.alarm-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 15px;padding:15px 10px;border-bottom:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease,opacity .3s ease}.alarm-item:last-child{border-bottom:none}.alarm-item.disabled{opacity:.6}.alarm-item-time{font-size:1.6rem;font-weight:400;color:var(--color-text-primary);grid-column:1/2;font-variant-numeric:tabular-nums;transition:color .3s ease;white-space:nowrap}.alarm-item.disabled .alarm-item-time{color:var(--color-text-secondary)}.alarm-item-controls{grid-column:2/3;display:flex;align-items:center;gap:10px}.alarm-toggle-label{display:flex;align-items:center;cursor:pointer}.alarm-toggle-input{position:absolute;opacity:0;width:0;height:0}.alarm-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--color-button-secondary-bg);border-radius:12px;transition:background-color .3s ease;flex-shrink:0}.alarm-toggle-switch::before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);top:2px;left:2px;transition:transform .3s ease}.alarm-toggle-input:checked+.alarm-toggle-switch{background-color:var(--color-accent)}.alarm-toggle-input:checked+.alarm-toggle-switch::before{transform:translateX(20px)}.alarm-icon-toggle,.alarm-item-delete{border-radius:50%;cursor:pointer;display:flex;align-items:center;border:0}.alarm-icon-toggle{background:0 0;padding:4px;color:var(--color-icon-secondary);transition:color .2s ease,background-color .2s ease}.alarm-icon-toggle.active{color:var(--color-accent)}.alarm-icon-toggle:hover{background-color:rgba(128,128,128,.1)}.alarm-icon-toggle .material-symbols-outlined{font-size:22px;margin-right:0}.alarm-item-delete{background-color:var(--color-delete-bg);color:var(--color-delete);padding:6px;transition:background-color .2s ease}.alarm-item-delete:hover{background-color:color-mix(in srgb,var(--color-delete-bg),black 10%)}.alarm-item-delete .material-symbols-outlined{font-size:18px;margin-right:0}.alarm-item-placeholder{display:list-item;text-align:center;color:var(--color-text-tertiary);padding:20px 0;font-size:.9rem}.modal-alarm-time{font-size:1.8rem;font-weight:300;margin-bottom:25px;color:var(--color-text-primary);transition:color .3s ease}:fullscreen .main-content>:not(.modal-overlay){display:none!important}:fullscreen .modal-overlay{background-color:rgba(0,0,0,.8)!important}:fullscreen .alarm-modal{background-color:#1c1c1e!important;border:1px solid #38383a!important}:fullscreen .alarm-modal h3,:fullscreen .alarm-modal p,:fullscreen .modal-alarm-time{color:#fff!important}:fullscreen .modal-button.snooze{background-color:#3a3a3c!important;color:#fff!important}:fullscreen .modal-button.ok{background-color:var(--color-accent)!important}:fullscreen .modal-close-button{color:#8e8e93!important}@media (max-width:420px){.alarm-item{grid-template-columns:1fr;gap:8px}.alarm-item-controls{grid-row:2;justify-content:flex-end}.alarm-item-time{grid-row:1;font-size:1.4rem}.alarm-select{min-width:60px;font-size:1rem}.set-alarm-button{padding:8px 15px}}