:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#0b0913;color:#efedf8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at top right,#2d1944,transparent 60%)}header{display:flex;justify-content:space-between;padding:24px max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid #ffffff18}a{color:#dbbaff;text-decoration:none}header>a:first-child{font-weight:800;letter-spacing:.16em;color:white}main{max-width:1080px;margin:48px auto;padding:0 24px 64px}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:12px 0 20px}h2{margin-top:0;font-size:1.35rem}.intro{max-width:700px;color:#c4bdd4}.eyebrow{color:#c192fa;letter-spacing:.2em;font-size:.8rem}.columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}form,aside{padding:28px;background:#14111fee;border:1px solid #ffffff19;border-radius:20px}#login{max-width:460px}label{display:block;margin:16px 0}input:not([type=checkbox]):not([type=radio]){display:block;width:100%;padding:12px;background:#0c0a12;border:1px solid #645575;border-radius:9px;margin-top:6px;color:inherit;font:inherit}button{font:inherit;font-weight:650;background:#c5a1f5;color:#170a28;border:0;border-radius:10px;padding:12px 20px;cursor:pointer}.secondary{background:#332a43;color:#eee}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #c5a1f5;outline-offset:3px}.hint{font-size:.88rem;color:#b8b0c7}.check{display:flex;gap:10px;align-items:start}canvas{display:block;width:100%;max-width:340px;aspect-ratio:1;border-radius:12px;background:repeating-conic-gradient(#302939 0% 25%,#211b2b 0% 50%) 50%/24px 24px;margin:20px auto}#slots{display:flex;flex-wrap:wrap;gap:10px}#slots label{margin:5px 0;padding:8px 12px;border-radius:8px;background:#241c31}fieldset{border:1px solid #51415f;border-radius:10px}#saved{padding-left:24px}#saved li{padding:12px 0;border-bottom:1px solid #ffffff15}#status{min-height:1.5em;color:#debcff}#status[data-error=true]{color:#ffaaaa}@media(max-width:720px){.columns{grid-template-columns:1fr}main{margin-top:30px}form,aside{padding:20px}}

input::file-selector-button{border:0;border-radius:6px;padding:8px 12px;background:#40304f;color:#f2e7ff;margin-right:12px;font:inherit;cursor:pointer}input[type=radio],input[type=checkbox]{accent-color:#bd93f1}