.alarm-page{padding-top:1rem}.alarm-page>nav{margin-bottom:.75rem}.alarm-page>section[aria-labelledby=tool-title]{padding-bottom:1.25rem}.alarm-page #tool-title{font-size:1.875rem;line-height:1.2}.alarm-page #tool-title+p{margin-top:.5rem;font-size:1rem;line-height:1.5}.alarm-root{display:grid;min-width:0;gap:1rem}.alarm-workspace,.alarm-list{min-width:0;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1rem}.alarm-layout{display:grid;gap:1.25rem}.alarm-display{display:flex;min-width:0;flex-direction:column;gap:.75rem}.alarm-section-title{font-size:1rem;line-height:1.5rem;font-weight:700}.alarm-time{height:5.5rem;min-height:5.5rem;font-size:clamp(2.75rem,14vw,3.5rem);line-height:1.1;font-weight:800;padding:.5rem .75rem}.alarm-time::-webkit-datetime-edit{padding:0}.alarm-time::-webkit-calendar-picker-indicator{width:1.5rem;height:1.5rem;margin:0;padding:.25rem;flex-shrink:0}.alarm-date{min-height:1.5rem;font-size:.875rem;line-height:1.5rem}.alarm-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.alarm-preset{min-width:0;min-height:2.75rem;padding-inline:.5rem}.alarm-preset[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.alarm-current-time{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-top:.25rem}.alarm-current-time p{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem;font-weight:600}.alarm-current-time time{font-size:1.125rem}.alarm-current-time>span{font-size:.75rem;line-height:1.25rem;color:var(--text-muted)}.alarm-primary-action{width:100%;min-height:3rem;margin-top:.25rem;font-size:1rem}.alarm-feedback{min-height:1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.alarm-settings{display:flex;min-width:0;flex-direction:column;gap:.75rem;border-top:1px solid var(--border);padding-top:1.25rem}.alarm-signal{min-height:3rem}.alarm-volume{width:100%;min-width:0;height:2.75rem;cursor:pointer}.alarm-check-sound{width:100%;min-height:3rem}.alarm-notice{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;border-radius:.5rem;background:var(--surface-muted);color:var(--text-muted);font-size:.75rem;line-height:1.25rem}.alarm-list-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.75rem}.alarm-restore{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);padding:.75rem}.alarm-restore-details{display:grid;min-width:0;gap:.375rem}.alarm-restore-preview{display:flex;flex-wrap:wrap;gap:.375rem 1rem;font-size:.875rem;line-height:1.5rem}.alarm-restore-actions{display:flex;flex-direction:column;gap:.5rem}.alarm-resume{min-height:3rem}.alarm-storage-error{font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.alarm-entries{display:grid;gap:.75rem}.alarm-entry{display:flex;flex-wrap:wrap;min-width:0;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--border);border-radius:.5rem;padding:.75rem}.alarm-entry-main{display:flex;min-width:0;flex-direction:column;gap:.25rem}.alarm-entry-actions{display:flex;flex-wrap:wrap;gap:.5rem}.alarm-entry-state{display:block;font-weight:600;color:var(--primary)}.alarm-entry-time{font-size:2rem;line-height:1.2;font-weight:700}.alarm-entry-date{font-size:.875rem;line-height:1.5rem}.alarm-entry-ringing{background:var(--primary-soft);border-color:var(--primary)}.alarm-remove{flex-shrink:0;min-height:2.75rem;padding-inline:.75rem}.alarm-repeat{min-height:2.75rem;padding-inline:.75rem}.alarm-session-note{margin-top:.75rem;font-size:.75rem;line-height:1.25rem;color:var(--text-muted)}.alarm-ringing-bar{position:fixed;z-index:40;bottom:1rem;inset-inline:1rem;display:flex;width:auto;max-width:76rem;align-items:center;justify-content:space-between;gap:.75rem;margin-inline:auto;border:1px solid var(--primary);border-radius:.75rem;background:var(--surface);padding:1rem}.alarm-ringing-time{font-size:2rem;line-height:1.2;font-weight:700}.alarm-stop{min-height:3rem;padding-inline:.75rem}@media(min-width:48rem){.alarm-page{padding-top:2rem}.alarm-page>nav{margin-bottom:1rem}.alarm-page #tool-title{font-size:2.25rem}.alarm-page>section[aria-labelledby=tool-title]{padding-bottom:1.5rem}.alarm-root{gap:1.5rem}.alarm-workspace,.alarm-list{padding:1.5rem}.alarm-section-title{font-size:1.125rem;line-height:1.75rem}.alarm-time{height:7.5rem;font-size:5.5rem;padding-inline:1.25rem}.alarm-time::-webkit-calendar-picker-indicator{width:1.75rem;height:1.75rem}.alarm-date{font-size:1rem}.alarm-primary-action{min-height:3.5rem}.alarm-entry{padding:1rem}.alarm-entry-main{flex-direction:row;align-items:center;gap:1.5rem}.alarm-entry-time{font-size:2.25rem}.alarm-entry-date{font-weight:600}.alarm-notice{font-size:.875rem;line-height:1.5rem}.alarm-restore{padding:1rem}.alarm-stop{min-height:3.5rem;font-size:1rem;padding-inline:1.5rem}}@media(min-width:64rem){.alarm-layout{grid-template-columns:minmax(0,3fr) minmax(0,2.5fr);gap:2rem}.alarm-display{gap:1rem}.alarm-presets{grid-template-columns:repeat(6,minmax(0,1fr))}.alarm-restore{flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}.alarm-restore-actions{flex-direction:row;flex-shrink:0}.alarm-settings{border-top:0;border-left:1px solid var(--border);padding-top:0;padding-left:2rem;gap:1rem}.alarm-current-time{margin-top:.25rem}.alarm-current-time time{font-size:1.5rem}.alarm-primary-action{margin-top:.5rem}.alarm-notice{margin-top:1.5rem}}
