.dark{color:#ffffffde;background-color:#242424;--color-orange: #ff8c42;--color-red: #ff5959;--color-primary: #4242fa;--color-primary-light: #646cff;--color-text: #f9f9f9;--color-secondary: #5a6072;--color-background2: #21232c;--color-background: #1a1a1a;--shadow-color: rgba(0, 0, 0, .102)}.light{color:#242424;background-color:#f9f9f9;--color-orange: #ff8c42;--color-red: #ff5959;--color-primary: #4242fa;--color-primary-light: #646cff;--color-text: #21232c;--color-secondary: #5a6072;--color-background2: #f9f9f9;--color-background: #ffffff;--shadow-color: rgba(0, 0, 0, .102)}.app{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-width:30em;max-width:50em;margin:auto;padding:2rem;text-align:center}a{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:500;color:var(--color-primary-light);text-decoration:inherit}a:hover{color:var(--color-primary-light)}body{margin:0;min-width:100vw;min-height:100vh;background-color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-background2);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.settings{display:flex;flex-direction:column;position:fixed;top:0;left:50%;gap:1em;margin:2em auto;padding:1em;border-radius:8px;border:2px solid var(--color-secondary);background-color:var(--color-background);color:var(--color-primary);font-size:1em;font-family:inherit}.settings .subtitle{font-size:1.2em;font-weight:500;-webkit-user-select:none;user-select:none}.clock{font-weight:500;-webkit-user-select:none;user-select:none}.clock .hours{font-size:5em;color:var(--color-orange)}.clock .minutes{font-size:5em;color:var(--color-red)}.clock .seconds{font-size:4em;color:var(--color-primary)}.clock .divider{font-size:4em;color:var(--color-text)}.clock .ampm{font-size:2em;margin-left:.5em;color:var(--color-secondary)}.analog-clock-container{display:flex;justify-content:center;align-items:center;gap:2em}.analog-clock{position:relative;width:20em;height:20em;border-radius:50%;background:var(--color-background);box-shadow:0 0 10px var(--shadow-color)}.analog-clock.playing{outline:2px solid var(--color-primary);outline-offset:4px;animation:sound .5s ease-in-out infinite}@keyframes sound{0%{transform:scale(1)}25%{transform:scale(1.01)}50%{transform:scale(1)}75%{transform:scale(.99)}to{transform:scale(1)}}.hour-hand{position:absolute;top:50%;left:2em;width:8em;height:.3em;background:var(--color-orange);transform-origin:100%;transform:translate(-50%,-50%) rotate(0)}.minute-hand{position:absolute;top:50%;left:1em;width:9em;height:.1em;background:var(--color-red);transform-origin:100%;transform:translate(-50%,-50%) rotate(0)}.second-hand{position:absolute;top:50%;width:10em;height:.05em;background:var(--color-primary);transform-origin:100%;transform:translate(-50%,-50%) rotate(0)}.checkbox{--font-family: Arial, sans-serif;position:relative;display:inline-flex;align-items:center;cursor:pointer}.checkbox .input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer}.checkbox .visible-contents{display:flex;align-items:center}.checkbox .visible-box{position:relative;border:2px solid var(--color-secondary);border-radius:4px;margin-right:8px;transition:border-color .2s ease-in-out;flex-shrink:0}.checkbox .input:hover+.visible-contents .visible-box{border-color:var(--color-background2)}.checkbox .input:focus-visible+.visible-contents .visible-box{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox .filled{position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--color-primary);border-radius:2px;transform:scale(0);transition:transform .2s ease-in-out;z-index:0}.checkbox .input:checked+.visible-contents .visible-box .filled{transform:scale(1)}.checkbox .text{font-size:1rem;font-family:var(--font-family);color:var(--color-secondary);white-space:nowrap}.checkbox.disabled{cursor:not-allowed;pointer-events:none}.checkbox.disabled .visible-box{border-color:var(--color-background2)}.checkbox.disabled .input:checked+.visible-contents .visible-box .filled{background:var(--color-background2)}.checkbox.disabled .text{color:var(--color-background2)}.slidecontainer{--font-family: Arial, sans-serif;position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:.5em 0}.slider:hover{opacity:1}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;border-radius:5px;background:var(--color-background2);outline:2px solid var(--color-secondary);outline-offset:2px;opacity:.9;cursor:pointer;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:4px;background:var(--color-primary);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:4px;background:var(--color-primary);cursor:pointer}.slider-label{font-size:1em;color:var(--color-secondary);margin-bottom:.5em;-webkit-user-select:none;user-select:none;font-weight:500}.dropdown{position:relative;display:inline-flex;flex-direction:column}.dropdown>label{font-size:1em;color:var(--color-secondary);margin-bottom:.5em;-webkit-user-select:none;user-select:none;font-weight:500;text-align:left}.dropdown-content{display:none;position:absolute;top:3.8em;left:0;background-color:var(--color-background2);min-width:160px;box-shadow:0 8px 16px 0 var(--shadow-color);z-index:1;border-radius:.4em}.dropdown-content a{color:var(--color-text);padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:var(--color-primary-light);border-radius:.4em}.show>.dropdown-content{display:block}.button{background-color:var(--color-background2);color:var(--color-text);padding:.4em .5em;font-size:1em;font-weight:500;cursor:pointer;min-width:6em;max-width:12em;border:2px solid transparent;transition:border-color .25s;font-family:inherit;border-radius:.8em}.button:hover,.button:focus{border-color:var(--color-primary)}.button:active{background-color:var(--color-background);border-color:var(--color-primary-light)}.dropbtn:after{content:"▼";margin-left:.5em}.dropdown.show>.dropbtn:after{content:"▲"}.button.disabled{cursor:not-allowed;pointer-events:none;opacity:.5;border-color:var(--color-secondary)}