:root{--padding-inline:1rem;--content-max-width:900px;--breakout-max-width:1200px;--shared-transition:.4s;--line:color-mix(in lch, var(--foreground) 10%, transparent);--size:1.5rem;--scrollbar-width:none;--cosmic-latte:#fffae5;--safety-orange:#eb7b26;--sunglow:#ffce62;--bakermiller-pink:#fc95b4;--emerald:#0bc56d}html{overscroll-behavior:contain;scrollbar-width:var(--scrollbar-width)}@media (prefers-color-scheme:dark){:root{--foreground-f:calc((var(--f)) * -1);--surface-l:34.1%;--surface-c:.027;--surface-h:142.93;--subtle-l:100%}}.content-grid{--padding-inline:.25rem;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);grid-template-columns:[full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2), var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;grid-template-columns:inherit;display:grid}.flow>*+*{margin-top:var(--flow-spacing,1em)}[popover],dialog,::backdrop{transition:display var(--shared-transition) allow-discrete, overlay var(--shared-transition) allow-discrete, opacity var(--shared-transition);opacity:0}.first-letter:first-letter{text-transform:uppercase}.shell:before{z-index:-1;content:"";background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) -5vmin / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) -5vmin / var(--size) var(--size);width:100vw;height:100vh;position:fixed;top:0;-webkit-mask:linear-gradient(25deg,#0000 70%,#fff);mask:linear-gradient(25deg,#0000 70%,#fff)}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.main-card:before{--size:2rem;--line:color-mix(in hsl, var(--color-black), transparent 70%);content:"";background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);transform-style:flat;pointer-events:none;z-index:-1;opacity:.15;width:100vw;height:100vh;position:absolute;top:0;left:0;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff)}