.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:visible}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.aurora-container{width:100%;height:100%}.aurora-container canvas{width:100%;height:100%;display:block}:root{color:#f7f7f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#000;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#000;min-width:320px;min-height:100vh;margin:0;overflow:hidden}.stage{--bg-base:#020308;--bg-mid:#050713;--bg-vignette:#010102;--aurora-a:103 255 228;--aurora-b:183 219 255;--aurora-c:139 92 246;--aurora-d:66 153 225;--grid-color:183 219 255;background:radial-gradient(circle at 20% 14%, rgb(var(--weather-tint,126 232 255) / var(--weather-opacity,.1)), transparent 34%), radial-gradient(circle at 50% -8%, rgb(var(--aurora-a) / .16), transparent 34%), radial-gradient(circle at 82% 74%, rgb(var(--aurora-c) / .18), transparent 42%), linear-gradient(135deg, var(--bg-base) 0%, var(--bg-mid) 48%, var(--bg-vignette) 100%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.theme-morning{--bg-base:#090706;--bg-mid:#151321;--bg-vignette:#020204;--aurora-a:245 188 118;--aurora-b:126 232 255;--aurora-c:186 139 255;--aurora-d:255 154 112;--grid-color:255 214 162}.theme-day{--bg-base:#03070d;--bg-mid:#071323;--bg-vignette:#010308;--aurora-a:126 232 255;--aurora-b:183 219 255;--aurora-c:103 255 228;--aurora-d:122 162 255;--grid-color:183 219 255}.theme-evening{--bg-base:#0b050d;--bg-mid:#1a0d24;--bg-vignette:#020104;--aurora-a:239 124 98;--aurora-b:255 196 112;--aurora-c:182 108 255;--aurora-d:103 255 228;--grid-color:255 196 180}.theme-night{--bg-base:#020308;--bg-mid:#050713;--bg-vignette:#010102;--aurora-a:103 255 228;--aurora-b:183 219 255;--aurora-c:139 92 246;--aurora-d:66 153 225;--grid-color:183 219 255}.weather-clear{--weather-tint:126 232 255;--weather-opacity:.1}.weather-cloudy{--weather-tint:190 205 225;--weather-opacity:.12}.weather-rain{--weather-tint:92 156 255;--weather-opacity:.16}.weather-fog{--weather-tint:220 226 236;--weather-opacity:.2}.weather-snow{--weather-tint:215 240 255;--weather-opacity:.18}.intensity-calm{--aurora-opacity:.72;--aurora-brightness:1.08}.intensity-normal{--aurora-opacity:1;--aurora-brightness:1.35}.intensity-vivid{--aurora-opacity:1;--aurora-brightness:1.62}.decor,.decor-grid,.aurora-field{pointer-events:none;transition:background .9s,opacity .9s,filter .9s;position:absolute}.stage:before{content:"";pointer-events:none;z-index:0;opacity:.055;background-image:radial-gradient(circle,#ffffff1f 0 1px,#0000 1px),radial-gradient(circle,#ffffff14 0 1px,#0000 1px);background-position:0 0,11px 7px;background-size:17px 17px,29px 29px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.stage:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0000 38%,#00000038 100%),linear-gradient(#ffffff0f,#0000 34%,#0000002e);position:absolute;inset:0}.theme-cue{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 28%, rgb(var(--aurora-b) / .18), transparent 46%);animation:1.1s ease-out both theme-cue;position:absolute;inset:0}.aurora-field{z-index:0;opacity:var(--aurora-opacity,1);filter:blur(8px) saturate(150%) brightness(var(--aurora-brightness,1.35));animation:36s ease-in-out infinite alternate aurora-drift;inset:-10% -6%;overflow:hidden;transform:translate(0,0)rotate(-2deg)scale(1.04);-webkit-mask-image:linear-gradient(#000 0% 76%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#0000 100%)}.aurora-field:before{content:"";z-index:-1;background:linear-gradient(112deg, transparent 10%, rgb(var(--aurora-a) / .28) 30%, transparent 50%), linear-gradient(72deg, transparent 28%, rgb(var(--aurora-c) / .24) 48%, transparent 68%), radial-gradient(ellipse at 58% 28%, rgb(var(--aurora-b) / .22), transparent 48%);position:absolute;inset:0}.aurora-field .aurora-container{opacity:1;transform:translateY(-10%)scale(1.24)}.decor-one{background:radial-gradient(circle, rgb(var(--aurora-a) / .26), transparent 66%);filter:blur(70px);z-index:0;border-radius:999px;width:48vmax;height:48vmax;animation:28s ease-in-out infinite alternate drift-one;top:-22vmax;left:-18vmax}.decor-two{background:radial-gradient(circle, rgb(var(--aurora-c) / .28), transparent 62%);filter:blur(86px);z-index:0;border-radius:999px;width:54vmax;height:54vmax;animation:34s ease-in-out infinite alternate drift-two;bottom:-32vmax;right:-18vmax}.decor-three{background:radial-gradient(circle, rgb(var(--aurora-b) / .16), transparent 64%);filter:blur(58px);z-index:0;border-radius:999px;width:34vmax;height:34vmax;animation:31s ease-in-out infinite alternate drift-three;top:8%;left:44%}.decor-grid{z-index:0;background-image:linear-gradient(rgb(var(--grid-color) / .03) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--grid-color) / .026) 1px, transparent 1px);opacity:.12;background-size:56px 56px;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 68%);mask-image:radial-gradient(#000 0%,#0000 68%)}.settings-shell{z-index:3;flex-direction:column;align-items:center;gap:12px;max-width:calc(100% - 44px);transition:opacity .26s,transform .26s;display:flex;position:absolute;top:22px;right:22px}.ui-hidden .settings-shell,.ui-hidden .install-prompt{opacity:0;pointer-events:none;transform:translateY(-10px)}.settings-trigger,.panel-action,.weather-consent button,.install-prompt button{color:#f7f7f8c7;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);min-height:34px;font:inherit;cursor:pointer;background:#070a1280;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.8rem;font-weight:800;transition:color .18s,background .18s,border-color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 14px 42px #00000047}.settings-trigger:hover,.settings-trigger:focus-visible,.panel-action:hover,.panel-action:focus-visible,.weather-consent button:hover,.weather-consent button:focus-visible,.install-prompt button:hover,.install-prompt button:focus-visible{color:#fff;background:#ffffff1a;border-color:#fff3;outline:none}.settings-trigger span{white-space:nowrap;max-width:72px;transition:max-width .22s,opacity .22s;overflow:hidden}.settings-shell:not(:hover):not(:focus-within) .settings-trigger span{opacity:0;max-width:0}.settings-panel{-webkit-backdrop-filter:blur(28px)saturate(155%);backdrop-filter:blur(28px)saturate(155%);background:linear-gradient(145deg,#090c16bd,#090c167a);border:1px solid #ffffff21;border-radius:28px;width:min(420px,100vw - 44px);padding:14px;box-shadow:inset 0 1px #ffffff1f,0 28px 90px #0000007a}.panel-section{gap:8px;display:grid}.panel-section+.panel-section,.weather-consent{margin-top:12px}.panel-label{color:#f7f7f87a;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-action{background:#fff1;border-color:#ffffff1a;width:100%;min-height:38px;box-shadow:inset 0 1px #ffffff1a}.weather-consent{color:#f7f7f894;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px;font-size:.8rem;line-height:1.35;display:grid}.weather-consent .weather-status,.weather-consent button{grid-column:1/-1}.panel-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:20px;padding:10px}.panel-span{grid-column:1/-1}.panel-action.is-active{color:#fff;background:linear-gradient(135deg, rgb(var(--aurora-a) / .22), rgb(var(--aurora-c) / .2))}.weather-consent button{white-space:nowrap;min-height:30px;box-shadow:none}.weather-status{align-items:center;gap:8px;display:inline-flex}.weather-status-loading,.weather-consent-loading{color:rgb(var(--aurora-b) / .9)}.weather-status-denied,.weather-status-error,.weather-status-offline,.weather-consent-denied,.weather-consent-error,.weather-consent-offline{color:#ffc470e6}.weather-status-ready,.weather-consent-ready{color:#67ffe4db}.weather-spin{animation:.9s linear infinite weather-spin}.shortcut-hint{color:#f7f7f875;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin-top:12px;padding:10px 12px;font-size:.75rem;line-height:1.45}.control-group{-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#070a1275;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 14px 42px #00000052}.theme-switcher,.intensity-switcher,.language-switcher{justify-content:center;width:100%}.control-group button{color:#f7f7f89e;min-height:30px;font:inherit;letter-spacing:.02em;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:.75rem;font-weight:700;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex}.control-group button:hover,.control-group button:focus-visible{color:#ffffffe6;background:#ffffff17;outline:none}.control-group button.is-active{color:#fff;background:linear-gradient(135deg, rgb(var(--aurora-a) / .28), rgb(var(--aurora-c) / .22));box-shadow:inset 0 1px 0 #ffffff29, 0 0 22px rgb(var(--aurora-b) / .16)}.language-switcher button{text-transform:none;min-width:36px}.city-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.city-picker button{color:#f7f7f894;min-height:32px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;font-size:.75rem;font-weight:800}.city-picker button.is-active{color:#fff;background:linear-gradient(135deg, rgb(var(--aurora-a) / .24), rgb(var(--aurora-c) / .18))}.install-prompt,.update-prompt{z-index:3;color:#f7f7f8b3;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#070a1280;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px;transition:opacity .26s,transform .26s;display:flex;position:absolute;bottom:22px;left:22px;box-shadow:inset 0 1px #ffffff1f,0 14px 42px #00000047}.install-prompt button,.update-prompt button{min-height:30px;box-shadow:none;background:0 0;border:0}.update-prompt{color:#f7f7f8b8;left:auto;right:22px}.aurora-fallback{background:linear-gradient(115deg, transparent 10%, rgb(var(--aurora-a) / .24) 30%, transparent 52%), radial-gradient(ellipse at 70% 40%, rgb(var(--aurora-c) / .22), transparent 54%);width:100%;height:100%}.visual-fallback{display:block}.flip-shell{z-index:1;-webkit-backdrop-filter:blur(34px)saturate(150%);backdrop-filter:blur(34px)saturate(150%);background:linear-gradient(145deg,#ffffff2e,#ffffff0e);border:1px solid #ffffff2e;border-radius:38px;width:100%;padding:clamp(24px,4vw,48px);position:relative;box-shadow:0 40px 120px #000000d1,inset 0 1px #ffffff47,inset 0 -1px #ffffff14}.burn-in-guard{animation:420s ease-in-out infinite alternate burn-in-drift}.clock-glow{z-index:1;background:0 0;border-color:#ffffff14;width:min(1280px,100%);position:relative}.clock-glow:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, rgb(var(--aurora-b) / .18), transparent 68%), radial-gradient(ellipse at 58% 54%, rgb(var(--aurora-c) / .11), transparent 62%);filter:blur(34px);opacity:.95;border-radius:48px;transition:background .9s,opacity .9s;position:absolute;inset:-12%}.clock-glow .border-glow-inner{width:100%}.flip-shell.card-spotlight{background-color:#0000;border-color:#ffffff2e;border-radius:38px}.flip-shell.card-spotlight:before{z-index:0}.flip-shell:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#ffffff47,#0000 34%,#ffffff0f 68%,#0000);border-radius:37px;position:absolute;inset:1px}.glass-toolbar,.glass-meta{z-index:1;color:#f7f7f8ad;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.glass-pill,.glass-status{letter-spacing:.04em;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.86rem;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.glass-status:before{content:"";background:#34c759;border-radius:50%;width:7px;height:7px;margin-right:8px;box-shadow:0 0 16px #34c759e6}.display-clock{z-index:1;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:clamp(8px,1.8vw,24px);margin:clamp(34px,6vw,70px) 0 clamp(28px,5vw,50px);display:grid;position:relative}.meridiem-badge{z-index:1;color:#f7f7f8ad;letter-spacing:.16em;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;width:fit-content;margin:clamp(-34px,-3vw,-18px) auto 24px;padding:7px 13px;font-size:.74rem;font-weight:800;position:relative}.time-unit{justify-items:center;gap:14px;min-width:0;display:grid}.time-value{color:#f5f5f7;letter-spacing:-.06em;text-shadow:0 18px 50px #000000b8,0 0 44px #ffffff1f;padding-right:.06em;font-size:clamp(6.2rem,15vw,13.6rem);font-weight:760;line-height:.88;animation:.36s ease-out both value-pop;display:block}.time-label{color:#f7f7f880;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:600}.time-separator{color:#f7f7f899;text-shadow:0 0 32px #ffffff3d;align-self:center;margin-top:-30px;font-size:clamp(4rem,9vw,8.5rem);font-weight:500;line-height:1;animation:1s steps(2,jump-none) infinite separator-pulse}.world-clock-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex;position:relative}.desktop-mode .world-clock-row,.desktop-mode .glass-meta .weather-status,.desktop-mode .glass-meta span:nth-child(2){display:none}.world-pill{color:#f7f7f89e;background:#fff1;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;min-height:38px;padding:0 14px;font-size:.88rem;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.world-pill strong{color:#f7f7f8d6;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.glass-meta{color:#f7f7f88f;flex-wrap:wrap;justify-content:center;font-size:.95rem}.glass-meta span{align-items:center;gap:8px;display:inline-flex}@keyframes value-pop{0%{opacity:.45;transform:translateY(.06em)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes separator-pulse{50%{opacity:.34}}@keyframes theme-cue{0%{opacity:.75}to{opacity:0}}@keyframes weather-spin{to{transform:rotate(360deg)}}@keyframes burn-in-drift{0%{transform:translate(-4px,-3px)}50%{transform:translate(5px,3px)}to{transform:translate(-2px,4px)}}@keyframes aurora-drift{to{transform:translate(2vw,-2vh)rotate(7deg)scale(1.12)}}@keyframes drift-one{to{transform:translate(5vw,3vh)scale(1.08)}}@keyframes drift-two{to{transform:translate(-4vw,-4vh)scale(1.06)}}@keyframes drift-three{to{transform:translate(-3vw,5vh)scale(1.12)}}@media (width<=820px){body{overflow:auto}.settings-shell{align-items:flex-start;max-width:calc(100% - 32px);inset:auto auto 16px 16px}.theme-switcher{max-width:100%;overflow-x:auto}.aurora-field{filter:blur(6px)saturate(142%)brightness(1.22);opacity:.92;inset:-12% -20%}.aurora-field .aurora-container{transform:translateY(-10%)scale(1.08)}.display-clock{grid-template-columns:1fr;margin-top:clamp(24px,8vw,44px)}.time-separator{display:none}}@media (width<=520px){.stage{padding:16px}.decor-one,.decor-two,.decor-three{filter:blur(52px);opacity:.76}.decor-grid{opacity:.08;background-size:44px 44px}.clock-glow:before{filter:blur(26px);opacity:.78;inset:-18%}.flip-shell{border-radius:28px}.glass-toolbar{flex-direction:column;align-items:flex-start}.settings-panel{border-radius:24px;width:calc(100vw - 32px);max-height:min(70vh,560px);overflow:auto}.panel-grid{grid-template-columns:1fr}.weather-consent{grid-template-columns:auto 1fr}.weather-consent .weather-status,.weather-consent button{grid-column:1/-1}.city-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.control-group{justify-content:center;width:100%}.control-group button{flex:1;padding:0 9px}.install-prompt,.update-prompt{border-radius:24px;flex-wrap:wrap;justify-content:center;bottom:16px;left:16px;right:16px}.world-pill{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.aurora-field,.decor-one,.decor-two,.decor-three,.time-value,.time-separator{animation:none}.aurora-field .aurora-container{opacity:.72}}.settings-shell{transform-origin:100% 0}.settings-trigger{border-radius:999px 0 0 999px;margin-right:-6px;transform:translate(6px)}.settings-shell:hover .settings-trigger,.settings-shell:focus-within .settings-trigger{transform:translate(0)}.settings-panel{overscroll-behavior:contain;scrollbar-color:#ffffff47 transparent;scrollbar-width:thin;gap:12px;width:min(460px,100vw - 44px);max-height:calc(100vh - 64px);display:grid;overflow-y:auto}.settings-panel::-webkit-scrollbar{width:8px}.settings-panel::-webkit-scrollbar-track{background:0 0}.settings-panel::-webkit-scrollbar-thumb{background:#ffffff3d padding-box content-box;border:2px solid #0000;border-radius:999px}.panel-card{position:relative;overflow:hidden}.panel-card:before{content:"";pointer-events:none;opacity:.6;background:linear-gradient(135deg,#ffffff14,#0000 42%);position:absolute;inset:0}.panel-heading{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.panel-heading p{color:#f7f7f86b;margin:4px 0 0;font-size:.76rem;line-height:1.45}.panel-badge{color:#ffffffc7;letter-spacing:.08em;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;flex:none;padding:4px 8px;font-size:.68rem;font-weight:900}.theme-preview-grid{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid;position:relative}.theme-preview{color:#f7f7f89e;min-height:64px;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:16px;gap:7px;padding:8px;font-size:.72rem;font-weight:800;display:grid}.theme-preview.is-active{color:#fff;border-color:rgb(var(--aurora-b) / .42);box-shadow:0 0 28px rgb(var(--aurora-b) / .15), inset 0 1px 0 #ffffff24}.theme-swatch{border-radius:10px;height:24px;display:block;box-shadow:inset 0 1px #ffffff3d}.theme-preview-auto .theme-swatch{background:linear-gradient(135deg,#ffd69a,#7ee8ff 48%,#8b5cf6)}.theme-preview-morning .theme-swatch{background:linear-gradient(135deg,#ffd69a,#7ee8ff,#ba8bff)}.theme-preview-day .theme-swatch{background:linear-gradient(135deg,#7ee8ff,#b7dbff,#67ffe4)}.theme-preview-evening .theme-swatch{background:linear-gradient(135deg,#ff8c66,#b66cff,#67ffe4)}.theme-preview-night .theme-swatch{background:linear-gradient(135deg,#67ffe4,#b7dbff,#8b5cf6)}.segmented-slider{z-index:1;background:#00000038;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid;position:relative}.segmented-slider button{color:#f7f7f894;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.76rem;font-weight:900}.panel-action{white-space:nowrap}.time-panel .panel-action{min-width:max-content}.app-panel{flex-direction:column;gap:12px;display:flex}.app-panel .panel-action{box-sizing:border-box;text-align:center;flex:none;justify-content:center;width:100%;min-width:100%;max-width:100%;min-height:42px;padding-inline:16px;font-size:.78rem;line-height:1;display:flex;overflow:hidden}.app-panel .panel-action svg{flex:none}.app-panel .panel-span{width:100%}.segmented-slider button.is-active{color:#fff;background:linear-gradient(135deg, rgb(var(--aurora-a) / .28), rgb(var(--aurora-c) / .22))}.city-picker button{position:relative;overflow:hidden}.city-picker button.is-active{background:linear-gradient(#10121c, #10121c) padding-box, linear-gradient(135deg, rgb(var(--aurora-a)), rgb(var(--aurora-c))) border-box;border-color:#0000}.world-clock-row{grid-template-columns:repeat(3,minmax(0,1fr));width:min(760px,100%);margin-inline:auto;display:grid}.world-card{color:#f7f7f8a8;background:linear-gradient(145deg,#ffffff17,#ffffff0b);border:1px solid #ffffff1f;border-radius:22px;justify-items:start;gap:8px;min-height:118px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 18px 48px #00000038}.world-card strong{color:#f7f7f8e6;letter-spacing:.04em;font-size:.9rem}.world-card span{color:#f7f7f86b;overflow-wrap:anywhere;font-size:.74rem;font-weight:800}.world-card time{color:#fff;letter-spacing:-.04em;font-size:1.65rem;font-weight:820}.time-value{color:#0000;filter:drop-shadow(0 18px 44px #0000009e);background:linear-gradient(#fff 0%,#f5f7ff 34%,#b9c6d9 100%);-webkit-background-clip:text;background-clip:text;position:relative}.time-value:after{content:"";pointer-events:none;filter:blur(10px);background:linear-gradient(#ffffff3d,#0000);border-radius:999px;height:.24em;position:absolute;top:.03em;left:.02em;right:.06em}.flip-shell{transition:transform .24s,box-shadow .24s,border-color .24s}.flip-shell:hover{box-shadow:0 48px 140px #000000db, inset 0 1px 0 #ffffff57, inset 0 -1px 0 rgb(var(--aurora-b) / .14);border-color:#ffffff3d;transform:perspective(1200px)rotateX(1.2deg)rotateY(-1.4deg)translateY(-2px)}.flip-shell:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#ffffff7a,#0000);height:1px;position:absolute;top:0;left:9%;right:9%}.flip-shell .burn-in-guard:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, rgb(var(--aurora-b) / .32), transparent);height:1px;position:absolute;bottom:0;left:8%;right:8%}.desktop-mode .clock-glow{width:min(1440px,100%)}.desktop-mode .flip-shell{background:linear-gradient(145deg,#ffffff1f,#ffffff09);border-color:#ffffff1c}.desktop-mode .glass-toolbar{display:none}.desktop-mode .display-clock{margin-top:clamp(20px,4vw,42px)}.desktop-mode .time-value{font-size:clamp(8rem,18vw,16rem)}.ui-hidden .settings-shell{transform:translate(32px,-12px)}@media (width<=820px){.theme-preview-grid,.world-clock-row{grid-template-columns:1fr}.theme-preview{text-align:left;grid-template-columns:42px 1fr;align-items:center;min-height:48px}.theme-swatch{height:30px}}html:before{z-index:9999;content:"Aurora Clock";color:#f7f7f8;letter-spacing:-.04em;pointer-events:none;background:radial-gradient(circle at 50% 30%,#67ffe42e,#0000 36%),#020308;place-items:center;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:850;transition:opacity .42s,visibility .42s;display:grid;position:fixed;inset:0}html.app-ready:before{opacity:0;visibility:hidden}.control-summary{background:linear-gradient(135deg, rgb(var(--aurora-a) / .1), rgb(var(--aurora-c) / .08));border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;gap:7px;padding:10px;display:flex}.control-summary span{color:#ffffffd1;background:#ffffff14;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}.compact-control{gap:8px;margin-top:2px;display:grid}.date-format-switcher{grid-template-columns:repeat(4,minmax(0,1fr))}.shortcut-modal{background:#00000038;border:1px solid #ffffff1a;border-radius:22px;padding:12px}.shortcut-modal-header{color:#ffffffd1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.shortcut-modal-header button{width:28px;height:28px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;place-items:center;display:inline-grid}.shortcut-grid{gap:8px;display:grid}.shortcut-grid div{color:#f7f7f894;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;display:flex}.shortcut-grid kbd{color:#fff;text-align:center;min-width:42px;font:inherit;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:4px 8px;font-weight:900}.weather-visual{z-index:0;pointer-events:none;opacity:0;transition:opacity .7s;position:absolute;inset:0}.weather-clear .weather-visual{opacity:.42;background:linear-gradient(#ffffff1a,#0000 24%)}.weather-cloudy .weather-visual{opacity:.35;filter:blur(14px);background:radial-gradient(at 24% 22%,#dce2ec29,#0000 34%),radial-gradient(at 72% 28%,#b4c8e61f,#0000 36%)}.weather-rain .weather-visual{opacity:.28;background-image:repeating-linear-gradient(112deg,#0000 0 18px,#aad2ff24 19px 20px)}.weather-fog .weather-visual{opacity:.38;filter:blur(18px);background:linear-gradient(#0000,#e1e8f021,#0000)}.weather-snow .weather-visual{opacity:.32;background-image:radial-gradient(circle,#ffffff52 0 1px,#0000 1px),radial-gradient(circle,#fff3 0 1px,#0000 1px);background-size:42px 42px,64px 64px;animation:24s linear infinite snow-drift}.theme-morning{--digit-top:#fff2d8;--digit-mid:#f9fbff;--digit-bottom:#c7d3e8}.theme-day{--digit-top:#fff;--digit-mid:#edf8ff;--digit-bottom:#b8d7e8}.theme-evening{--digit-top:#fff0ea;--digit-mid:#f6efff;--digit-bottom:#c7b9e8}.theme-night{--digit-top:#fff;--digit-mid:#edf4ff;--digit-bottom:#aebee8}.time-value{background:linear-gradient(180deg, var(--digit-top,#fff), var(--digit-mid,#f5f7ff) 36%, var(--digit-bottom,#b9c6d9));-webkit-background-clip:text;background-clip:text}@keyframes snow-drift{to{background-position:0 80px,24px 120px}}.toast-region{z-index:4;pointer-events:none;position:absolute;bottom:22px;right:22px}.toast-card{color:#ffffffe0;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(145deg,#090c16c7,#090c168f);border:1px solid #ffffff24;border-radius:18px;min-width:180px;max-width:min(340px,100vw - 44px);padding:12px 15px;font-size:.86rem;font-weight:800;animation:.22s ease-out both toast-in;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #00000061}.update-toast{z-index:4;color:#ffffffdb;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(145deg,#090c16c7,#090c168f);border:1px solid #ffffff24;border-radius:18px;align-items:center;gap:10px;max-width:min(420px,100vw - 44px);padding:10px 12px 10px 15px;animation:.22s ease-out both toast-in;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #00000061}.update-toast button{color:#fff;min-height:30px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:850}button:focus-visible,[role=button]:focus-visible,.settings-trigger:focus-visible,.panel-action:focus-visible,.theme-preview:focus-visible,.city-picker button:focus-visible,.segmented-slider button:focus-visible{outline-offset:3px;outline:2px solid #67ffe4eb;box-shadow:0 0 0 6px #67ffe41f,inset 0 1px #ffffff29}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.toast-region,.update-toast{bottom:86px;left:16px;right:16px}.update-toast{justify-content:space-between}.toast-card{text-align:center;max-width:none}}@media (orientation:landscape) and (height<=560px){.stage{padding:14px 20px}.clock-glow{width:min(1180px,92vw)}.flip-shell{padding:clamp(18px,3vw,30px)}.display-clock{grid-template-columns:1fr auto 1fr auto 1fr;margin:22px 0 18px}.time-separator{margin-top:-18px;display:block}.time-value{font-size:clamp(4.8rem,13vw,9rem)}.world-clock-row,.glass-meta{display:none}}