@layer reset,tokens,base;@layer components{.window{isolation:isolate;color:var(--win-ink);background:radial-gradient(85% 60% at var(--g1-x,30%) var(--g1-y,62%), color-mix(in srgb, var(--g1,var(--win-a)) var(--g1-a,54%), transparent), transparent 72%), radial-gradient(70% 50% at var(--g2-x,80%) var(--g2-y,82%), color-mix(in srgb, var(--g2,var(--win-b)) var(--g2-a,44%), transparent), transparent 74%), radial-gradient(80% 42% at var(--g3-x,50%) var(--g3-y,100%), color-mix(in srgb, var(--g3,var(--win-c)) var(--g3-a,42%), transparent), transparent 72%), repeating-linear-gradient(180deg, transparent 0 6px, rgb(214 238 248/var(--hair-a,.075)) 6px 7px), repeating-linear-gradient(180deg, transparent 0 18px, #d6eef80d 18px 19px), linear-gradient(180deg, var(--win-1), var(--win-0));position:relative;overflow:hidden}.window[data-field]{--p:var(--plate-light,var(--field-light));--q:var(--plate-deep,var(--field-deep))}.window[data-field=strata]{--field-light:var(--win-a);--field-deep:var(--win-1);--g1:var(--p);--g2:var(--p);--g3:var(--p);background:radial-gradient(70% 55% at 18% 112%, color-mix(in srgb, var(--p) 62%, transparent), transparent 72%), radial-gradient(60% 50% at 82% 116%, color-mix(in srgb, var(--p) 40%, transparent), transparent 74%), repeating-linear-gradient(180deg, transparent 0 6px, #d6eef813 6px 7px), repeating-linear-gradient(180deg, transparent 0 18px, #d6eef80d 18px 19px), linear-gradient(180deg, var(--q), var(--win-0))}.window[data-field=glow]{--field-light:#f4a3a8;--field-deep:#2d1029;background:radial-gradient(90% 62% at 74% 26%, color-mix(in srgb, var(--p) 70%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--p) 22%, var(--q)), var(--win-0))}.window[data-field=slash]{--field-light:#e4572e;--field-deep:#1a1f25;background:linear-gradient(115deg, transparent 0 57%, var(--p) 57% 62%, transparent 62%), linear-gradient(160deg, var(--q), var(--win-0))}.window[data-field=dusk]{--field-light:#8f78f5;--field-deep:#1c1745;background:radial-gradient(1.5px 1.5px at 22% 18%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 70% 12%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 84% 30%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 40% 34%, #fff 50%, transparent 52%), radial-gradient(60% 40% at 30% 22%, color-mix(in srgb, var(--p) 55%, transparent), transparent), linear-gradient(180deg, var(--q), var(--win-0))}.window[data-field=ring]{--field-light:#f7a941;--field-deep:#1b1e23;background:radial-gradient(circle at 50% 38%, transparent 0 17%, color-mix(in srgb, var(--p) 42%, transparent) 17.5% 19%, transparent 19.5%), repeating-linear-gradient(90deg, transparent 0 22px, color-mix(in srgb, var(--p) 16%, transparent) 22px 23px), linear-gradient(180deg, var(--q), var(--win-0))}.window[data-field=dots]{--field-light:#b9c9d8;--field-deep:#161a20;background:radial-gradient(circle, color-mix(in srgb, var(--p) 38%, transparent) 1.5px, transparent 2px) 0 0 / 14px 14px, linear-gradient(180deg, var(--q), var(--win-0))}.sky{isolation:isolate;background:var(--sky);position:relative}@supports (background:color-mix(in srgb, red 50%, blue)){.sky{background:radial-gradient(60% 120% at 94% 118%, color-mix(in srgb, var(--art-a) 46%, transparent), transparent 70%), radial-gradient(46% 100% at 4% 125%, color-mix(in srgb, var(--art-b) 38%, transparent), transparent 70%), radial-gradient(40% 90% at 100% -12%, color-mix(in srgb, var(--art-a) 26%, transparent), transparent 70%), linear-gradient(180deg, transparent 44%, color-mix(in srgb, var(--art-a) 14%, transparent) 55%, transparent 66%), radial-gradient(ellipse 20% 2.2% at 90% 36%, color-mix(in srgb, var(--surface) 85%, transparent), transparent), radial-gradient(ellipse 26% 1.2% at 84% 54%, color-mix(in srgb, var(--surface) 90%, transparent), transparent), radial-gradient(ellipse 22% 3% at 92% 74%, color-mix(in srgb, var(--surface) 70%, transparent), transparent), radial-gradient(ellipse 9% 2.4% at 3% 46%, color-mix(in srgb, var(--surface) 80%, transparent), transparent), var(--sky)}}.sky:after{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--surface) 46%, transparent);position:absolute;inset:0}@media (width>=48rem){.sky:after{background:linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--surface) 40%, transparent) 22%, color-mix(in srgb, var(--surface) 40%, transparent) 72%, transparent 100%)}}.sky .art-frost{--frost-color:var(--art-frost);--frost-o:.2;--frost-pos:right center}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sky .art-frost{--frost-o:.26}}@media screen{:root[data-theme=dark] .sky .art-frost{--frost-o:.26}}.sky-deep{isolation:isolate;--ink:var(--win-ink);--text:var(--win-ink);--muted:var(--win-muted);--accent:var(--win-a);--link:var(--win-a);--link-hover:var(--win-ink);--focus:var(--win-lamp);--control:var(--win-muted);--bg:var(--win-0);--surface:color-mix(in srgb, var(--win-0) 60%, transparent);--line:color-mix(in srgb, var(--win-ink) 35%, transparent);--band-edge:var(--win-1);--frost-color:var(--win-frost);--frost-o:.2;color:var(--win-ink);background:var(--win-0);position:relative}@supports (background:color-mix(in srgb, red 50%, blue)){.sky-deep{background:radial-gradient(70% 90% at 10% 122%, color-mix(in srgb, var(--win-a) 30%, transparent), transparent 70%), radial-gradient(60% 80% at 92% 128%, color-mix(in srgb, var(--win-b) 24%, transparent), transparent 72%), repeating-linear-gradient(180deg, transparent 0 6px, #d6eef80d 6px 7px), linear-gradient(180deg, var(--win-1), var(--win-0))}}.sky-deep .monogram{outline:1px solid color-mix(in srgb, var(--win-ink) 30%, transparent);outline-offset:-1px}.art-frost,.art-chisel{z-index:-1;pointer-events:none;display:none;position:absolute;inset:0}.art-frost{background:var(--frost-color,var(--win-frost));opacity:var(--frost-o,.26);-webkit-mask:var(--art-hero) var(--frost-pos,right center) / cover no-repeat;mask:var(--art-hero) var(--frost-pos,right center) / cover no-repeat}.art-chisel{background:var(--win-frost);opacity:.22;-webkit-mask:var(--art-chisel) center / cover no-repeat;mask:var(--art-chisel) center / cover no-repeat}@media (width>=56rem){.tile[data-size=l] .frame{--hair-a:.03;--g1-a:80%;--g1-x:52%;--g1-y:42%}.tile[data-size=l] .art-chisel{opacity:.4}}@media (width>=40rem){.art-chisel{display:block}}@media (width>=56rem){.art-frost{display:block}}@media (prefers-contrast:more){.art-frost,.art-chisel{display:none}}}@layer looks;