.dance-page{--dance-bg: #fbf3eb;--dance-ink: #271d2d;--dance-muted: #62505f;--dance-surface: #fffaf5;--dance-line: #ddc8c7;--dance-accent: #843657;--dance-soft: #fae5e9;--dance-action: #ffb780;--dance-action-ink: #331a23;--dance-error: #9c2536;background:var(--dance-bg);color:var(--dance-ink)}.dark .dance-page{--dance-bg: #211928;--dance-ink: #fff1e3;--dance-muted: #ddc4d2;--dance-surface: #2d2235;--dance-line: #765e75;--dance-accent: #ffb8cf;--dance-soft: #422c44;--dance-error: #ffb6bd}.dance-page :where(a,button,summary,input):focus-visible,.dance-upload label:has(input:focus-visible){outline:2px solid var(--dance-accent);outline-offset:4px}.dance-shell{width:min(100% - 2rem,72rem);margin-inline:auto;padding-block:clamp(2.5rem,6vw,6rem)}.dance-hero{display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:start}.dance-hero>*{min-width:0}.dance-kicker{display:flex;align-items:center;gap:.55rem;color:var(--dance-accent);font-size:.82rem;font-weight:700;letter-spacing:.12em}.dance-kicker span{width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.dance-intro h1{margin-block:1rem .15rem;font-size:clamp(2.25rem,5.6vw,5.4rem);font-weight:700;letter-spacing:-.055em;line-height:1;text-wrap:balance}.dance-headline{color:var(--dance-accent);font-size:clamp(1.6rem,3vw,2.75rem);font-weight:700;letter-spacing:-.04em}.dance-intro-text{max-width:39ch;margin-top:.8rem;font-size:1.1rem;line-height:1.6;color:var(--dance-muted)}.dance-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-block:1.25rem 1.5rem}.dance-links a,.dance-trend a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-weight:700}.dance-links a:hover,.dance-trend a:hover{text-decoration:underline;text-underline-offset:.25rem}.dance-cta{border-radius:.65rem;background:var(--dance-action);color:var(--dance-action-ink);padding-inline:.95rem}.dance-artwork img{width:100%;height:auto;border-radius:1rem}.dance-artwork figcaption{margin-top:.35rem;color:var(--dance-muted);font-size:.8rem}.dance-studio,.dance-trend,.dance-steps li{border:1px solid var(--dance-line);border-radius:1.15rem;background:var(--dance-surface)}.dance-studio{padding:clamp(1rem,3vw,1.75rem);box-shadow:0 .65rem 1.75rem #3a183413}.dance-studio-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.dance-duration{margin-inline-start:auto;border-radius:2rem;background:var(--dance-soft);color:var(--dance-accent);padding:.25rem .55rem;font-size:.8rem;font-weight:700;white-space:nowrap}.dance-studio-heading svg,.dance-steps svg,.dance-trend svg{flex-shrink:0;color:var(--dance-accent)}.dance-studio h2,.dance-section h2{font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12}.dance-studio>p{margin-top:.65rem;color:var(--dance-muted)}.dance-studio form{display:grid;gap:1rem;margin-top:1.15rem}.dance-studio fieldset{min-width:0}.dance-studio legend{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem;font-weight:700}.dance-studio legend span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--dance-soft);color:var(--dance-accent);font-size:.8rem}.dance-upload{display:flex;align-items:center;border:1px dashed var(--dance-accent);border-radius:.7rem;background:var(--dance-soft)}.dance-upload label,.dance-options label,.dance-consent{display:flex;align-items:center;gap:.7rem;cursor:pointer}.dance-upload label{flex:1;min-width:0;padding:.75rem}.dance-upload svg,.dance-upload img{flex:none;color:var(--dance-accent)}.dance-upload img{width:3rem;height:3rem;border-radius:.4rem;object-fit:cover}.dance-upload strong{overflow-wrap:anywhere}.dance-studio small,.dance-hint,.dance-status{color:var(--dance-muted);font-size:.875rem}.dance-studio small{display:block}.dance-hint,.dance-error{margin-top:.35rem}.dance-error{color:var(--dance-error)}.dance-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.5rem}.dance-options label{border:1px solid var(--dance-line);border-radius:.7rem;padding:.65rem}.dance-options label:has(input:checked){border-color:var(--dance-accent);background:var(--dance-soft)}.dance-page input:is([type=radio],[type=checkbox]){flex:none;width:1rem;height:1rem;accent-color:var(--dance-accent)}.dance-consent{min-height:2.75rem;color:var(--dance-muted);font-size:.9rem}.dance-submit .dance-primary{width:100%;min-height:3rem;background:var(--dance-action);color:var(--dance-action-ink);font-weight:700}.dance-submit .dance-primary:hover{background:#ffcb9f}.dance-status{display:grid;justify-items:start;gap:.4rem}.dance-status:empty{display:none}.dance-result video{max-height:26rem;max-width:100%;margin-bottom:.65rem;border-radius:.65rem}.dance-section{margin-top:clamp(2.5rem,6vw,5rem)}.dance-page section[id]{scroll-margin-top:6rem}.dance-steps{display:grid;gap:.75rem;margin-top:1rem}.dance-steps li,.dance-trend{padding:clamp(1rem,2.5vw,1.6rem)}.dance-steps li>div{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--dance-muted)}.dance-steps h3{font-size:1.125rem;font-weight:700}.dance-steps p,.dance-trend p,.dance-faq p{margin-top:.4rem;color:var(--dance-muted);line-height:1.6}.dance-trend{display:flex;align-items:flex-start;gap:1rem}.dance-trend a{margin-top:.5rem;color:var(--dance-accent)}.dance-faq h2{margin-bottom:.75rem}.dance-faq details{border-bottom:1px solid var(--dance-line)}.dance-faq summary{min-height:2.75rem;padding-block:.75rem;font-weight:700;cursor:pointer}.dance-faq p{padding-bottom:.75rem}@media(min-width:48rem){.dance-shell{width:min(100% - 4rem,72rem)}.dance-hero{grid-template-columns:1fr 1fr}.dance-steps{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.dance-page *{transition:none}}