:root{--ac-primary:#6366f1;--ac-primary-hover:#4f46e5;--ac-primary-bg:#6366f10f;--ac-success:#10b981;--ac-warning:#f59e0b;--ac-error:#ef4444;--ac-text:#0f172a;--ac-text-secondary:#475569;--ac-text-muted:#64748b;--ac-bg:#fff;--ac-bg-subtle:#f8fafc;--ac-bg-hover:#f1f5f9;--ac-border:#e2e8f0;--ac-border-light:#f1f5f9;--ac-card-bg:#fff;--ac-card-shadow:0 1px 3px #0000000a, 0 4px 12px #0000000a;--ac-card-shadow-hover:0 4px 8px #0000000a, 0 8px 24px #00000014;--ac-card-radius:12px;--ac-clock-size:4rem;--ac-clock-weight:700;--ac-btn-primary-bg:var(--ac-primary);--ac-btn-primary-text:#fff;--ac-btn-secondary-bg:#f1f5f9;--ac-btn-secondary-text:#475569;--ac-modal-backdrop:#0f172a80;--ac-modal-bg:#fff;--ac-transition:.2s cubic-bezier(.4, 0, .2, 1)}._ac-container{gap:var(--main-space-6);flex-direction:column;width:100%;max-width:600px;margin:0 auto;display:flex}._ac-header{justify-content:center;display:flex}._ac-list{gap:var(--main-space-3);flex-direction:column;display:flex}._ac-btn{justify-content:center;align-items:center;gap:var(--main-space-2);border-radius:var(--main-radius);font-size:var(--main-text-sm);cursor:pointer;transition:all var(--ac-transition);border:none;padding:.625rem 1.25rem;font-weight:600;display:inline-flex}._ac-btn:disabled{opacity:.5;cursor:not-allowed}._ac-btn-primary{background:var(--ac-btn-primary-bg);color:var(--ac-btn-primary-text);box-shadow:0 2px 8px #6366f140}._ac-btn-primary:hover:not(:disabled){background:var(--ac-primary-hover);box-shadow:0 4px 12px #6366f14d}._ac-btn-secondary{background:var(--ac-btn-secondary-bg);color:var(--ac-btn-secondary-text)}._ac-btn-secondary:hover:not(:disabled){background:var(--ac-bg-hover)}._ac-btn-lg{font-size:var(--main-text-base);padding:.875rem 1.75rem}._ac-btn-icon{background:var(--ac-bg-subtle);border-radius:var(--main-radius);width:36px;height:36px;color:var(--ac-text-secondary);cursor:pointer;transition:all var(--ac-transition);border:none;justify-content:center;align-items:center;display:flex}._ac-btn-icon:hover{background:var(--ac-bg-hover);color:var(--ac-text)}._ac-btn-icon.playing{background:var(--ac-primary);color:#fff}@media (max-width:768px){._ac-container{padding-left:var(--main-space-4);padding-right:var(--main-space-4)}}._ac-notice{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--ac-primary-bg);border-radius:var(--main-radius);font-size:var(--main-text-xs);color:var(--ac-text-muted);display:flex}._ac-notice svg{color:var(--ac-primary);opacity:.7;flex-shrink:0}.hidden{display:none!important}._ac-clock{align-items:center;gap:var(--main-space-2);padding:var(--main-space-6) 0;flex-direction:column;display:flex}._ac-clock-time{font-family:var(--main-font-mono);font-size:var(--ac-clock-size);font-weight:var(--ac-clock-weight);color:var(--ac-text);letter-spacing:-.02em;line-height:1}._ac-clock-date{font-size:var(--main-text-sm);color:var(--ac-text-muted);font-weight:500}@media (max-width:540px){._ac-clock-time{font-size:3rem}}._ac-card{justify-content:space-between;align-items:center;gap:var(--main-space-4);padding:var(--main-space-4);background:var(--ac-card-bg);border-radius:var(--ac-card-radius);box-shadow:var(--ac-card-shadow);transition:all var(--ac-transition);display:flex}._ac-card:hover{box-shadow:var(--ac-card-shadow-hover)}._ac-card.disabled ._ac-card-main{opacity:.4}._ac-card.ringing{box-shadow:0 0 0 2px var(--ac-error), var(--ac-card-shadow);animation:1s ease-in-out infinite _ac-card-pulse}@keyframes _ac-card-pulse{0%,to{opacity:1}50%{opacity:.8}}._ac-card-main{align-items:center;gap:var(--main-space-4);flex:1;min-width:0;display:flex}._ac-card-time{align-items:baseline;gap:var(--main-space-1);display:flex}._ac-card-time-value{font-family:var(--main-font-mono);color:var(--ac-text);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}._ac-card-time-period{font-size:var(--main-text-sm);color:var(--ac-text-muted);font-weight:600}._ac-card.disabled ._ac-card-time-value{color:var(--ac-text-muted)}._ac-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}._ac-card-label{font-size:var(--main-text-sm);color:var(--ac-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}._ac-card-repeat{font-size:var(--main-text-xs);color:var(--ac-text-muted)}._ac-card-until{font-size:var(--main-text-xs);color:var(--ac-primary);font-weight:500}._ac-card.disabled ._ac-card-until{display:none}._ac-card-actions{align-items:center;gap:var(--main-space-2);display:flex}._ac-card-edit,._ac-card-delete{width:32px;height:32px;color:var(--ac-text-muted);cursor:pointer;transition:all var(--ac-transition);opacity:0;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}._ac-card:hover ._ac-card-edit,._ac-card:hover ._ac-card-delete{opacity:1}._ac-card-edit:hover{background:var(--ac-bg-subtle);color:var(--ac-text)}._ac-card-delete:hover{color:var(--ac-error);background:#ef44441a}._ac-card-toggle{cursor:pointer;display:inline-flex;position:relative}._ac-toggle-input{opacity:0;width:0;height:0;position:absolute}._ac-toggle-switch{background:var(--ac-border);width:44px;height:24px;transition:all var(--ac-transition);border-radius:12px;position:relative}._ac-toggle-switch:before{content:"";width:20px;height:20px;transition:all var(--ac-transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}._ac-toggle-input:checked+._ac-toggle-switch{background:var(--ac-primary)}._ac-toggle-input:checked+._ac-toggle-switch:before{transform:translate(20px)}@media (max-width:540px){._ac-card{align-items:flex-start;gap:var(--main-space-3);flex-direction:column}._ac-card-main{width:100%}._ac-card-actions{justify-content:flex-end;width:100%}._ac-card-edit,._ac-card-delete{opacity:1}}._ac-empty{text-align:center;padding:var(--main-space-6) var(--main-space-4);flex-direction:column;align-items:center;display:flex}._ac-empty-visual{margin-bottom:var(--main-space-4);position:relative}._ac-empty-circle{display:none}._ac-empty-icon{background:var(--ac-primary-bg);border-radius:var(--main-radius-full);width:56px;height:56px;color:var(--ac-primary);justify-content:center;align-items:center;display:flex}._ac-empty-icon svg{width:28px;height:28px}._ac-empty-title{margin:0 0 var(--main-space-1);font-size:var(--main-text-base);color:var(--ac-text);font-weight:600}._ac-empty-text{font-size:var(--main-text-xs);color:var(--ac-text-muted);margin:0}._ac-settings{gap:var(--main-space-3);padding-top:var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--ac-border-light);flex-direction:column;display:flex}._ac-settings-toggle{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);color:var(--ac-text-muted);font-size:var(--main-text-sm);cursor:pointer;border-radius:var(--main-radius);transition:all var(--ac-transition);background:0 0;border:none;margin:0 auto;font-weight:500;display:inline-flex}._ac-settings-toggle:hover{color:var(--ac-text);background:var(--ac-bg-subtle)}._ac-settings-toggle svg:last-child{transition:transform var(--ac-transition)}._ac-settings-toggle.active svg:last-child{transform:rotate(180deg)}._ac-settings-panel{gap:var(--main-space-3);padding:var(--main-space-4);background:var(--ac-card-bg);border-radius:var(--ac-card-radius);box-shadow:var(--ac-card-shadow);flex-direction:column;display:flex}._ac-setting-item{justify-content:space-between;align-items:center;gap:var(--main-space-3);cursor:pointer;display:flex}._ac-setting-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--ac-text-secondary);font-weight:500;display:flex}._ac-setting-label svg{width:14px;height:14px;color:var(--ac-text-muted)}._ac-setting-checkbox{opacity:0;width:0;height:0;position:absolute}._ac-setting-switch{background:var(--ac-border);width:40px;height:22px;transition:all var(--ac-transition);border-radius:11px;flex-shrink:0;position:relative}._ac-setting-switch:before{content:"";width:18px;height:18px;transition:all var(--ac-transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}._ac-setting-checkbox:checked+._ac-setting-switch{background:var(--ac-primary)}._ac-setting-checkbox:checked+._ac-setting-switch:before{transform:translate(18px)}._ac-setting-sound-select{cursor:default}._ac-setting-sound-row{align-items:center;gap:var(--main-space-2);display:flex}._ac-select{padding:var(--main-space-2) var(--main-space-3);padding-right:var(--main-space-8);border-style:solid;border-width:1px;border-color:var(--ac-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--ac-text);background-color:var(--ac-bg);-webkit-appearance:none;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='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}._ac-select:focus{border-color:var(--ac-primary);outline:none}._ac-setting-shortcuts{gap:var(--main-space-2);padding-top:var(--main-space-2);border-top-style:solid;border-top-width:1px;border-top-color:var(--ac-border-light);flex-direction:column;display:flex}._ac-shortcuts-list{gap:var(--main-space-4);font-size:var(--main-text-xs);color:var(--ac-text-muted);flex-wrap:wrap;display:flex}._ac-shortcuts-list kbd{background:var(--ac-bg-subtle);border-style:solid;border-width:1px;border-color:var(--ac-border);min-width:22px;height:20px;font-family:var(--main-font-mono);color:var(--ac-text-secondary);border-radius:4px;justify-content:center;align-items:center;margin-right:4px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}._ac-setting-custom-sounds{gap:var(--main-space-2);padding-top:var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--ac-border-light);flex-direction:column;display:flex}._ac-setting-custom-header{justify-content:space-between;align-items:center;display:flex}._ac-upload-btn{align-items:center;gap:var(--main-space-1);padding:var(--main-space-1) var(--main-space-2);background:var(--ac-bg-subtle);border-radius:var(--main-radius);font-size:var(--main-text-xs);color:var(--ac-text-secondary);cursor:pointer;transition:all var(--ac-transition);font-weight:500;display:inline-flex}._ac-upload-btn:hover{background:var(--ac-bg-hover);color:var(--ac-text)}._ac-upload-btn svg{width:12px;height:12px}._ac-custom-sounds-list{gap:var(--main-space-1);flex-direction:column;display:flex}._ac-custom-sound-item{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2);background:var(--ac-bg-subtle);border-radius:var(--main-radius);display:flex}._ac-custom-sound-name{font-size:var(--main-text-xs);color:var(--ac-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}._ac-custom-sound-actions{align-items:center;gap:var(--main-space-1);display:flex}._ac-custom-sound-btn{width:24px;height:24px;color:var(--ac-text-muted);cursor:pointer;transition:all var(--ac-transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}._ac-custom-sound-btn:hover{background:var(--ac-bg-hover);color:var(--ac-text)}._ac-custom-sound-btn.delete:hover{color:var(--ac-error);background:#ef44441a}._ac-custom-sound-btn svg{width:12px;height:12px}._ac-setting-hint{color:var(--ac-text-muted);margin:0;font-size:10px}._ac-setting-hint a{color:var(--ac-primary);text-decoration:none}._ac-setting-hint a:hover{text-decoration:underline}._ac-custom-sounds-empty{font-size:var(--main-text-xs);color:var(--ac-text-muted);text-align:center;padding:var(--main-space-2)}._ac-modal{padding:var(--main-space-4);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._ac-modal-backdrop{background:var(--ac-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.2s _ac-fade-in;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes _ac-fade-in{0%{opacity:0}to{opacity:1}}._ac-modal-content{background:var(--ac-modal-bg);border-radius:20px;flex-direction:column;width:100%;max-width:400px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) _ac-modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000a,0 24px 64px #0003}@keyframes _ac-modal-in{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}._ac-modal-header{padding:var(--main-space-4) var(--main-space-5);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ac-border-light);justify-content:space-between;align-items:center;display:flex}._ac-modal-title{font-size:var(--main-text-lg);color:var(--ac-text);margin:0;font-weight:700}._ac-modal-close{width:32px;height:32px;color:var(--ac-text-muted);cursor:pointer;transition:all var(--ac-transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}._ac-modal-close:hover{background:var(--ac-bg-subtle);color:var(--ac-text)}._ac-modal-body{padding:var(--main-space-5);overflow-y:auto}._ac-modal-footer{justify-content:flex-end;align-items:center;gap:var(--main-space-3);padding:var(--main-space-4) var(--main-space-5);border-top-style:solid;border-top-width:1px;border-top-color:var(--ac-border-light);display:flex}._ac-time-picker{margin-bottom:var(--main-space-4);justify-content:center;display:flex}._ac-time-input{align-items:center;gap:var(--main-space-2);display:flex}._ac-time-hour,._ac-time-minute{width:80px;padding:var(--main-space-3);border-style:solid;border-width:2px;border-color:var(--ac-border);border-radius:var(--main-radius-lg);font-family:var(--main-font-mono);text-align:center;color:var(--ac-text);background:var(--ac-bg);transition:all var(--ac-transition);font-size:2rem;font-weight:700}._ac-time-hour:focus,._ac-time-minute:focus{border-color:var(--ac-primary);outline:none}._ac-time-sep{color:var(--ac-text-muted);font-size:2rem;font-weight:700}._ac-time-preview{margin-bottom:var(--main-space-5);padding:var(--main-space-2) var(--main-space-3);background:var(--ac-primary-bg);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--ac-primary);text-align:center;font-weight:500}._ac-quick-add{justify-content:center;gap:var(--main-space-2);margin-bottom:var(--main-space-5);flex-wrap:wrap;display:flex}._ac-quick-add button{padding:var(--main-space-1) var(--main-space-3);background:var(--ac-bg-subtle);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--ac-text-secondary);cursor:pointer;transition:all var(--ac-transition);border:none;font-weight:500}._ac-quick-add button:hover{background:var(--ac-primary-bg);color:var(--ac-primary)}._ac-form-group{margin-bottom:var(--main-space-4)}._ac-form-group:last-child{margin-bottom:0}._ac-form-label{margin-bottom:var(--main-space-2);font-size:var(--main-text-sm);color:var(--ac-text);font-weight:600;display:block}._ac-form-input,._ac-form-select{width:100%;padding:var(--main-space-2) var(--main-space-3);border-style:solid;border-width:1px;border-color:var(--ac-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--ac-text);background:var(--ac-bg);transition:all var(--ac-transition)}._ac-form-input:focus,._ac-form-select:focus{border-color:var(--ac-primary);outline:none}._ac-form-input::placeholder{color:var(--ac-text-muted)}._ac-form-select{padding-right:var(--main-space-8);-webkit-appearance:none;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='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}._ac-sound-select-row{gap:var(--main-space-2);display:flex}._ac-sound-select-row ._ac-form-select{flex:1}._ac-duration-row{align-items:center;gap:var(--main-space-2);display:flex}._ac-duration-input{text-align:center;width:80px}._ac-duration-unit{font-size:var(--main-text-sm);color:var(--ac-text-secondary)}._ac-form-hint{margin:var(--main-space-1) 0 0;font-size:var(--main-text-xs);color:var(--ac-text-muted)}._ac-repeat-options{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._ac-repeat-btn{padding:var(--main-space-2) var(--main-space-3);border-style:solid;border-width:1px;border-color:var(--ac-border);border-radius:var(--main-radius);background:var(--ac-bg);font-size:var(--main-text-sm);color:var(--ac-text-secondary);cursor:pointer;transition:all var(--ac-transition);font-weight:500}._ac-repeat-btn:hover{border-color:var(--ac-primary);color:var(--ac-primary)}._ac-repeat-btn.active{background:var(--ac-primary);border-color:var(--ac-primary);color:#fff}._ac-custom-days{justify-content:center;gap:var(--main-space-1);margin-top:var(--main-space-3);display:flex}._ac-day-btn{border-style:solid;border-width:1px;border-color:var(--ac-border);background:var(--ac-bg);width:36px;height:36px;font-size:var(--main-text-sm);color:var(--ac-text-secondary);cursor:pointer;transition:all var(--ac-transition);border-radius:50%;font-weight:600}._ac-day-btn:hover{border-color:var(--ac-primary);color:var(--ac-primary)}._ac-day-btn.active{background:var(--ac-primary);border-color:var(--ac-primary);color:#fff}@media (max-width:540px){._ac-modal-content{border-radius:16px}._ac-time-hour,._ac-time-minute{width:70px;font-size:1.75rem}._ac-time-sep{font-size:1.75rem}}._ac-ringing-modal{padding:var(--main-space-4);z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._ac-ringing-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;animation:.3s _ac-fade-in;position:absolute;top:0;bottom:0;left:0;right:0}._ac-ringing-content{padding:var(--main-space-10);background:var(--ac-modal-bg);text-align:center;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:400px;animation:.4s cubic-bezier(.34,1.56,.64,1) _ac-modal-in;display:flex;position:relative;box-shadow:0 4px 6px #0000000a,0 32px 80px #0000004d}._ac-ringing-icon{width:100px;height:100px;margin-bottom:var(--main-space-6);color:var(--ac-error);background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;justify-content:center;align-items:center;animation:.6s ease-in-out infinite _ac-bell-ring;display:flex}@keyframes _ac-bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(-20deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}._ac-ringing-icon svg{width:48px;height:48px}._ac-ringing-time{font-family:var(--main-font-mono);color:var(--ac-text);letter-spacing:-.02em;margin-bottom:var(--main-space-2);font-size:3.5rem;font-weight:700}._ac-ringing-label{font-size:var(--main-text-lg);color:var(--ac-text-muted);margin-bottom:var(--main-space-8);min-height:1.5em;font-weight:500}._ac-ringing-actions{gap:var(--main-space-4);width:100%;display:flex}._ac-ringing-actions ._ac-btn{flex:1}@media (max-width:540px){._ac-ringing-content{padding:var(--main-space-8);border-radius:24px}._ac-ringing-icon{width:80px;height:80px}._ac-ringing-icon svg{width:40px;height:40px}._ac-ringing-time{font-size:2.5rem}._ac-ringing-actions{gap:var(--main-space-3);flex-direction:column}}