:root{--color-bg: #0f1115;--color-bg-gradient: linear-gradient(135deg, #0f1115 0%, #1a1c23 100%);--color-surface: rgba(30, 32, 40, .6);--color-surface-border: rgba(255, 255, 255, .05);--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-primary: #8b5cf6;--color-primary-variant: #7c3aed;--color-primary-gradient: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--color-on-primary: #ffffff;--font-family-body: "Inter", sans-serif;--font-family-heading: "Outfit", sans-serif;--font-family-mono: "JetBrains Mono", monospace;--transition-speed: .3s;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .4);--blur-amount: 12px;color-scheme:dark}:root[data-theme=light]{--color-bg: #f8fafc;--color-bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--color-surface: rgba(255, 255, 255, .7);--color-surface-border: rgba(0, 0, 0, .05);--color-text: #1e293b;--color-text-muted: #64748b;--color-primary: #4f46e5;--color-primary-variant: #4338ca;--color-primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--color-on-primary: #ffffff;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .1);color-scheme:light}:root[data-theme=neon]{--color-bg: #090a0f;--color-bg-gradient: radial-gradient(circle at 50% 0%, #130032 0%, #090a0f 70%);--color-surface: rgba(19, 21, 26, .6);--color-surface-border: rgba(0, 243, 255, .2);--color-text: #f0f0f0;--color-text-muted: #8892b0;--color-primary: #00f3ff;--color-primary-variant: #ff00ea;--color-primary-gradient: linear-gradient(135deg, #00f3ff 0%, #ff00ea 100%);--color-on-primary: #000000;--shadow-sm: 0 4px 15px -1px rgba(0, 243, 255, .2);--shadow-lg: 0 10px 30px -3px rgba(255, 0, 234, .3);color-scheme:dark}:root[data-theme=ocean]{--color-bg: #001220;--color-bg-gradient: linear-gradient(180deg, #001f3f 0%, #001220 100%);--color-surface: rgba(0, 51, 102, .4);--color-surface-border: rgba(128, 222, 234, .1);--color-text: #e0f7fa;--color-text-muted: #80deea;--color-primary: #00e5ff;--color-primary-variant: #00b8d4;--color-primary-gradient: linear-gradient(135deg, #84ffff 0%, #00e5ff 100%);--color-on-primary: #001220;--shadow-sm: 0 4px 12px -1px rgba(0, 229, 255, .1);--shadow-lg: 0 10px 30px -3px rgba(0, 229, 255, .2);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);background:var(--color-bg-gradient);background-attachment:fixed;color:var(--color-text);transition:background var(--transition-speed),color var(--transition-speed);display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}header{display:flex;justify-content:space-between;align-items:center;padding:.25rem 2rem;background:var(--color-surface);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-bottom:1px solid var(--color-surface-border);box-shadow:var(--shadow-sm);transition:background var(--transition-speed),border-color var(--transition-speed);z-index:10}.header-right{display:flex;gap:.75rem;align-items:center}header h1{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:800;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}button{background:none;border:none;cursor:pointer;color:var(--color-text);font-family:var(--font-family);transition:background-color var(--transition-speed),color var(--transition-speed),transform var(--transition-speed),border-color var(--transition-speed)}button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#theme-btn,#lang-btn{font-size:1.5rem;padding:.5rem;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center}#theme-btn:hover,#lang-btn:hover{background-color:#ffffff1a}:root[data-theme=light] #theme-btn:hover,:root[data-theme=light] #lang-btn:hover{background-color:#0000001a}#main-nav{display:flex;overflow-x:auto;background:var(--color-surface);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-bottom:1px solid var(--color-surface-border);scrollbar-width:none}#main-nav::-webkit-scrollbar{display:none}.nav-btn{flex:1;min-width:80px;padding:1rem .5rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted);border-bottom:3px solid transparent;white-space:nowrap}@media(max-width:400px){.nav-btn{font-size:.7rem;min-width:60px}}@media(max-width:320px){.nav-btn{font-size:.6rem;min-width:60px}}.nav-btn.active{color:var(--color-primary);border-bottom:3px solid var(--color-primary)}.ads-container{width:100%;background-color:#8080801a;min-height:50px;display:flex;justify-content:center;align-items:center;padding:10px;border-bottom:1px solid var(--color-surface)}.ads-placeholder{font-size:.8rem;color:var(--color-text-muted)}#app-content{flex:1;display:flex;flex-direction:column;position:relative}.view{display:none;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding:1rem 1.5rem 1.5rem;animation:fadeIn .4s cubic-bezier(.16,1,.3,1);width:100%;max-width:900px;margin:0 auto}.view.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.time-display{font-family:"clockicons",var(--font-family-mono);font-size:6rem;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,0,0,.15);letter-spacing:-2px;line-height:1;margin:1rem 0;transition:transform var(--transition-speed)}@media(max-width:400px){.time-display{font-size:5rem}}@media(max-width:320px){.time-display{font-size:3.2rem}}:root[data-theme=neon] .time-display{text-shadow:0 0 20px var(--color-primary)}.search-container{width:100%;max-width:400px;margin:1rem 0 .5rem;padding-top:.5rem;border-top:1px solid rgba(128,128,128,.2)}#city-search{width:100%;background:var(--color-surface);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-surface-border);color:var(--color-text);padding:.75rem 1.25rem;border-radius:24px;font-family:var(--font-family-body);font-size:1rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}#city-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf633;outline:none}.date-display{font-size:1.2rem;color:var(--color-text-muted);margin-top:.5rem}@media(max-width:400px){.date-display{font-size:1.1rem}}@media(max-width:320px){.date-display{font-size:.8rem}}.local-label{font-size:.9rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-top:.5rem;font-weight:600;opacity:.8}@media(max-width:400px){.local-label{font-size:.8rem}}@media(max-width:320px){.local-label{font-size:.7rem}}.world-clocks{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:500px}@media(min-width:600px){.world-clocks{grid-template-columns:repeat(4,1fr);max-width:800px}}.world-clock{background:var(--color-surface);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-surface-border);box-shadow:var(--shadow-sm);padding:1.25rem .5rem;border-radius:16px;text-align:center;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.world-clock:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.world-clock .city{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.world-clock .time{font-size:1.25rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}dialog{margin:auto;padding:2rem;border:1px solid var(--color-surface-border);border-radius:16px;background:var(--color-surface);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));color:var(--color-text);box-shadow:var(--shadow-lg);max-width:90%;width:360px}dialog::backdrop{background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}dialog h2{margin-bottom:1.5rem;font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700}.theme-options,.lang-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.theme-option,.lang-option{padding:.75rem;border-radius:8px;background-color:#8080801a;text-align:left;font-weight:500}.theme-option:hover,.lang-option:hover{background-color:var(--color-primary);color:var(--color-on-primary);transform:scale(1.02)}#close-theme-dialog,#close-lang-dialog{width:100%;padding:.75rem;border-radius:8px;background-color:transparent;border:1px solid var(--color-text-muted)}#close-theme-dialog:hover,#close-lang-dialog:hover{background-color:#8080801a}.controls{display:flex;gap:1rem;margin:1.5rem 0;justify-content:center;align-items:center;flex-wrap:wrap}input[type=number],input[type=time]{background:#0003;border:1px solid var(--color-surface-border);color:var(--color-text);padding:1rem;border-radius:12px;font-size:1.5rem;font-family:var(--font-family-mono);width:120px;text-align:center;transition:border-color .2s,box-shadow .2s}input[type=number]:focus,input[type=time]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf633;outline:none}input[type=time]{width:auto;min-width:160px;display:inline-block}input[type=time]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit-fields-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:0;line-height:1.5}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer}#alarm-set{font-size:1.25rem;padding:.75rem 2rem;background-color:var(--color-primary);color:var(--color-on-primary);border-radius:8px;font-weight:600}#alarm-set:hover{background-color:var(--color-primary-variant)}.actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem}.btn-primary{background:var(--color-primary-gradient);color:var(--color-on-primary);border-radius:10px;height:50px;box-shadow:0 4px 15px -3px var(--color-primary);transition:transform .2s,box-shadow .2s,filter .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px var(--color-primary);filter:brightness(1.1)}.btn-secondary{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);transition:background-color .2s,transform .2s}.btn-secondary:hover{background-color:#8080801a;transform:translateY(-2px)}.btn-danger{color:#ff4757;border:2px solid #ff4757;background-color:transparent;transition:background-color .2s,transform .2s,color .2s}.btn-danger:hover{background-color:#ff4757;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px -5px #ff475780}.alarm-list,.laps-list{margin-top:1.5rem;width:100%;max-width:300px;display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#8080800d;border-radius:8px}.list-item button{color:#ff5252;padding:.25rem .5rem;border-radius:4px}.list-item button:hover{background-color:#ff52521a}@keyframes intensePulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.running-pulse{animation:intensePulse 2s infinite ease-in-out;color:var(--color-primary)}