:root{--background: #0a0a0a;--foreground: #fafafa;--card: #ffffff;--card-foreground: #0a0a0a;--muted-foreground: #737373;--border: #262626;--input: #262626;--ring: #fafafa;--primary: #0a0a0a;--primary-foreground: #fafafa;--secondary: #f5f5f5;--secondary-foreground: #0a0a0a;--radius: .75rem;color-scheme:light}:root.dark{--background: #fafafa;--foreground: #0a0a0a;--card: #0a0a0a;--card-foreground: #fafafa;--muted-foreground: #a3a3a3;--border: #e5e5e5;--input: #e5e5e5;--ring: #0a0a0a;--primary: #fafafa;--primary-foreground: #0a0a0a;--secondary: #171717;--secondary-foreground: #fafafa;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.toolbar{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left))}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted-foreground)}.switch{position:relative;width:2.75rem;height:1.5rem;padding:0;border:2px solid transparent;border-radius:9999px;background:var(--input);cursor:pointer;transition:background-color .15s ease}.switch[aria-checked=true]{background:var(--primary)}.switch-thumb{display:block;width:1.25rem;height:1.25rem;border-radius:9999px;background:var(--background);box-shadow:0 1px 3px #0003;transition:transform .15s ease}.switch[aria-checked=true] .switch-thumb{transform:translate(1.25rem)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--background);cursor:pointer}.icon-button[hidden]{display:none}.icon-button:hover{background:var(--secondary)}.icon-button .icon{width:1.25rem;height:1.25rem}.container{min-height:100%;display:grid;place-items:center;padding:5rem 1rem}.card{width:100%;max-width:24rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:0 1px 2px #0000000d;text-align:center}.card-label{margin:0;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.clock{font-size:clamp(3rem,16vw,4.5rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.card-description{margin:0 0 1rem;font-size:.875rem;color:var(--muted-foreground)}.button{width:100%;height:2.75rem;padding:0 1rem;border:1px solid var(--primary);border-radius:calc(var(--radius) - 2px);background:var(--primary);color:var(--primary-foreground);font-size:.9375rem;font-weight:500;cursor:pointer;transition:opacity .15s ease}.button:hover{opacity:.9}.button[data-variant=outline]{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--secondary)}.button[data-variant=outline]:hover{opacity:.9}