:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{display:flex;justify-content:center;align-items:center}[data-theme=light]{color:#213547;background-color:#f0f0f0}@media(prefers-color-scheme:light){[data-theme=auto]{color:#213547;background-color:#f0f0f0}}.clock-container{display:flex;justify-content:center;align-items:center}.clock-svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.clock-face-outer{fill:#2a2a2a;stroke:#444;stroke-width:3}.clock-face-inner{fill:#1e1e1e;stroke:#333;stroke-width:1}.hour-marker{stroke:#d4af37;stroke-width:3;stroke-linecap:round}.minute-marker{stroke:#888;stroke-width:1;stroke-linecap:round}.hour-number{fill:#d4af37;font-family:Georgia,serif;font-size:12px;font-weight:700}.hour-hand{stroke:silver;stroke-width:5;stroke-linecap:round}.hour-hand-tip{fill:silver}.minute-hand{stroke:#e0e0e0;stroke-width:3;stroke-linecap:round}.minute-hand-tip{fill:#e0e0e0}.second-hand{stroke:#c33;stroke-width:1.5;stroke-linecap:round}.second-hand-tip{fill:#c33}.center-cap{fill:#444;stroke:#555;stroke-width:1}.center-cap-inner{fill:#d4af37}.screw{fill:#555;stroke:#666;stroke-width:.5}.screw-slot{stroke:#333;stroke-width:1}[data-theme=light] .clock-svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}[data-theme=light] .clock-face-outer{fill:#f5f5f5;stroke:#ccc}[data-theme=light] .clock-face-inner{fill:#fafafa;stroke:#ddd}[data-theme=light] .minute-marker{stroke:#aaa}[data-theme=light] .hour-number{fill:#0d7377}[data-theme=light] .hour-marker{stroke:#0d7377}[data-theme=light] .hour-hand{stroke:#333}[data-theme=light] .hour-hand-tip{fill:#333}[data-theme=light] .minute-hand{stroke:#444}[data-theme=light] .minute-hand-tip{fill:#444}[data-theme=light] .center-cap{fill:#ddd;stroke:#ccc}[data-theme=light] .center-cap-inner{fill:#0d7377}[data-theme=light] .screw{fill:#ccc;stroke:#bbb}[data-theme=light] .screw-slot{stroke:#999}@media(prefers-color-scheme:light){[data-theme=auto] .clock-svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}[data-theme=auto] .clock-face-outer{fill:#f5f5f5;stroke:#ccc}[data-theme=auto] .clock-face-inner{fill:#fafafa;stroke:#ddd}[data-theme=auto] .minute-marker{stroke:#aaa}[data-theme=auto] .hour-number{fill:#0d7377}[data-theme=auto] .hour-marker{stroke:#0d7377}[data-theme=auto] .hour-hand{stroke:#333}[data-theme=auto] .hour-hand-tip{fill:#333}[data-theme=auto] .minute-hand{stroke:#444}[data-theme=auto] .minute-hand-tip{fill:#444}[data-theme=auto] .center-cap{fill:#ddd;stroke:#ccc}[data-theme=auto] .center-cap-inner{fill:#0d7377}[data-theme=auto] .screw{fill:#ccc;stroke:#bbb}[data-theme=auto] .screw-slot{stroke:#999}}.digital-clock{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-weight:200;letter-spacing:.05em;color:#ffffffe6;display:flex;align-items:baseline;gap:.1em}.digital-separator{opacity:.5;animation:blink 1s ease-in-out infinite}.digital-seconds{font-size:.6em;opacity:.6}@keyframes blink{0%,to{opacity:.5}50%{opacity:.2}}[data-theme=light] .digital-clock{color:#000000d9}@media(prefers-color-scheme:light){[data-theme=auto] .digital-clock{color:#000000d9}}.date-display{font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:300;letter-spacing:.05em;color:#ffffff80;text-transform:uppercase;margin-top:1rem}[data-theme=light] .date-display{color:#00000073}@media(prefers-color-scheme:light){[data-theme=auto] .date-display{color:#00000073}}.settings-container{position:fixed;top:1rem;right:1rem;z-index:100;opacity:0;transition:opacity .3s ease}.settings-container.visible{opacity:1}.settings-button{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-button:hover{background:#ffffff26;color:#ffffffe6}.settings-button.active{background:#fff3;color:#ffffffe6}.settings-button svg{width:20px;height:20px}.settings-popover{position:absolute;top:calc(100% + .5rem);right:0;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;min-width:140px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #0006;animation:popoverIn .15s ease}.settings-popover.expanded{min-width:200px}@keyframes popoverIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-section{display:flex;flex-direction:column}.settings-section.advanced{border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem;padding-top:.75rem;gap:.75rem}.settings-option{display:flex;align-items:center;gap:.6rem;padding:.5rem .25rem;cursor:pointer;font-size:.9rem;color:#fffc;transition:color .15s ease;-webkit-user-select:none;user-select:none}.settings-option:hover{color:#fff}.settings-option input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;position:relative;transition:all .15s ease;flex-shrink:0}.settings-option input:checked+.checkbox-custom{background:#d4af37;border-color:#d4af37}.settings-option input:checked+.checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #1a1a1a;border-width:0 2px 2px 0;transform:rotate(45deg)}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .25rem;margin-top:.25rem;background:none;border:none;color:#ffffff80;font-size:.8rem;cursor:pointer;transition:color .15s ease}.advanced-toggle:hover{color:#fffc}.advanced-toggle svg{width:14px;height:14px;transition:transform .2s ease}.advanced-toggle svg.rotated{transform:rotate(180deg)}.settings-group{display:flex;flex-direction:column;gap:.4rem}.settings-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#ffffffb3}.settings-value{font-size:.75rem;color:#ffffff80;font-variant-numeric:tabular-nums}.settings-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff26;border-radius:2px;outline:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#d4af37;border-radius:50%;cursor:pointer;transition:transform .15s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider::-moz-range-thumb{width:14px;height:14px;background:#d4af37;border:none;border-radius:50%;cursor:pointer}.reset-button{width:100%;margin-top:.5rem;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,100,100,.3);border-radius:6px;color:#ff6464cc;font-size:.8rem;cursor:pointer;transition:all .15s ease}.reset-button:hover{background:#ff64641a;border-color:#ff646480;color:#ff6464}.theme-buttons{display:flex;gap:.25rem;background:#ffffff0d;border-radius:6px;padding:.2rem}.theme-button{flex:1;padding:.35rem .5rem;background:none;border:none;border-radius:4px;color:#ffffff80;font-size:.75rem;cursor:pointer;transition:all .15s ease}.theme-button:hover{color:#fffc}.theme-button.active{background:#ffffff26;color:#fffffff2}[data-theme=light] .settings-button,.settings-button.light-theme{background:#0000000d;color:#00000080}[data-theme=light] .settings-button:hover{background:#0000001a;color:#000c}[data-theme=light] .settings-button.active{background:#00000026;color:#000000e6}[data-theme=light] .settings-popover{background:#fffffff2;border-color:#0000001a;box-shadow:0 10px 40px #00000026}[data-theme=light] .settings-section.advanced{border-color:#0000001a}[data-theme=light] .settings-option{color:#000000b3}[data-theme=light] .settings-option:hover{color:#000000e6}[data-theme=light] .checkbox-custom{border-color:#00000040}[data-theme=light] .settings-option input:checked+.checkbox-custom{background:#0d7377;border-color:#0d7377}[data-theme=light] .settings-option input:checked+.checkbox-custom:after{border-color:#fff}[data-theme=light] .advanced-toggle{color:#0006}[data-theme=light] .advanced-toggle:hover{color:#000000b3}[data-theme=light] .settings-label{color:#0009}[data-theme=light] .settings-value{color:#0006}[data-theme=light] .settings-slider{background:#0000001a}[data-theme=light] .settings-slider::-webkit-slider-thumb{background:#0d7377}[data-theme=light] .settings-slider::-moz-range-thumb{background:#0d7377}[data-theme=light] .theme-buttons{background:#0000000d}[data-theme=light] .theme-button{color:#0006}[data-theme=light] .theme-button:hover{color:#000000b3}[data-theme=light] .theme-button.active{background:#0000001a;color:#000000e6}[data-theme=light] .reset-button{background:#00000005;border-color:#c832324d;color:#c83232cc}[data-theme=light] .reset-button:hover{background:#c8323214;border-color:#c8323280;color:#c83232}@media(prefers-color-scheme:light){[data-theme=auto] .settings-button{background:#0000000d;color:#00000080}[data-theme=auto] .settings-button:hover{background:#0000001a;color:#000c}[data-theme=auto] .settings-button.active{background:#00000026;color:#000000e6}[data-theme=auto] .settings-popover{background:#fffffff2;border-color:#0000001a;box-shadow:0 10px 40px #00000026}[data-theme=auto] .settings-section.advanced{border-color:#0000001a}[data-theme=auto] .settings-option{color:#000000b3}[data-theme=auto] .settings-option:hover{color:#000000e6}[data-theme=auto] .checkbox-custom{border-color:#00000040}[data-theme=auto] .settings-option input:checked+.checkbox-custom{background:#0d7377;border-color:#0d7377}[data-theme=auto] .settings-option input:checked+.checkbox-custom:after{border-color:#fff}[data-theme=auto] .advanced-toggle{color:#0006}[data-theme=auto] .advanced-toggle:hover{color:#000000b3}[data-theme=auto] .settings-label{color:#0009}[data-theme=auto] .settings-value{color:#0006}[data-theme=auto] .settings-slider{background:#0000001a}[data-theme=auto] .settings-slider::-webkit-slider-thumb{background:#0d7377}[data-theme=auto] .settings-slider::-moz-range-thumb{background:#0d7377}[data-theme=auto] .theme-buttons{background:#0000000d}[data-theme=auto] .theme-button{color:#0006}[data-theme=auto] .theme-button:hover{color:#000000b3}[data-theme=auto] .theme-button.active{background:#0000001a;color:#000000e6}[data-theme=auto] .reset-button{background:#00000005;border-color:#c832324d;color:#c83232cc}[data-theme=auto] .reset-button:hover{background:#c8323214;border-color:#c8323280;color:#c83232}}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1rem;box-sizing:border-box}.clock-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.no-clock-message{font-size:1rem;color:#fff6;font-weight:300}[data-theme=light] .no-clock-message{color:#00000059}@media(prefers-color-scheme:light){[data-theme=auto] .no-clock-message{color:#00000059}}