.opulse{--_chip: var(--chip-bg, #0f1729);--_bg: var(--bg, #0b1220);--_border: var(--border, rgba(148, 163, 184, .2));--_surface: var(--surface, #111a2e);--_fg: var(--fg, #f1f5f9);--_muted: var(--fg-muted, #94a3b8);--_accent: var(--accent, #38bdf8);--card-fg: #e8ecff;--card-fg-muted: #9aa6d6;--_mono: var( --opulse-mono, "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace );--_sans: var( --opulse-sans, "Fira Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif );--_display: var( --opulse-display, "Fraunces", ui-serif, Georgia, "Times New Roman", serif );width:100%;max-width:80rem;margin-inline:auto;padding:clamp(1rem,1rem + 1vw,2rem);display:flex;flex-direction:column;gap:1.5rem;color:var(--_fg);font-family:var(--_sans);font-size:16px;line-height:1.5}.opulse--center{min-height:60vh;min-height:60dvh;justify-content:center;align-items:center}.opulse .icon{width:1em;height:1em;flex:none}.opulse .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.opulse__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--_border)}.opulse__brand{font-family:var(--_display);font-optical-sizing:auto;font-weight:500;font-size:1.5rem;letter-spacing:.005em;color:var(--_fg)}.opulse__top-actions{display:inline-flex;align-items:center;gap:.85rem}.opulse__navlink{font-family:var(--_mono);font-size:.76rem;letter-spacing:.04em;color:var(--_fg);text-decoration:none;opacity:.72;padding:.28em .7em;border:1px solid currentColor;border-radius:999px;white-space:nowrap;transition:opacity .2s ease}.opulse__navlink:hover,.opulse__navlink:focus-visible{opacity:1}.opulse__hero{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding-top:clamp(1rem,4vh,2.75rem)}.opulse__title{display:flex;flex-direction:column;align-items:center;gap:.5rem}.opulse__title-main{font-family:var(--_display);font-optical-sizing:auto;font-weight:380;font-size:clamp(1.05rem,3.4vw,1.7rem);letter-spacing:.03em;color:var(--_fg);text-shadow:0 1px 18px rgba(2,6,20,.3)}.opulse__ref{display:inline-flex;align-items:center;gap:.4em;padding:.2em .66em;font-family:var(--_mono);font-size:.74rem;letter-spacing:.05em;color:var(--_fg);text-decoration:none;border:1px solid currentColor;border-radius:999px;opacity:.78;transition:opacity .2s ease}.opulse__ref:hover,.opulse__ref:focus-visible{opacity:1}.opulse__ref .icon{flex:none}.rd{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--_fg)}.rd--label{font-family:var(--_mono);font-size:.9rem;color:var(--_muted)}.rd__place{display:inline-flex;align-items:center;justify-content:center;font-family:var(--_sans);font-size:.78rem;font-weight:500;letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:var(--_muted)}.rd__pin{display:inline-flex;align-items:center;margin-inline-end:.3em;text-indent:0;opacity:.85}.rd__pin .icon{display:block}.rd__clock{font-family:var(--_display);font-optical-sizing:auto;font-weight:340;font-size:clamp(3.6rem,12.5vw,6.25rem);line-height:.9;letter-spacing:.005em;font-variant-numeric:tabular-nums lining-nums;color:var(--_fg);text-shadow:0 2px 28px rgba(2,6,20,.32)}.rd__colon{display:inline-block;padding:0 .04em;animation:op-colon 2.4s ease-in-out infinite}.rd__sky{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--_mono);font-size:.82rem;letter-spacing:.16em;color:var(--_fg);opacity:.85}.rd__glyph{color:var(--_accent);font-size:1rem}.opulse__fetched{display:inline-flex;align-items:baseline;gap:.4rem;font-size:.75rem;opacity:.72}.opulse__fetched-key{color:var(--_muted);letter-spacing:.04em}.opulse__fetched-val{font-family:var(--_mono);font-variant-numeric:tabular-nums;color:var(--_fg)}.opulse__summary{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.opulse__body{display:flex;flex-direction:column;gap:1rem;margin-top:clamp(1.75rem,6vh,3.5rem);padding-top:1.25rem;border-top:1px solid var(--_border)}.sum{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:.55rem;background:var(--_chip);border:1px solid var(--_border);font-size:.8125rem}.sum__dot{width:.6em;height:.6em;border-radius:50%;flex:none}.sum__count{font-family:var(--_mono);font-variant-numeric:tabular-nums;font-weight:700;color:#f1f5f9}.sum__label{color:#f1f5f9;letter-spacing:.05em}.sum[data-count="0"]{opacity:.55}.opulse__banner{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;border-radius:.6rem;border:1px solid #ef4444;background:color-mix(in srgb,#ef4444 12%,var(--_chip));color:var(--card-fg)}@supports not (background: color-mix(in srgb,red,blue)){.opulse__banner{background:var(--_chip)}}.opulse__banner-head{display:flex;align-items:center;gap:.5rem;color:#fca5a5}.opulse__banner-head strong{color:#f1f5f9;font-size:.9375rem}.opulse__banner-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:.8125rem}.opulse__banner-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}.opulse__banner-tag{font-family:var(--_mono);font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:.1rem .4rem;border-radius:.35rem;color:#f1f5f9;background:#ef444438;border:1px solid #ef4444}.opulse__banner-src{font-family:var(--_mono);color:var(--card-fg)}.opulse__banner-detail{color:var(--card-fg-muted)}.opulse__banner-foot{color:var(--card-fg-muted);font-size:.8125rem}.opulse__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:3rem 1rem;border:1px dashed var(--_border);border-radius:.75rem;background:var(--_chip);color:var(--card-fg)}.opulse__empty-icon{color:var(--card-fg-muted)}.opulse__empty-title{font-family:var(--_mono);font-weight:600;font-size:1.125rem}.opulse__empty-hint{color:var(--card-fg-muted);font-size:.875rem;max-width:32rem}.opulse__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:2.5rem 1.25rem;max-width:34rem;border:1px solid #ef4444;border-radius:.85rem;background:var(--_chip);color:var(--card-fg)}.opulse__error-icon{color:#fca5a5}.opulse__error h2{font-family:var(--_mono);font-size:1.25rem;color:#f1f5f9}.opulse__error-msg{color:var(--card-fg);font-size:.9375rem;overflow-wrap:anywhere}.opulse__error-hint{color:var(--card-fg-muted);font-size:.875rem}.opulse__clock-host{display:none}@keyframes op-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes op-fade{0%{opacity:0}to{opacity:1}}@keyframes op-colon{0%,to{opacity:1}50%{opacity:.28}}.opulse__hero>*{animation:op-rise .7s cubic-bezier(.2,.7,.2,1) both}.opulse__hero>*:nth-child(1){animation-delay:.06s}.opulse__hero>*:nth-child(2){animation-delay:.13s}.opulse__hero>*:nth-child(3){animation-delay:.2s}.opulse__hero>*:nth-child(4){animation-delay:.27s}.opulse__hero>*:nth-child(5){animation-delay:.34s}.opulse__body{animation:op-fade .8s ease .42s both}@media(prefers-reduced-motion:reduce){.opulse *{transition:none!important;animation:none!important}}.demo{position:relative;min-height:100dvh;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem}.demo__panel{width:min(680px,100%);display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.25rem;color:#f4f7ff;background:#0c1222b8;border:1px solid rgba(255,255,255,.14);border-radius:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #02061466}.demo__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.demo__back{font-family:var(--_mono);font-size:.8rem;color:#f4f7ff;text-decoration:none;opacity:.85}.demo__back:hover,.demo__back:focus-visible{opacity:1}.demo__title{font-family:var(--_display);font-size:1.05rem;letter-spacing:.02em}.demo__current{margin:0;font-family:var(--_mono);font-size:1.1rem;letter-spacing:.04em;color:#fff}.demo__group{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.demo__label{flex:none;width:3.2rem;font-family:var(--_mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.demo__btns{display:flex;flex-wrap:wrap;gap:.4rem}.demo__btn{font-family:var(--_mono);font-size:.76rem;letter-spacing:.02em;color:#f4f7ff;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35em .85em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.demo__btn:hover{background:#ffffff29}.demo__btn[aria-pressed=true]{color:#0c1222;background:#f4f7ff;border-color:#f4f7ff;font-weight:600}.demo__btn--wide{flex:1;text-align:center}.sky-field{position:relative;display:flex;flex-direction:column}.ske{display:flex;align-items:center;gap:.55em;margin-inline-start:var(--ske-off, 0%);min-width:0}.ske__dot{width:.5em;height:.5em;border-radius:50%;flex:none;box-shadow:0 0 9px 2.5px color-mix(in srgb,var(--ske-glow, #94a3b8) 55%,transparent)}.sky-field[data-mood=night] .ske__dot{animation:sky-twinkle 3.6s ease-in-out infinite}@keyframes sky-twinkle{0%,to{opacity:1}50%{opacity:.45}}.ske__name{font-family:var(--_display);color:var(--_fg);text-decoration:none;text-shadow:0 1px 14px rgba(2,6,20,.35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ske__name:hover,.ske__name:focus-visible{text-decoration:underline;text-underline-offset:.18em}.ske__seg{display:inline-flex;border:1px solid color-mix(in srgb,var(--_fg) 42%,transparent);border-radius:999px;overflow:hidden;flex:none}.ske__seg a{font-family:var(--_mono);font-size:.66rem;letter-spacing:.04em;color:var(--_fg);text-decoration:none;padding:.18em .66em;opacity:.82}.ske__seg a+a{border-left:1px solid color-mix(in srgb,var(--_fg) 32%,transparent)}.ske__seg a:hover,.ske__seg a:focus-visible{opacity:1;background:color-mix(in srgb,var(--_fg) 14%,transparent)}.sky-field__hot{display:flex;flex-direction:column;gap:1.6rem}.sky-hot{margin-inline-start:var(--ske-off, 0%)}.sky-hot .ske{margin-inline-start:0}.sky-hot .ske__name{font-size:clamp(1.45rem,4vw,2.2rem);font-weight:420;font-optical-sizing:auto}.sky-hot .ske__dot{width:.62em;height:.62em}.sky-hot__desc{margin:.25rem 0 0 1.35em;font-family:var(--_mono);font-size:.74rem;letter-spacing:.02em;color:var(--_fg);opacity:.7}.sky-field__field{display:flex;flex-direction:column;gap:1.05rem;margin-top:2.6rem}.sky-star[data-tier="0"] .ske{font-size:1.14rem}.sky-star[data-tier="1"] .ske{font-size:1rem;opacity:.93}.sky-star[data-tier="2"] .ske{font-size:.88rem;opacity:.82}.sky-star[data-tier="3"] .ske{font-size:.8rem;opacity:.68}.sky-star__desc{margin:.18rem 0 0;margin-inline-start:var(--ske-off, 0%);padding-inline-start:1.1em;font-family:var(--_sans);font-size:.74rem;line-height:1.5;color:var(--_fg);opacity:.66;max-width:34rem}@media(max-width:640px){.sky-star__desc{margin-inline-start:calc(var(--ske-off, 0%) * .35)}}.sky-field__clusters{margin-top:3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem}.sky-cluster{display:flex;flex-direction:column;align-items:center;gap:.32rem;max-width:15rem;padding:.55rem .9rem;font-family:var(--_mono);color:var(--_fg);text-decoration:none;text-align:center;border:1px solid color-mix(in srgb,var(--_fg) 26%,transparent);border-radius:.7rem;background:color-mix(in srgb,var(--_fg) 7%,transparent);opacity:.92;transition:opacity .2s ease,border-color .2s ease,background .2s ease}.sky-cluster:hover,.sky-cluster:focus-visible{opacity:1;border-color:color-mix(in srgb,var(--_fg) 44%,transparent);background:color-mix(in srgb,var(--_fg) 12%,transparent)}.sky-cluster__head{font-size:.8rem;letter-spacing:.06em}.sky-cluster__count{opacity:.75}.sky-cluster__blurb{font-family:var(--_sans);font-size:.7rem;letter-spacing:.03em;opacity:.8;text-wrap:balance}.sky-cluster__peek{font-size:.66rem;letter-spacing:.02em;line-height:1.5;opacity:.72;overflow-wrap:anywhere;text-wrap:balance}.sky-puddle{position:relative;margin-top:2.4rem;height:86px;overflow:hidden;border-top:1px solid rgba(200,215,255,.28);border-radius:0 0 .8rem .8rem;background:linear-gradient(180deg,#0f142680,#0a0e1eb8)}.sky-puddle__refl{position:absolute;left:var(--ske-off, 10%);top:12px;transform:scaleY(-1);font-family:var(--_display);font-size:1.35rem;white-space:nowrap;color:#aebbe0;opacity:.36;filter:blur(1.1px);animation:sky-shimmer 2.8s ease-in-out infinite}@keyframes sky-shimmer{0%,to{opacity:.36;filter:blur(1.1px)}50%{opacity:.22;filter:blur(1.8px)}}.sky-puddle__ring{position:absolute;top:46%;left:calc(var(--ske-off, 40%) + 2.2rem);width:6px;height:3px;border:1px solid rgba(210,225,255,.45);border-radius:50%;animation:sky-ripple 2.4s ease-out infinite}@keyframes sky-ripple{0%{transform:scale(.4);opacity:.8}to{transform:scale(5);opacity:0}}@media(max-width:640px){.ske,.sky-hot{margin-inline-start:calc(var(--ske-off, 0%) * .35)}.sky-hot .ske{margin-inline-start:0}.sky-puddle__refl{left:calc(var(--ske-off, 10%) * .35)}.sky-puddle__ring{left:calc(var(--ske-off, 40%) * .35 + 1.6rem)}}[data-state=family] .sky-field__field{gap:3.2rem;margin-top:3.4rem;padding-bottom:5rem}@media(max-width:640px){[data-state=family] .sky-field__field{gap:2.3rem}}.rv{opacity:0;transform:translateY(1.6rem);transition:opacity .9s cubic-bezier(.33,1,.68,1),transform 1.35s cubic-bezier(.22,1,.36,1)}.rv.rv--in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}*,*:before,*:after{box-sizing:border-box}*{margin:0}button{color:inherit}button,[role=button]{cursor:pointer}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}img,svg{display:block}img,video{max-width:100%;height:auto}html{line-height:1.5;-webkit-text-size-adjust:100%;background-color:#0b1220;overscroll-behavior-y:none;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.bg-\[\#86efac\]{background-color:#86efac}.text-3xl{font-size:1.875rem;line-height:2.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.border-gray-500{border-color:#6b7280}.bg-white{background-color:#fff}.flex{display:flex}.gap-8{grid-gap:2rem;gap:2rem}.font-bold{font-weight:700}.max-w-screen-md{max-width:768px}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.border-2{border-width:2px}.rounded-sm{border-radius:.25rem}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.tabular-nums{font-variant-numeric:tabular-nums}.min-h-screen{min-height:100vh}.fresh-gradient{background-color:#86efac;background-image:linear-gradient(to right bottom,#dbeafe,#bbf7d0,#fef9c3)}@property --sky-from{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --sky-mid{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --sky-to{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --bg{syntax: "<color>"; inherits: true; initial-value: transparent;}.ambient-root{transition:background-color .9s ease,color .9s ease,--sky-from 1s ease,--sky-mid 1s ease,--sky-to 1s ease,--bg 1s ease}.ambient-content{transition:color .9s ease}@media(prefers-reduced-motion:reduce){.ambient-root,.ambient-content{transition:none}}.opulse__refresh-host{display:contents}.gallery{max-width:80rem;margin-inline:auto;padding:1.5rem 1rem;font-family:Fira Sans,ui-sans-serif,system-ui,sans-serif;color:#0f172a}.gallery__title{font-family:Fira Code,ui-monospace,monospace;font-size:1.1rem;margin-bottom:.25rem}.gallery__hint{color:#64748b;font-size:.8125rem;margin-bottom:1.25rem}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem}.gal-tile{display:block;position:relative;height:200px;overflow:hidden;border-radius:.6rem;border:1px solid rgba(148,163,184,.35);transform:translateZ(0);contain:paint;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.gal-tile:hover{border-color:#38bdf8;box-shadow:0 4px 16px #0f172a40;transform:translateZ(0) scale(1.015)}.gal-tile:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.sitbar{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;background:#0f1729b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.3);font-family:Fira Code,ui-monospace,monospace;font-size:.72rem}.sitbar__btn,.sitbar__nav,.sitbar__chip{flex:none;display:inline-flex;align-items:center;color:#e8ecff;text-decoration:none;border:1px solid rgba(148,163,184,.35);border-radius:.4rem;background:#0f172980;padding:.3rem .55rem;letter-spacing:.02em;transition:border-color .15s ease,background-color .15s ease}.sitbar__nav{padding:.3rem .6rem;font-size:.95rem;line-height:1}.sitbar__btn:hover,.sitbar__nav:hover,.sitbar__chip:hover{border-color:#38bdf8;background:#38bdf824}.sitbar__nav.is-disabled{opacity:.35;pointer-events:none}.sitbar__chips{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:2px}.sitbar__chip.is-active{color:#0f1729;background:#38bdf8;border-color:#38bdf8;font-weight:700}.gal-tile__label{position:relative;z-index:2;display:flex;flex-direction:column;gap:.1rem;padding:.45rem .6rem;font-family:Fira Code,ui-monospace,monospace;font-size:.7rem}.gal-tile__phase{font-weight:700;letter-spacing:.04em}.gal-tile__weather{opacity:.85}