:root{--ink:#1e1b3a;--ink-soft:#5a5675;--paper:#fffdf8;--mist:#f1eefa;--line:#ddd8ee;--primary:#5b3df5;--primary-deep:#3a22b8;--coral:#ff6b5a;--sun:#ffc23d;--mint:#2ed3a0;--sky:#3db8ff;--danger:#e5484d;--radius:18px;--font-display:Bricolage Grotesque, Inter, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#1e1b3a;-webkit-font-smoothing:antialiased;background:#fffdf8;min-height:100dvh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5em;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;line-height:1.1}h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}p{margin:0 0 1em}a{color:#5b3df5;text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:#3a22b8}img{max-width:100%;display:block}.muted{color:#5a5675}.small{font-size:.875rem}.center{text-align:center}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.spacer{flex:1}.app-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8d9;border-bottom:1px solid #ddd8ee;position:sticky;top:0}.app-header__inner{align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.75rem 1rem;display:flex}.app-header__brand{color:#1e1b3a;align-items:center;gap:.5rem;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.app-header__brand:hover{color:#5b3df5}.app-header__nav{gap:.25rem;margin-left:auto;display:flex;overflow-x:auto}.app-header__nav a{color:#5a5675;white-space:nowrap;border-radius:999px;padding:.45rem .8rem;font-size:.95rem;font-weight:600;text-decoration:none}.app-header__nav a:hover{color:#1e1b3a;background:#f1eefa}.app-header__nav a.active{color:#fffdf8;background:#1e1b3a}.app-header__account{color:#1e1b3a;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .2rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.app-header__account:hover{background:#f1eefa}.app-header__name{display:none}@media (width>=720px){.app-header__name{display:inline}}.avatar{border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.avatar-picker{flex-wrap:wrap;gap:.75rem;display:flex}.avatar-picker__option{all:unset;cursor:pointer;border:2px solid #ddd8ee;border-radius:18px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;display:flex}.avatar-picker__option:hover{background:#f1eefa}.avatar-picker__option:focus-visible{outline:3px solid #5b3df5}.avatar-picker__option--on{background:#efecfe;border-color:#5b3df5}.page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 4rem}@media (width>=720px){.page{padding:2.5rem 1.5rem 5rem}}.page--narrow{max-width:560px}.card{background:#fffefd;border:1px solid #ddd8ee;border-radius:18px;padding:1.25rem;box-shadow:0 1px 2px #1e1b3a0f,0 8px 24px #1e1b3a14}@media (width>=720px){.card{padding:1.75rem}}.btn{appearance:none;cursor:pointer;font:inherit;color:#fffdf8;background:#5b3df5;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex;box-shadow:0 4px #3a22b8}.btn:hover{color:#fffdf8;background:#684df6}.btn:active{transform:translateY(3px);box-shadow:0 1px #3a22b8}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--secondary{color:#1e1b3a;background:#fffefd;box-shadow:inset 0 0 0 2px #ddd8ee,0 3px #ddd8ee}.btn--secondary:hover{color:#1e1b3a;background:#f1eefa}.btn--secondary:active{box-shadow:inset 0 0 0 2px #ddd8ee}.btn--coral{background:#ff6b5a;box-shadow:0 4px #bf5044}.btn--coral:hover{background:#ff7a6b}.btn--danger{background:#e5484d;box-shadow:0 4px #ac363a}.btn--danger:hover{background:#e85a5f}.btn--ghost{color:#5a5675;box-shadow:none;background:0 0}.btn--ghost:hover{color:#1e1b3a;background:#f1eefa}.btn--ghost:active{box-shadow:none}.btn--small{padding:.45rem .9rem;font-size:.875rem}.btn--big{padding:1.05rem 2rem;font-size:1.15rem}.btn--block{width:100%}.field{flex-direction:column;gap:.35rem;display:flex}.field label,.field__label{font-size:.9rem;font-weight:600}.field__hint{color:#5a5675;font-size:.8rem}.input,.textarea,.select{font:inherit;color:#1e1b3a;background:#fffefd;border:2px solid #ddd8ee;border-radius:10px;width:100%;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:#5b3df5;outline:none;box-shadow:0 0 0 4px #5b3df526}.textarea{resize:vertical;min-height:96px}.checkbox{cursor:pointer;align-items:center;gap:.6rem;font-weight:500;display:flex}.checkbox input{accent-color:#5b3df5;width:1.2rem;height:1.2rem}.code-input{letter-spacing:.2em;text-align:center;text-transform:uppercase;padding:1rem;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:clamp(1.75rem,8vw,2.5rem);font-weight:800}.error{color:#a03236;background:#fce9ea;border-radius:10px;padding:.75rem 1rem;font-weight:500}.notice{color:#1b5373;background:#e2f4ff;border-radius:10px;padding:.75rem 1rem}.badge{letter-spacing:.02em;text-transform:uppercase;color:#5a5675;background:#f1eefa;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge--Draft{color:#5a5675;background:#f1eefa}.badge--Open{color:#155f48;background:#cbf4e7}.badge--Closed{color:#5a5675;background:#e4e4e7}.badge--soon{color:#1e1b3a;background:#ffc23d}.badge--phase{color:#3a22b8;background:#e6e2fe}.hero{color:#fffdf8;background:#5b3df5;border-radius:28px;padding:3rem 1.5rem;position:relative;overflow:hidden}@media (width>=720px){.hero{padding:5rem 3rem}}.hero h1{max-width:14ch;font-size:clamp(2.5rem,7vw,4.5rem)}.hero p{color:#ded8fd;max-width:46ch;font-size:1.15rem}.hero .btn--secondary{box-shadow:none}.hero__blob{filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.feature-grid{gap:1rem;margin-top:2rem;display:grid}@media (width>=720px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-grid .card h3{margin-top:.75rem}.feature-dot{border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.portal{gap:1.5rem;display:grid}@media (width>=1040px){.portal{grid-template-columns:300px 1fr}}.type-list{flex-direction:column;gap:.5rem;display:flex}.type-list__item{all:unset;cursor:pointer;border:2px solid #0000;border-radius:18px;align-items:center;gap:.75rem;padding:.75rem;transition:background .15s;display:flex}.type-list__item:hover{background:#f1eefa}.type-list__item.selected{background:#fffefd;border-color:#5b3df5;box-shadow:0 1px 2px #1e1b3a0f,0 8px 24px #1e1b3a14}.type-list__item img{object-fit:cover;border-radius:14px;flex-shrink:0;width:56px;height:56px}.preview{gap:1.5rem;display:grid}@media (width>=720px){.preview{grid-template-columns:1fr 1fr}}.preview__image{aspect-ratio:4/3;object-fit:cover;background:#f1eefa;border-radius:18px;width:100%}.cost-pill{color:#1e1b3a;background:#ffedc5;border-radius:999px;align-items:baseline;gap:.4rem;padding:.4rem .9rem;font-weight:700;display:inline-flex}.credits{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.credits__amount{color:#5b3df5;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:2rem;font-weight:800}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ddd8ee;padding:.7rem .6rem}.table th{text-transform:uppercase;letter-spacing:.04em;color:#5a5675;font-size:.75rem}.table code{letter-spacing:.08em;font-weight:700}.host{flex-direction:column;min-height:calc(100dvh - 64px);display:flex}.host__bar{background:#fffefd;border-bottom:1px solid #ddd8ee;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.host__stage{flex-direction:column;flex:1;padding:2rem 1rem;display:flex}.join-screen{text-align:center;color:#fffdf8;background:#5b3df5;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex;position:relative;overflow:hidden}.join-screen__url{color:#ded8fd;font-size:clamp(1.25rem,3vw,2rem);font-weight:600}.join-screen__url strong{color:#fffdf8}.join-screen__code{letter-spacing:.08em;color:#ffc23d;text-shadow:0 8px #3a22b8;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:clamp(4rem,14vw,12rem);font-weight:800;line-height:1}.join-screen__count{color:#ded8fd;font-size:1.25rem}.big-stat{color:#5b3df5;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:clamp(3rem,10vw,7rem);font-weight:800;line-height:1}.progress{background:#f1eefa;border-radius:999px;height:16px;overflow:hidden}.progress__bar{border-radius:inherit;background:#2ed3a0;height:100%;transition:width .4s}.countdown{font-variant-numeric:tabular-nums;color:#1e1b3a;background:#ffc23d;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .9rem;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;display:inline-flex}.countdown--done{color:#fffdf8;background:#ff6b5a}.countdown--large{padding:.5rem 1.5rem;font-size:2rem}.name-cloud{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.name-cloud span{background:#f1eefa;border-radius:999px;padding:.35rem .85rem;font-weight:600}.name-cloud span.done{background:#c0f2e3}.play{flex-direction:column;gap:1rem;max-width:560px;margin:0 auto;padding:1.25rem 1rem 3rem;display:flex}@media (width>=720px){.play--wide{max-width:1100px}}.play__header{align-items:center;gap:.5rem;display:flex}.play__title{margin:0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:1.1rem;font-weight:700}.prompt-card{color:#fffdf8;background:#1e1b3a;border-radius:18px;padding:1.25rem}.prompt-card__label{text-transform:uppercase;letter-spacing:.08em;color:#ffc23d;font-size:.75rem;font-weight:700}.prompt-card__text{margin:.25rem 0 0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2}.waiting{text-align:center;padding:2.5rem 1rem}.waiting__emoji{font-size:3.5rem;display:inline-block}.page-motion{will-change:transform, opacity}