:root,[data-theme=daybreak]{--bg: #f4f1ea;--bg-image: radial-gradient(circle at 20% 15%, #fef7ec 0%, #f4f1ea 55%, #ece6da 100%);--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--border: rgba(60, 50, 40, .12);--text: #2c2621;--text-muted: #7a6f63;--accent: #d9743b;--accent-2: #3f8f7d;--shadow: 0 18px 48px rgba(60, 40, 20, .14)}[data-theme=midnight]{--bg: #0e1117;--bg-image: radial-gradient(circle at 80% 10%, #1a2130 0%, #0e1117 60%, #080a0f 100%);--surface: rgba(28, 34, 46, .68);--surface-strong: #1b212c;--border: rgba(255, 255, 255, .08);--text: #e7ecf3;--text-muted: #93a0b4;--accent: #6ea8fe;--accent-2: #7ee0c0;--shadow: 0 20px 56px rgba(0, 0, 0, .45)}[data-dimmed=true]{--bg: #000000;--bg-image: none;--surface: rgba(255, 255, 255, .04);--surface-strong: #0a0a0a;--shadow: none}[data-theme=aurora]{--bg: #141229;--bg-image: linear-gradient(135deg, #3a1c71 0%, #5b2a86 32%, #8f3e9e 58%, #d76d77 82%, #ffaf7b 100%);--surface: rgba(20, 16, 40, .42);--surface-strong: rgba(20, 16, 40, .68);--border: rgba(255, 255, 255, .18);--text: #fdf6ff;--text-muted: #d7c7e8;--accent: #ffd36e;--accent-2: #74f0d0;--shadow: 0 24px 64px rgba(30, 10, 50, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{font-size:16px;-webkit-text-size-adjust:100%}html,body{width:100%;overflow:hidden;overscroll-behavior:none}body,#root{height:100vh;height:100dvh}body{font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--text);background-color:var(--bg);background-image:var(--bg-image);background-attachment:fixed;background-size:cover;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}h1,h2,h3{font-weight:600;line-height:1.2}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.app-shell{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(1.25rem,3vw,2.5rem);overflow:hidden}.app-topbar{width:100%;max-width:72rem;display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.hero-clock{display:flex;flex-direction:column;align-items:center;gap:.3rem}.hero-clock__row{display:flex;align-items:baseline;justify-content:center;gap:clamp(.4rem,1.5vw,1.2rem);max-width:100%}.hero-clock__time{font-size:clamp(6rem,34vw,24rem);font-weight:700;letter-spacing:.01em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%}.hero-clock__seconds{font-size:clamp(2rem,9vw,6rem);font-weight:600;line-height:1;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.hero-clock__date{font-size:clamp(1.4rem,5vw,2.6rem);color:var(--text-muted);text-transform:capitalize}.greeting__text{font-size:clamp(1.5rem,5vw,2.8rem);font-weight:600;color:var(--text)}.settings-button{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,background-color .2s ease}.settings-button:hover{transform:translateY(-1px);background:var(--surface-strong)}.app-main{flex:1;width:100%;max-width:80rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,2.5vw,1.75rem);padding-block:clamp(1.5rem,5vh,3.5rem);text-align:center}.app-footer{width:100%;max-width:72rem;text-align:center;color:var(--text-muted);font-size:.82rem;padding-top:1.5rem}.app-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.app-footer a:hover{color:var(--text)}.theme-switch{display:inline-flex;gap:.35rem;padding:.3rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-switch button{padding:.35rem .75rem;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.82rem;transition:background-color .2s ease,color .2s ease}.theme-switch button[aria-pressed=true]{background:var(--accent);color:var(--surface-strong)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50}.settings-panel{position:fixed;top:0;right:0;bottom:0;width:min(24rem,100vw);display:flex;flex-direction:column;overflow:hidden;z-index:51;background:var(--surface-strong);border-left:1px solid var(--border);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem);overscroll-behavior:contain;animation:settings-slide-in .25s ease}@keyframes settings-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex:0 0 auto}.settings-panel__header h2{font-size:1.3rem;color:var(--text)}.settings-panel__close{border:1px solid var(--border);border-radius:999px;width:2.2rem;height:2.2rem;font-size:1.4rem;line-height:1;background:var(--surface);color:var(--text)}.settings-panel__body{display:flex;flex-direction:column;gap:1.5rem;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-field__label{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.settings-field__input{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.6rem .9rem;font-size:1rem;color:var(--text)}.settings-field__hint{font-size:.8rem;color:var(--text-muted)}.settings-segmented{display:inline-flex;gap:.35rem;padding:.3rem;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.settings-segmented button{flex:1;padding:.45rem .75rem;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.85rem;transition:background-color .2s ease,color .2s ease}.settings-segmented button[aria-pressed=true]{background:var(--accent);color:var(--surface-strong)}.settings-durations{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.settings-duration{display:flex;flex-direction:column;gap:.3rem}.settings-duration .settings-field__input{padding:.45rem .5rem;text-align:center}.kiosk-fullscreen-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;z-index:0}.kiosk-fullscreen-layer:focus-visible{outline:none}.app-topbar,.app-main,.app-footer{position:relative;z-index:1}[data-dimmed=true] body{background-color:#000;background-image:none}[data-dimmed=true] .app-shell{filter:brightness(.55)}[data-dimmed=true] .settings-button,[data-dimmed=true] .theme-switch{background:#0009;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}