:root{--bg-primary:#090d16;--bg-secondary:#0f172ab3;--bg-card:#1e293b99;--border-color:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#38bdf8;--accent-glow:#38bdf833;--clock-hand-hour:#f8fafc;--clock-hand-minute:#38bdf8;--clock-hand-second:#ef4444;--clock-face-bg:#0f172a80;--clock-face-border:#ffffff1f;--digital-font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Courier New", monospace;--body-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--glass-blur:blur(12px)}[data-theme=midnight]{--bg-primary:#030712;--bg-secondary:#111827bf;--bg-card:#1f293799;--border-color:#38bdf826;--text-primary:#e0f2fe;--text-secondary:#7dd3fc;--text-muted:#0284c7;--accent:#06b6d4;--accent-glow:#06b6d440;--clock-hand-hour:#e0f2fe;--clock-hand-minute:#06b6d4;--clock-hand-second:#f43f5e;--clock-face-bg:#0f172acc;--clock-face-border:#38bdf833}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#ffffffd9;--bg-card:#f1f5f9cc;--border-color:#00000014;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#2563eb;--accent-glow:#2563eb26;--clock-hand-hour:#0f172a;--clock-hand-minute:#2563eb;--clock-hand-second:#dc2626;--clock-face-bg:#fff;--clock-face-border:#0000001a}[data-theme=oled]{--bg-primary:#000;--bg-secondary:#000;--bg-card:#0a0a0a;--border-color:#222;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent:#10b981;--accent-glow:#10b9814d;--clock-hand-hour:#fff;--clock-hand-minute:#10b981;--clock-hand-second:#ef4444;--clock-face-bg:#000;--clock-face-border:#333}[data-theme=aurora]{--bg-primary:#0f0c1b;--bg-secondary:#18122bb3;--bg-card:#281e4680;--border-color:#c084fc2e;--text-primary:#fae8ff;--text-secondary:#e9d5ff;--text-muted:#a855f7;--accent:#c084fc;--accent-glow:#c084fc40;--clock-hand-hour:#fae8ff;--clock-hand-minute:#c084fc;--clock-hand-second:#f43f5e;--clock-face-bg:#18122b99;--clock-face-border:#c084fc33}[data-theme=retro]{--bg-primary:#080c08;--bg-secondary:#0c140cd9;--bg-card:#14201499;--border-color:#3f33;--text-primary:#3f3;--text-secondary:#2c2;--text-muted:#158015;--accent:#ffb000;--accent-glow:#ffb0004d;--clock-hand-hour:#3f3;--clock-hand-minute:#ffb000;--clock-hand-second:#f33;--clock-face-bg:#0a120ae6;--clock-face-border:#33ff3340}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,input,select,textarea,.touch-btn,[role=button]{touch-action:manipulation;cursor:pointer;transform:translateZ(0);-webkit-user-select:auto!important;user-select:auto!important;pointer-events:auto!important}html,body{width:100%;height:100%;min-height:100vh;background-color:var(--bg-primary);min-height:-webkit-fill-available;color:var(--text-primary);font-family:var(--body-font);touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.clock-app-root{width:100vw;height:100vh;background-color:var(--bg-primary);height:100dvh;color:var(--text-primary);padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);cursor:pointer;flex-direction:column;transition:opacity .5s,filter .5s;display:flex;position:relative;overflow:hidden}.clock-app-root.auto-dimmed{filter:brightness(.35)}.glass-panel{background-color:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:12px}.touch-btn{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:44px;min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex;-webkit-user-select:auto!important;user-select:auto!important;pointer-events:auto!important}.touch-btn:active{background:var(--accent-glow);transform:scale(.95)translateZ(0)}.controls-fade{transition:opacity .4s,visibility .4s}.controls-hidden{opacity:0;visibility:hidden;pointer-events:none}.controls-visible{opacity:1;visibility:visible;pointer-events:auto}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}