:root{--color-white:#fff;--color-black:#000;--color-primary:#667eea;--color-primary-dark:#764ba2;--color-secondary:#4facfe;--color-secondary-dark:#00f2fe;--color-success:#4caf50;--color-warning:#ffc107;--color-error:#f44336;--color-info:#2196f3;--bg-glass:#ffffff1a;--bg-glass-hover:#ffffff26;--bg-glass-active:#fff3;--bg-overlay:#00000080;--border-glass:#fff3;--border-glass-hover:#ffffff4d;--border-glass-active:#fff6;--border-dashed:#ffffff4d;--border-separator:#ffffff1a;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#ffffffb3;--text-disabled:#ffffff80;--text-placeholder:#ffffff80;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(90deg,#4facfe,#00f2fe);--gradient-warm:linear-gradient(90deg,#ffecd2,#fcb69f);--gradient-cool:linear-gradient(90deg,#a8edea,#fed6e3);--gradient-success:linear-gradient(90deg,#4caf504d,#4caf5080);--gradient-warning:linear-gradient(90deg,#ffc1074d,#ffc10780);--gradient-error:linear-gradient(90deg,#f443364d,#f4433680);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"Courier New",source-code-pro,Menlo,Monaco,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glass:0 8px 32px #0003;--shadow-glow:0 8px 32px #667eea4d;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--blur-sm:blur(4px);--blur-base:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--blur-xl:blur(24px);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,body,html{height:100%}.radio-alarm-container{margin:0 auto;max-width:600px;padding:20px}.radio-alarm-title{color:#333;margin-bottom:30px;text-align:center}.alarm-section{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.time-inputs{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.time-input{border:2px solid #ddd;border-radius:6px;font-size:18px;font-weight:700;padding:8px;text-align:center;width:60px}.time-separator{color:#666;font-size:24px}.volume-control{margin-bottom:20px}.volume-label{color:#555;font-weight:500;margin-bottom:8px}.volume-slider{background:#ddd;border-radius:3px;height:6px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:20px;width:20px}.volume-slider::-moz-range-thumb{-moz-appearance:none;background:#007bff;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.station-selection{margin-bottom:20px}.station-label{color:#555;display:block;font-weight:500;margin-bottom:8px}.station-select{background:#fff;border:2px solid #ddd;border-radius:6px;font-size:16px;padding:10px;width:100%}.alarm-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.alarm-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.alarm-button.primary{background:#007bff;color:#fff}.alarm-button.primary:hover{background:#0056b3}.alarm-button.success{background:#28a745;color:#fff}.alarm-button.success:hover{background:#1e7e34}.alarm-button.danger{background:#dc3545;color:#fff}.alarm-button.danger:hover{background:#c82333}.alarm-button.secondary{background:#6c757d;color:#fff}.alarm-button.secondary:hover{background:#545b62}.alarm-status{border-radius:8px;font-weight:500;margin:20px 0;padding:15px;text-align:center}.alarm-status.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alarm-status.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alarm-status.ringing{animation:pulse 1s infinite;background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.radio-player{margin-top:20px;text-align:center}.radio-iframe{background:#f8f9fa;border:none;border-radius:8px;height:200px;width:100%}@media (max-width:768px){.radio-alarm-container{padding:15px}.time-inputs{gap:15px}.alarm-controls,.time-inputs{flex-direction:column}.alarm-button{justify-content:center;width:100%}}.timer-component-container{display:flex;flex-direction:column;gap:var(--spacing-6)}.timer-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0891b266;border:1px solid #22c55e4d;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem}.timer-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.timer-icon{color:#fff;height:2rem;width:2rem}.timer-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.timer-description{color:#fffc;margin-bottom:1.5rem}.audio-unlock-section{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.75rem;margin:1rem 0;padding:1rem;text-align:center}.audio-unlock-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.5rem;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.audio-unlock-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.audio-unlock-hint{color:#ffffffb3;font-size:.875rem;margin:.5rem 0 0}.audio-unlocked-indicator{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:.5rem;margin:1rem 0;padding:.75rem;text-align:center}.audio-unlocked-text{color:#10b981;font-size:.875rem;font-weight:600}.timer-display-section{margin-bottom:2rem}.time-display{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.time-separator{color:#fff;font-size:3.75rem;font-weight:700;padding-bottom:2rem}.time-digit-container{align-items:center;display:flex;flex-direction:column}.time-digit-display{background:linear-gradient(180deg,#06b6d4cc,#0891b2cc);border:2px solid #22c55e80;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:120px;padding:1.5rem}.time-digit-value{color:#fff;font-family:Courier New,monospace;font-size:4.5rem;font-weight:700;letter-spacing:.05em;line-height:1;text-align:center}.time-digit-label{color:#ffffffb3;font-size:.875rem;font-weight:600;margin-top:.5rem}.progress-container{background:#fff3;border-radius:9999px;height:.75rem;margin-bottom:1rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#22d3ee,#3b82f6);height:100%;transition:all 1s linear}.time-inputs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.time-input-label{color:#fff;display:block;font-weight:600;margin-bottom:.5rem;text-align:center}.time-input-controls{display:flex;flex-direction:column;gap:.5rem}.time-input-btn{align-items:center;background:#06b6d4;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:.5rem;transition:background-color .15s ease-in-out;width:100%}.time-input-btn:hover{background:#0891b2}.time-input-icon{height:1.25rem;margin:0 auto;width:1.25rem}.time-input-display{background:#ffffffe6;border-radius:.75rem;padding:.75rem;text-align:center}.time-input-value{color:#1f2937;font-family:Courier New,monospace;font-size:1.875rem;font-weight:700}.presets-section{margin-bottom:1.5rem}.presets-label{color:#fff;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.presets-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr)}.preset-button{background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem .75rem;transition:background-color .15s ease-in-out}.preset-button:hover{background:#06b6d4}.sound-settings{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (max-width:768px){.sound-settings{grid-template-columns:1fr}}.melody-selection{grid-column:1/-1;margin-bottom:1rem}.melody-label{color:#fff;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.melody-controls{align-items:center;display:flex;gap:.75rem}.melody-select{background:#06b6d499;border:none;border-radius:.75rem;color:#fff;cursor:pointer;flex:1 1;font-size:1.125rem;font-weight:600;outline:none;padding:.75rem 1rem;transition:all .2s ease}.melody-select:focus{outline:2px solid #22d3ee;outline-offset:2px}.melody-select option{background:#06b6d4;color:#fff}.test-sound-btn{align-items:center;background:#06b6d4;border:none;border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.test-sound-btn:hover{background:#0891b2}.test-icon{color:#fff;height:1.5rem;width:1.5rem}.volume-label{color:#fff;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border:none;border-radius:.5rem;cursor:pointer;height:.75rem;width:100%}.growing-volume-control{align-items:center;display:flex;justify-content:center}.toggle-container{align-items:center;background:#155e7566;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1.5rem}.toggle-label{color:#fff;font-weight:600}.toggle-switch{display:inline-block;height:1.5rem;position:relative;width:3rem}.toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.toggle-slider{background:#9ca3af;border-radius:9999px;height:100%;position:relative;transition:background-color .15s ease-in-out;width:100%}.toggle-slider.checked{background:#22c55e}.toggle-thumb{background:#fff;border-radius:9999px;height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:transform .15s ease-in-out;width:1.25rem}.toggle-thumb.checked{transform:translateX(1.5rem)}.control-buttons{display:flex;gap:1rem}.control-btn{align-items:center;border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;display:flex;flex:1 1;font-size:1.125rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem;transition:background-color .15s ease-in-out}.start-btn{background:#06b6d4;color:#fff}.start-btn:hover:not(:disabled){background:#0891b2}.start-btn:disabled{background:#6b7280;cursor:not-allowed}.pause-btn{background:#ca8a04;color:#fff}.pause-btn:hover{background:#a16207}.resume-btn{background:#16a34a;color:#fff}.resume-btn:hover{background:#15803d}.reset-btn{background:#dc2626;color:#fff}.reset-btn:hover{background:#b91c1c}.btn-icon{height:1.5rem;width:1.5rem}.alarm-notification{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dc2626e6;border:2px solid #f87171;border-radius:1rem;padding:1.5rem}.alarm-content{text-align:center}.alarm-icon{animation:bounce 1s infinite;color:#fff;height:4rem;margin:0 auto 1rem;width:4rem}.alarm-title{color:#fff;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.alarm-message{color:#ffffffe6;margin-bottom:1.5rem}.stop-alarm-btn{background:#fff;border:none;border-radius:.75rem;color:#dc2626;cursor:pointer;font-size:1.25rem;font-weight:700;padding:1rem;transition:background-color .15s ease-in-out;width:100%}.stop-alarm-btn:hover{background:#f3f4f6}.video-alarm-content{text-align:center}.video-alarm-header{margin-bottom:1.5rem}.video-player-container{margin:1.5rem 0;position:relative}.youtube-player-wrapper{align-items:center;background:#0000001a;border-radius:.5rem;display:flex;justify-content:center;margin:0 auto;max-width:600px;min-height:300px;overflow:hidden;width:100%}.play-prompt{background:#000c;border-radius:.5rem;color:#fff;left:50%;padding:1rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.play-prompt p{color:#fff;margin-bottom:.5rem}.manual-play-btn{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .15s ease-in-out}.manual-play-btn:hover{background:#dc2626}.video-info{margin:1rem 0}.video-url{margin:0}.video-stop-btn{background:#fff;border:2px solid #dc2626;color:#dc2626}.video-stop-btn:hover{background:#dc2626;color:#fff}.video-info-display{background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;margin:1.5rem 0;padding:1rem}.video-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem;text-align:center}.video-url{color:#fffc;margin:0 0 .75rem;word-break:break-all}.video-modal-hint,.video-url{font-size:.875rem;text-align:center}.video-modal-hint{background:#3b82f633;border:1px solid #3b82f64d;border-radius:.5rem;color:#ffffffe6;font-weight:500;margin:0;padding:.5rem}.status-message{border:2px solid;border-radius:.5rem;margin-top:1rem;padding:1rem}.status-message.running{background:#dbeafe;border-color:#3b82f6}.status-message.paused{background:#fef9c3;border-color:#eab308}.status-text{font-weight:600;margin:0;text-align:center}.status-message.running .status-text{color:#1e40af}.status-message.paused .status-text{color:#92400e}.timer-tips{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e40af66;border:1px solid #2563eb4d;border-radius:1rem;padding:1.5rem}.tips-title{align-items:center;color:#fff;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.tips-icon{height:1.25rem;width:1.25rem}.tips-list{color:#dbeafe;font-size:.875rem;list-style:none;margin:0;padding:0}.tips-list li{margin-bottom:.5rem}@media (max-width:768px){.timer-card{padding:1.5rem}.timer-header{margin-bottom:1rem}.timer-title{font-size:1.25rem}.timer-description{font-size:.9rem;margin-bottom:1rem}.time-display{gap:.5rem;margin-bottom:1rem}.time-separator{font-size:2.5rem;padding-bottom:1.5rem}.time-digit-display{min-width:80px;padding:1rem}.time-digit-value{font-size:2.5rem}.time-digit-label{font-size:.75rem;margin-top:.25rem}.time-inputs-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}.time-input-container{align-items:center;display:flex;flex-direction:column}.time-input-label{font-size:.75rem;margin-bottom:.25rem}.time-input-controls{width:100%}.time-input-btn{min-height:32px;padding:.375rem}.time-input-icon{height:1rem;width:1rem}.time-input-display{padding:.5rem}.time-input-value{font-size:1.25rem}.presets-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}.preset-button{font-size:.75rem;padding:.5rem}.sound-settings{gap:1rem;grid-template-columns:1fr}.control-buttons{flex-direction:column;gap:.75rem}.control-btn{font-size:1rem;padding:.875rem}}@media (max-width:480px){.timer-card{padding:1rem}.timer-title{font-size:1.125rem}.timer-icon{height:1.5rem;width:1.5rem}.time-display{gap:.25rem}.time-separator{font-size:2rem;padding-bottom:1rem}.time-digit-display{min-width:60px;padding:.75rem}.time-digit-value{font-size:2rem}.time-digit-label{font-size:.65rem}.time-inputs-grid{gap:.375rem;grid-template-columns:repeat(3,1fr)}.time-input-container{align-items:center;display:flex;flex-direction:column}.time-input-label{font-size:.65rem;margin-bottom:.25rem}.time-input-controls{width:100%}.time-input-btn{min-height:28px;padding:.25rem}.time-input-icon{height:.875rem;width:.875rem}.time-input-display{padding:.375rem}.time-input-value{font-size:1rem}.presets-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.preset-button{font-size:.7rem;padding:.5rem .25rem}.control-btn{font-size:.9rem;padding:.75rem}.alarm-title{font-size:1.5rem}.alarm-icon{height:3rem;width:3rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.video-alarm-settings{background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.video-alarm-toggle{margin-bottom:var(--spacing-4)}.video-settings{display:flex;flex-direction:column;gap:var(--spacing-4)}.video-input-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.video-label{font-weight:600}.video-input,.video-label{color:#fff;font-size:.875rem}.video-input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.5rem;padding:var(--spacing-3);transition:all .2s ease}.video-input:focus{background:#ffffff26;border-color:#22c55e80;outline:none}.video-input::placeholder{color:#fff9}@media (max-width:768px){.video-settings{gap:var(--spacing-3)}.video-input{font-size:.8rem;padding:var(--spacing-2)}}.page{align-items:center;background:var(--gradient-bg);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:var(--spacing-6);position:relative}.page:before{background:var(--bg-overlay);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:var(--z-background)}.page>*{max-width:1200px;position:relative;width:100%;z-index:var(--z-content)}.page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-8) 0;text-align:center;text-shadow:0 4px 8px var(--bg-overlay)}.timers-list{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.no-timers{-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-8);text-align:center}.no-timers p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}@media (max-width:768px){.page{padding:var(--spacing-4)}.page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6)}}@media (max-width:480px){.page{padding:var(--spacing-3)}.page-title{font-size:var(--font-size-2xl)}}
/*# sourceMappingURL=main.dcc185d0.css.map*/