:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.watch{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.watch-body{position:relative;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1a1a2e,#0f0f1a 70%,#080810);border:3px solid #2a2a3a;box-shadow:0 0 0 4px #111,0 0 30px #000c,inset 0 0 40px #00000080}.watch-brand{position:absolute;top:28%;left:50%;transform:translate(-50%);font-size:.6rem;letter-spacing:.25em;color:#ffffff59;font-weight:500;white-space:nowrap}.date-window{position:absolute;top:50%;right:18%;transform:translateY(-50%);background:#0a0a14;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:2px 6px;display:flex;flex-direction:column;align-items:center;line-height:1.1}.date-day{font-size:.45rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em}.date-num{font-size:.85rem;font-weight:600;color:#ffffffd9;font-variant-numeric:tabular-nums}.tick{position:absolute;top:4px;left:50%;width:1px;height:8px;background:#fff3;transform-origin:.5px 156px;margin-left:-.5px}.tick-major{width:2px;height:14px;background:#fff9;margin-left:-1px;transform-origin:1px 156px}.hour-num{position:absolute;font-size:.9rem;font-weight:600;color:#ffffffbf;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.hand{position:absolute;bottom:50%;left:50%;transform-origin:50% 100%;border-radius:2px}.hand-hour{width:4px;height:70px;margin-left:-2px;background:linear-gradient(to top,#e0e0e0,#fff);z-index:3}.hand-min{width:3px;height:95px;margin-left:-1.5px;background:linear-gradient(to top,#d0d0d0,#fff);z-index:4}.hand-sec{width:1.5px;height:110px;margin-left:-.75px;background:#f44;z-index:5}.center-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#f44;z-index:6;box-shadow:0 0 4px #f449}.digital{display:flex;flex-direction:column;align-items:center;gap:.25rem}.digital-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.8rem;font-weight:300;letter-spacing:.1em;color:#ffffffe6;font-variant-numeric:tabular-nums}.digital-date{font-size:.8rem;color:#fff6;letter-spacing:.05em}