:where(.glass,.glass *)[data-tone]{--glass-accent:oklch(.74 .16 var(--glass-h1))}:where(.glass,.glass *)[data-tone=cyan]{--glass-h1:215;--glass-h2:260;--glass-h3:305}:where(.glass,.glass *)[data-tone=purple]{--glass-h1:305;--glass-h2:355;--glass-h3:305}:where(.glass,.glass *)[data-tone=blue]{--glass-h1:260;--glass-h2:278;--glass-h3:260}:where(.glass,.glass *)[data-tone=pink]{--glass-h1:355;--glass-h2:15;--glass-h3:355}:where(.glass,.glass *)[data-tone=green]{--glass-h1:163;--glass-h2:182;--glass-h3:163}:where(.glass,.glass *)[data-tone=amber]{--glass-h1:70;--glass-h2:47;--glass-h3:70}:where(.glass,.glass *)[data-tone=red]{--glass-h1:25;--glass-h2:10;--glass-h3:25}.glass{color-scheme:dark;position:relative}.glass-glow{border-radius:var(--s-radius-2xl);opacity:.67;transition:opacity var(--s-duration-300) var(--s-ease-out), scale var(--s-duration-300) var(--s-ease-out);position:absolute;inset:-2px;&:before{content:"";border-radius:inherit;background:linear-gradient(to right, oklch(.7 .17 var(--glass-h1) / .3), oklch(.7 .17 var(--glass-h2) / .3), oklch(.7 .17 var(--glass-h3) / .3));filter:blur(24px);animation:4s ease-in-out infinite glass-breathe;position:absolute;inset:0}}.glass:hover .glass-glow{opacity:1;scale:1.02}.glass-card{height:100%;padding:var(--s-space-4);border-radius:var(--s-radius-2xl);color:var(--s-text-primary);font-size:var(--s-text-sm);backdrop-filter:blur(24px)saturate(1.4);background:oklch(100% 0 0/.1);border:1px solid oklch(100% 0 0/.2);position:relative;box-shadow:0 8px 32px oklch(0% 0 0/.37),inset 0 1px 1px oklch(100% 0 0/.1);&[data-size=sm]{padding:var(--s-space-3)}&[data-size=lg]{padding:var(--s-space-5)}&:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(oklch(100% 0 0/.2),#0000);position:absolute;inset:0}& :where(p,h3,ul,ol,dl,dd){margin:0;padding:0}& :where(h3){font:inherit}& :where(ul,ol){list-style:none}}@keyframes glass-breathe{0%,to{opacity:.6;scale:.98}50%{opacity:.9;scale:1}}@keyframes glass-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.glass-glow:before,.glass-skeleton{animation:none}}.glass-row{justify-content:space-between;align-items:center;gap:var(--s-space-2);display:flex}.glass-inline{align-items:center;gap:var(--s-space-2);display:flex}.glass-center{text-align:center;place-content:center;justify-items:center;display:grid}.glass-grow{flex:1;min-width:0}.glass-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.glass-title{font-weight:var(--s-font-medium)}.glass-label{color:var(--s-text-secondary);font-size:var(--s-text-sm)}.glass-meta{align-items:center;gap:var(--s-space-1);color:var(--s-text-tertiary);font-size:var(--s-text-xs);display:flex}.glass-accent{color:var(--glass-accent);font-weight:var(--s-font-medium)}.glass-gap{margin-bottom:var(--s-space-3)}.glass-divider{margin-top:var(--s-space-3);padding-top:var(--s-space-3);border-top:1px solid oklch(100% 0 0/.1)}.glass-figure{font-weight:var(--s-font-light);font-size:var(--s-text-3xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1;&[data-size="2xl"]{font-size:var(--s-text-2xl)}&[data-size="4xl"]{font-size:var(--s-text-4xl)}&[data-size="5xl"]{font-size:var(--s-text-5xl)}&[data-size="6xl"]{font-size:3.75rem}}.glass-list{gap:var(--s-space-2);display:grid}.glass-empty{padding-block:var(--s-space-4);color:var(--s-text-tertiary);text-align:center}.glass-skeleton{border-radius:var(--s-radius-lg);background:oklch(100% 0 0/.08);width:100%;min-width:4rem;animation:2s ease-in-out infinite glass-pulse}.glass-sky{color:oklch(.84 .13 var(--glass-h1));flex:none}.glass-tile{padding:var(--s-space-2);border-radius:var(--s-radius-xl);background:oklch(100% 0 0/.1);place-items:center;display:grid}.glass [s-btn]{--_btn-text:var(--s-text-secondary);border-radius:var(--s-radius-full);&:hover:not(:disabled){--_btn-bg:oklch(100% 0 0/.15);--_btn-text:var(--s-text-primary)}}.glass-calendar-title{font-weight:var(--s-font-medium)}.glass-calendar-grid{gap:var(--s-space-1);margin-top:var(--s-space-3);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.glass-weekday{padding-block:var(--s-space-1);color:var(--s-text-tertiary);font-weight:var(--s-font-medium);font-size:var(--s-text-xs);text-decoration:none}.glass-day{aspect-ratio:1;border-radius:var(--s-radius-full);color:var(--s-text-secondary);font:inherit;font-size:var(--s-text-xs);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--s-duration-150) var(--s-ease-out), color var(--s-duration-150) var(--s-ease-out);background:0 0;border:0;padding:0;&:hover{background:oklch(100% 0 0/.15)}&[aria-current=date]{box-shadow:inset 0 0 0 1px oklch(.74 .16 var(--glass-h1) / .6)}&[aria-pressed=true]{color:var(--s-text-primary);font-weight:var(--s-font-medium);background:oklch(100% 0 0/.25)}&:focus-visible{outline:2px solid var(--glass-accent);outline-offset:1px}}.glass-compact-date{gap:var(--s-space-2);color:var(--s-text-secondary);font-size:var(--s-text-base);display:flex}.glass-events-head{margin-bottom:var(--s-space-4);align-items:flex-start}.glass-event{align-items:center;gap:var(--s-space-3);padding:var(--s-space-2);border-radius:var(--s-radius-lg);transition:background-color var(--s-duration-150) var(--s-ease-out);background:oklch(100% 0 0/.05);border:1px solid oklch(100% 0 0/.05);display:flex;&:hover{background:oklch(100% 0 0/.1)}}.glass-event-bar{width:4px;height:var(--s-space-8);border-radius:var(--s-radius-full);background:var(--glass-accent);flex:none}.glass-dial{width:8rem;display:block;&[data-size=sm]{width:6rem}&[data-size=lg]{width:9rem}}.glass-dial-face{fill:oklch(100% 0 0/.05);stroke:oklch(100% 0 0/.2);stroke-width:.75px}.glass-dial-number{fill:var(--s-text-secondary);font-weight:var(--s-font-light);text-anchor:middle;dominant-baseline:central;font-size:9px}.glass-dial-tick{fill:oklch(100% 0 0/.4)}.glass-dial-pin{fill:oklch(100% 0 0/.9)}.glass-hand{stroke:oklch(100% 0 0/.9);stroke-linecap:round;&[data-hand=hour]{stroke-width:3px}&[data-hand=minute]{stroke:oklch(100% 0 0/.8);stroke-width:2px}&[data-hand=second]{stroke:var(--glass-accent);stroke-width:1px}}.glass-digital{align-items:baseline;gap:var(--s-space-1);display:flex}.glass-digital-seconds{color:var(--s-text-secondary);font-size:var(--s-text-xl);font-variant-numeric:tabular-nums}.glass-world-city{align-items:center;gap:var(--s-space-2);font-weight:var(--s-font-medium);display:flex}.glass-world-time{color:var(--s-text-secondary);font-size:var(--s-text-lg);font-variant-numeric:tabular-nums}.glass-readout{margin-bottom:var(--s-space-4);text-align:center}.glass-transport{justify-content:center;align-items:center;gap:var(--s-space-3);display:flex}.glass .glass-play{--_btn-text:var(--glass-accent);--_btn-bg:oklch(.74 .16 var(--glass-h1) / .2);padding:var(--s-space-3);&:hover:not(:disabled){--_btn-bg:oklch(.74 .16 var(--glass-h1) / .3);--_btn-text:var(--glass-accent)}&[data-tone=green] svg{translate:1px}}.glass-ring{width:7rem;margin:0 auto var(--s-space-4);place-items:center;display:grid;position:relative;&[data-size]{margin:0}&[data-size=sm]{width:8rem}&[data-size=md]{width:10rem}&[data-size=lg]{width:12rem}& svg{width:100%;rotate:-90deg}}.glass-ring-track,.glass-ring-fill{fill:none;stroke-width:5px}.glass-ring-track{stroke:oklch(100% 0 0/.1)}.glass-ring-fill{stroke:var(--glass-accent);stroke-linecap:round}.glass-ring-label{justify-items:center;gap:var(--s-space-1);display:grid;position:absolute}.glass-stat-head{margin-bottom:var(--s-space-3);align-items:flex-start}.glass-stat-icon{color:var(--s-text-tertiary);display:flex}.glass-trend{align-items:center;gap:var(--s-space-1);margin-top:var(--s-space-2);color:var(--s-text-tertiary);font-size:var(--s-text-xs);display:flex;&[data-trend=increase]{color:var(--s-state-success)}&[data-trend=decrease]{color:var(--s-state-danger)}& span{margin-left:var(--s-space-1);color:var(--s-text-tertiary)}}.glass-metric{font-weight:var(--s-font-medium)}.glass-meter{height:var(--s-space-2);border-radius:var(--s-radius-full);background:oklch(100% 0 0/.1);overflow:clip}.glass-meter-fill{border-radius:inherit;background:linear-gradient(to right, oklch(.7 .17 var(--glass-h1)), oklch(.7 .17 var(--glass-h2)));height:100%}.glass-meter-note{margin-top:var(--s-space-2)}.glass-weather-now{gap:var(--s-space-3);margin-top:var(--s-space-2)}.glass-forecast-now{margin-block:var(--s-space-3) var(--s-space-4);padding-bottom:var(--s-space-4);border-bottom:1px solid oklch(100% 0 0/.1)}.glass-readings{gap:var(--s-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;& dd{font-weight:var(--s-font-medium)}}.glass-forecast-day{gap:var(--s-space-2);border-color:#0000}.glass-temps{gap:var(--s-space-2);font-weight:var(--s-font-medium);font-variant-numeric:tabular-nums;flex:none;display:flex;& span{color:var(--s-text-tertiary);font-weight:var(--s-font-normal)}}.glass-hourly{gap:var(--s-space-2);margin-top:var(--s-space-8);display:flex;& li{justify-items:center;gap:var(--s-space-2);flex:1;display:grid}}.glass-hourly-track{align-items:flex-end;width:100%;height:6rem;display:flex}.glass-hourly-bar{border-radius:var(--s-radius-lg) var(--s-radius-lg) 0 0;background:linear-gradient(oklch(62% .2 260/.4),oklch(70% .14 215/.4));width:100%;position:relative;& span{bottom:calc(100% + var(--s-space-1));font-weight:var(--s-font-medium);font-size:var(--s-text-xs);position:absolute;left:50%;translate:-50%}}.glass-range-row{align-items:center;gap:var(--s-space-2);font-variant-numeric:tabular-nums;grid-template-columns:2.5rem auto 2rem minmax(2rem,1fr) 2rem;display:grid;&>:nth-child(3){justify-content:flex-end}}.glass-range{border-radius:var(--s-radius-full);background:oklch(100% 0 0/.1);height:4px;position:relative;& span{border-radius:inherit;background:linear-gradient(90deg,oklch(72% .14 245),oklch(80% .16 75));position:absolute;inset-block:0}}.glass-demo{columns:15rem;column-gap:var(--s-space-5);width:min(100%,64rem);&>.glass{margin-bottom:var(--s-space-5);break-inside:avoid}}.demo[data-astro-cid-oizmaqc3]{color-scheme:dark;padding-block:var(--s-space-16);background:radial-gradient(oklch(100% 0 0/.12) 1px,#0000 1.5px) 0 0/22px 22px,radial-gradient(40% 30% at 12% 14%,oklch(55% .22 300/.85),#0000),radial-gradient(35% 25% at 88% 28%,oklch(62% .17 215/.8),#0000),radial-gradient(45% 30% at 30% 62%,oklch(60% .2 15/.7),#0000),radial-gradient(40% 30% at 80% 88%,oklch(68% .16 160/.7),#0000),oklch(17% .03 280);align-content:start}