@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=Roboto+Mono:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--glow-color: rgba(0, 255, 136, .5);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-bg=oled]{--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #0a0a0a}[data-bg=gradient]{--bg-primary: #667eea;--bg-secondary: #764ba2;--bg-tertiary: #f093fb}[data-bg=light]{--bg-primary: #f5f5f5;--bg-secondary: #e0e0e0;--text-primary: #1a1a2e;--text-secondary: rgba(26, 26, 46, .7);--text-muted: rgba(26, 26, 46, .5);--border-color: rgba(0, 0, 0, .1)}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal),color var(--transition-normal)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);pointer-events:none;z-index:-1;transition:background var(--transition-normal)}[data-bg=gradient] body:before{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}[data-bg=oled] body:before{background:#000}[data-bg=light] body:before{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,136,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(51,153,255,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(170,102,255,.02) 0%,transparent 70%);pointer-events:none;z-index:-1}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.page{min-height:100vh;display:flex;flex-direction:column;position:relative}.header{position:sticky;top:0;z-index:100;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem;transition:all var(--transition-normal)}[data-bg=oled] .header{background:#000000f2}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#0f8,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em}.header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.settings-container{position:relative}.clock-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.clock-wrapper{text-align:center;width:100%;max-width:1200px}.clock-display{display:flex;justify-content:center;align-items:center}.footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem;transition:color var(--transition-normal)}.wake-lock-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;transition:all var(--transition-normal)}.wake-lock-badge.active{background:#0f83;color:#0f8}.wake-lock-badge.inactive{background:#ffffff1a;color:var(--text-muted)}.wake-lock-badge.unsupported{display:none}.wake-lock-indicator{width:6px;height:6px;border-radius:50%;transition:all var(--transition-normal)}.wake-lock-badge.active .wake-lock-indicator{background:#0f8;box-shadow:0 0 8px #0f8}[data-high-contrast=true]{--glow-color: rgba(255, 255, 255, .8)}[data-high-contrast=true] .clock-display{filter:contrast(1.2)}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch}.logo{text-align:center}.header-controls{justify-content:center}.clock-container{padding:1rem}.clock-wrapper{padding:0 .5rem}}.keyboard-hint{position:fixed;bottom:20px;left:20px;background:#000c;border-radius:12px;padding:12px 16px;font-size:.75rem;color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.keyboard-hint kbd{background:#ffffff1a;padding:2px 6px;border-radius:4px;margin:0 2px}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#fa0;color:#000;text-align:center;padding:8px;font-size:.85rem;font-weight:500;z-index:9999;transform:translateY(-100%);transition:transform var(--transition-normal)}.offline-indicator.visible{transform:translateY(0)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor,0 0 10px currentColor}50%{box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.9}}@keyframes flipTop{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .5s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fadeIn,.animate-slideUp{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#00ff884d;color:#fff}:focus-visible{outline:2px solid #00ff88;outline-offset:2px}a{color:inherit;text-decoration:none}button{font-family:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::placeholder{color:var(--text-muted)}@media print{.header,.footer,.settings-container,.settings-toggle,button:not(.no-print){display:none!important}.clock-container{page-break-inside:avoid}}.pwa-install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0f8,#0cf);color:#000;padding:16px 24px;border-radius:16px;display:flex;align-items:center;gap:12px;font-weight:600;box-shadow:0 10px 40px #0f86;z-index:1000;animation:slideUp .5s ease-out}.pwa-install-prompt button{padding:8px 16px;background:#0003;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background var(--transition-fast)}.pwa-install-prompt button:hover{background:#0000004d}.wake-lock-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.85rem}.wake-lock-status.active{background:#0f83;color:#0f8}.wake-lock-status.inactive{background:#ffffff1a;color:var(--text-muted)}.wake-lock-dot{width:8px;height:8px;border-radius:50%;transition:all var(--transition-normal)}.wake-lock-status.active .wake-lock-dot{background:#0f8;box-shadow:0 0 8px #0f8}.wake-lock-status.inactive .wake-lock-dot{background:#fff6}