:root{color-scheme:dark;--violet:#5738d8;--lime:#ecff63;--pink:#ff4f9a;--cyan:#55f1df;--white:#fff8f1}*,:before,:after{box-sizing:border-box}html{background:var(--violet);min-width:320px}body{background:var(--violet);min-width:320px;min-height:100svh;color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}p,h1,h2,h3,ul{margin:0}.b-shell{isolation:isolate;flex-direction:column;min-height:100svh;padding:clamp(1.25rem,5vw,4.5rem) clamp(1.25rem,8vw,8rem) clamp(1.25rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.b-halftone{z-index:0;color:var(--pink);opacity:.5;pointer-events:none;background-image:radial-gradient(circle,currentColor 0 .14rem,#0000 .15rem);background-size:clamp(.64rem,.72vw,.74rem) clamp(.64rem,.72vw,.74rem);position:absolute;inset:0;mask-image:linear-gradient(135deg,#ffffff14 0%,#ffffff3d 46%,#ffffffb3 80%,#fff 100%);mask-size:100% 100%;mask-repeat:no-repeat}@media (width<=680px){.b-shell{padding-inline:1.25rem}}@media (prefers-contrast:more){.b-halftone{display:none}}@media (forced-colors:active){.b-shell{background:canvas}.b-halftone{display:none}}