:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;background:#fff8fb;color:#2c1935}body{margin:0;min-block-size:100vh;background:radial-gradient(circle at top,#ffe8f2,transparent 40%),linear-gradient(180deg,#fff8fb,#fff)}button{font:inherit}a{color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-block-size:2.75rem;padding:.65rem 1rem;border:.0625rem solid rgb(62 78 117 / .22);border-radius:.5rem;background:#fff;color:#26324a;font-weight:700;text-decoration:none;cursor:pointer}.button--primary{background:#26324a;color:#fff;border-color:#26324a}.app-shell{max-inline-size:64rem;margin-inline:auto;padding:2rem 1rem 3rem}.app-shell--centered{min-block-size:100vh;display:grid;place-items:center}.hero{display:grid;gap:1rem;margin-block-end:1.5rem}.hero__instructions{max-inline-size:42rem}.hero__eyebrow{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:#8d4d7d;margin:0}.status-card{max-inline-size:32rem;padding:2rem;border-radius:1.5rem;background:#ffffffe6;border:.0625rem solid rgb(141 77 125 / .18);box-shadow:0 1rem 3rem #7a3f701f}.status-card h1,.status-card p{margin-block:0 .75rem}.status-card--error{border-color:#b02a793d}.hero h1,.hero p{margin:0}.layout{display:grid;gap:1.5rem;align-items:start}.card-stack{display:grid;gap:1rem}.card-stage,.panel{background:#ffffffd1;border:.0625rem solid rgb(141 77 125 / .18);border-radius:1.5rem;box-shadow:0 1rem 3rem #7a3f701f}.card-stage{padding:.875rem}.card-stage__title{margin:0 0 .75rem;font-size:1.2rem;line-height:1.2}.scratch-board{position:relative;inline-size:min(100%,29rem);aspect-ratio:1;margin-inline:auto;border-radius:1.25rem;overflow:clip;background:#fff;--reveal-accent: #b02a79;--reveal-accent-soft: #fff1f8}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);inline-size:100%;block-size:100%;gap:clamp(.3rem,1vw,.5rem);padding:clamp(.5rem,1.8vw,.75rem);box-sizing:border-box}.grid__cell{display:grid;place-items:center;padding:.5rem;border-radius:1rem;text-align:center;background:linear-gradient(180deg,#fff,#fff4f9);border:.0625rem solid rgb(141 77 125 / .12);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.grid__glyph{display:grid;place-items:center;inline-size:clamp(2.9rem,5.5vw,4.1rem);block-size:clamp(2.9rem,5.5vw,4.1rem);border-radius:999px;background:var(--cell-accent);color:#fff;font-size:clamp(.68rem,1.35vw,.84rem);font-weight:700;line-height:1;letter-spacing:.01em;text-shadow:0 .05rem .2rem rgb(0 0 0 / .16);filter:drop-shadow(0 .2rem .35rem rgb(122 63 112 / .14))}.grid__cell[data-label=girl]{--cell-accent: #d45a95}.grid__cell[data-label=boy]{--cell-accent: #3c7fda}@media(max-width:38rem){.app-shell{padding:1.25rem .75rem 2rem}.card-stage{padding:.625rem}.scratch-board{inline-size:min(100%,24rem)}.grid__cell{padding:.25rem;border-radius:.75rem}.grid__glyph{inline-size:clamp(2.2rem,13vw,3rem);block-size:clamp(2.2rem,13vw,3rem);font-size:clamp(.48rem,2vw,.66rem)}}.scratch-board canvas{position:absolute;inset:0;inline-size:100%;block-size:100%}.scratch-layer{touch-action:none;cursor:crosshair;opacity:1;transition:opacity var(--scratch-fade-duration, .32s) ease}.scratch-layer--cleared{opacity:0;pointer-events:none}.confetti-layer{pointer-events:none}.scratch-board[data-revealed=true] .grid__cell[data-winning=true][data-highlighted=true]{background:linear-gradient(180deg,#fff 0%,var(--reveal-accent-soft) 100%);border-color:color-mix(in srgb,var(--reveal-accent) 36%,white);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--reveal-accent) 16%,transparent);transform:scale(1.03)}.grid__cell--blink{animation:winning-line-blink .72s ease-out 1}@keyframes winning-line-blink{0%,to{box-shadow:0 0 0 .2rem color-mix(in srgb,var(--reveal-accent) 16%,transparent)}40%{box-shadow:0 0 0 .32rem color-mix(in srgb,var(--reveal-accent) 28%,transparent),0 0 1.4rem color-mix(in srgb,var(--reveal-accent) 24%,transparent)}}@media(prefers-reduced-motion:reduce){.scratch-layer,.grid__cell{transition:none}.grid__cell--blink{animation:none}}.panel{padding:1.25rem}.panel h2,.panel p{margin:0}.panel section{display:grid;gap:.75rem}.marketing-shell{max-inline-size:72rem;margin-inline:auto;padding:1rem 1rem 4rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.5rem 2rem}.site-header__brand{font-size:1.05rem;font-weight:800;text-decoration:none;color:#26324a}.site-header__nav{display:flex;flex-wrap:wrap;gap:.35rem}.site-header__nav a{padding:.4rem .65rem;border-radius:.5rem;text-decoration:none;color:#4c5365}.site-header__nav a[aria-current=page]{background:#eef3f1;color:#26324a}.landing-hero{min-block-size:min(42rem,calc(100vh - 5rem));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:2rem;align-items:center;padding-block-end:3rem}.landing-hero__copy{display:grid;gap:1.15rem}.landing-hero h1,.form-layout h1,.dashboard-heading h1{margin:0;font-size:clamp(2.2rem,7vw,5rem);line-height:.98;max-inline-size:12ch}.landing-hero p,.form-layout p,.section-band p{max-inline-size:44rem;margin:0;color:#4c5365;font-size:1.08rem}.action-row,.card-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.landing-demo{aspect-ratio:1;border-radius:.75rem;background:linear-gradient(135deg,#fff9,#ffffffe6),#dfeee8;border:.0625rem solid rgb(38 50 74 / .12);padding:1rem;box-shadow:0 1.5rem 4rem #26324a24}.scratch-board--demo{inline-size:100%;border-radius:.5rem;pointer-events:none}.scratch-board--demo .scratch-layer{pointer-events:none;touch-action:auto;cursor:default}.section-band{display:grid;gap:1rem;padding-block:3rem;border-block-start:.0625rem solid rgb(38 50 74 / .1)}.section-band h2,.dashboard-card h2,.empty-state h2,.created-result h2{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-grid article,.dashboard-card,.empty-state,.created-result{background:#ffffffdb;border:.0625rem solid rgb(38 50 74 / .12);border-radius:.5rem;padding:1.1rem;box-shadow:0 .75rem 2rem #26324a14}.feature-grid h3,.feature-grid p,.dashboard-card p,.empty-state p,.created-result p{margin:0}.feature-grid article,.dashboard-card,.empty-state,.created-result{display:grid;gap:.75rem}.section-band--split,.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(18rem,1fr);gap:2rem;align-items:start}.form-layout--wide{grid-template-columns:minmax(0,.7fr) minmax(20rem,1.2fr)}.creator-form{display:grid;gap:1rem;padding:1.25rem;background:#ffffffe6;border:.0625rem solid rgb(38 50 74 / .14);border-radius:.5rem}.creator-form label,.creator-form fieldset,.creator-form details{display:grid;gap:.55rem;margin:0}.creator-form fieldset{border:.0625rem solid rgb(38 50 74 / .14);border-radius:.5rem;padding:.9rem}.creator-form input,.creator-form select{inline-size:100%;box-sizing:border-box;border:.0625rem solid rgb(38 50 74 / .22);border-radius:.45rem;padding:.65rem .75rem;font:inherit;background:#fff;color:#26324a}.creator-form span,.creator-form legend,.creator-form summary{font-weight:700;color:#26324a}.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-picker legend{grid-column:1 / -1}.mode-picker label{display:flex;align-items:center;gap:.45rem}.mode-picker input{inline-size:auto}.form-status{min-block-size:1.5rem;margin:0;color:#34534b;font-weight:700}.dashboard-list{display:grid;gap:1rem;margin-block-start:1.5rem}.dashboard-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dashboard-card__meta{color:#667085;font-size:.9rem}.child-list{grid-column:1 / -1;display:grid;gap:.45rem;margin:0;padding-inline-start:1.25rem}.child-list span{color:#667085}.card-actions{justify-content:flex-end}@media(max-width:48rem){.site-header,.section-band--split,.dashboard-heading{align-items:flex-start;flex-direction:column}.landing-hero,.form-layout,.form-layout--wide,.feature-grid,.dashboard-card{grid-template-columns:1fr}.landing-hero{min-block-size:auto}.landing-hero h1,.form-layout h1,.dashboard-heading h1{font-size:2.4rem}.landing-demo{max-inline-size:24rem}.card-actions{justify-content:flex-start}}.button{border:none;border-radius:999px;padding:.75rem 1.1rem;background:#7a3f70;color:#fff;font-weight:700}.reveal-modal{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:#2c193538;backdrop-filter:blur(.2rem);z-index:3}.reveal-modal[hidden]{display:none}.reveal-modal__surface{inline-size:min(100%,22rem);padding:1.25rem;border-radius:1.25rem;background:#fffffff7;border:.0625rem solid rgb(141 77 125 / .16);box-shadow:0 1rem 2.5rem #2c193538;display:grid;gap:.75rem;text-align:center}.reveal-modal__eyebrow,.reveal-modal__surface h2,.reveal-modal__surface p{margin:0}.reveal-modal__eyebrow{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#8d4d7d}.reveal-modal__message{color:#5d3d65}.reveal-modal__dismiss{justify-self:center;min-inline-size:10rem}.sr-only{position:absolute;inline-size:.0625rem;block-size:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}