.lc{--lc-ink:#2b2418;--lc-cream:#fff8ef;--lc-line:rgba(43,36,24,0.14);--lc-sun:#ff8a3d;--lc-sky:#35a7ff;--lc-leaf:#34c759;--lc-ring:var(--lc-sun);--lc-display:"Syne Variable","Syne",sans-serif;background:radial-gradient(900px 420px at 85% -40px,rgba(255,176,92,.25),transparent 60%),radial-gradient(700px 460px at 5% 100%,rgba(120,200,160,.2),transparent 55%),var(--lc-cream);border:1px solid var(--lc-line);border-radius:1.5rem;color:var(--lc-ink);min-height:30rem;overflow:hidden;padding:clamp(1rem,3vw,2rem)}.lc-gate{align-items:center;display:flex;justify-content:center;min-height:26rem}.lc-gate-card{background:rgba(255,255,255,.75);border:2px solid rgba(255,138,61,.35);border-radius:1.5rem;box-shadow:0 20px 60px rgba(255,138,61,.12);max-width:30rem;padding:2rem;text-align:center}.lc-gate-kicker{color:var(--lc-sun);font-size:.72rem;letter-spacing:.24em}.lc-gate-kicker,.lc-gate-title{font-family:var(--lc-display);font-weight:800}.lc-gate-title{font-size:1.7rem;margin:.5rem 0 .8rem}.lc-gate-copy{font-size:1rem;line-height:1.6}.lc-gate-note{color:#7a6a55;font-size:.82rem;line-height:1.5;margin-top:.8rem}.lc-gate-btn{background:var(--lc-sun);border:none;border-radius:999px;color:#fff;cursor:pointer;font-family:var(--lc-display);font-size:1.05rem;font-weight:800;margin-top:1.4rem;padding:.9rem 1.8rem;transition:transform .2s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s ease;width:100%}.lc-gate-btn:hover{box-shadow:0 10px 30px rgba(255,138,61,.4);transform:translateY(-2px)}.lc-gate-link{color:var(--lc-sky);display:inline-block;font-size:.86rem;font-weight:700;margin-top:1rem}.lc-steps{display:flex;gap:.5rem;justify-content:center;list-style:none;margin:0 0 1.5rem;padding:0}.lc-step{color:#a99b86;font-family:var(--lc-display);font-size:.82rem;font-weight:700;gap:.4rem}.lc-step,.lc-step-dot{align-items:center;display:inline-flex}.lc-step-dot{background:rgba(43,36,24,.08);border-radius:999px;color:inherit;height:1.7rem;justify-content:center;width:1.7rem}.lc-step.is-done .lc-step-dot{background:var(--lc-leaf);color:#fff}.lc-step.is-active{color:var(--lc-ink)}.lc-step.is-active .lc-step-dot{background:var(--lc-sun);color:#fff}.lc-step:not(:last-child):after{background:rgba(43,36,24,.12);content:"";height:2px;width:1.4rem}.lc-panels{display:grid;gap:1.5rem;grid-template-columns:1.15fr .85fr}@media (max-width:720px){.lc-panels{grid-template-columns:1fr}.lc-stage-col{order:-1}}.lc-q-title{font-family:var(--lc-display);font-size:1.5rem;font-weight:800;margin-bottom:1.2rem}.lc-band-grid{display:grid;gap:.7rem;grid-template-columns:1fr 1fr}.lc-band{background:rgba(255,255,255,.7);border:2px solid var(--lc-line);border-radius:1rem;cursor:pointer;display:grid;gap:.15rem;padding:.9rem;text-align:left;transition:border-color .2s ease,transform .15s ease}.lc-band:hover{transform:translateY(-2px)}.lc-band.is-active{border-color:var(--band-ring);box-shadow:0 0 0 2px var(--band-ring)}.lc-band-chip{border-radius:.5rem;display:block;height:1.5rem;margin-bottom:.4rem;width:3rem}.lc-band b{font-family:var(--lc-display);font-size:1.2rem}.lc-band-name{font-size:.9rem;font-weight:700}.lc-band small{color:#7a6a55;font-size:.76rem;line-height:1.4}.lc-char-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.lc-char{background:rgba(255,255,255,.7);border:2px solid var(--lc-line);border-radius:1rem;cursor:pointer;overflow:hidden;padding:0;transition:transform .15s ease,border-color .2s ease}.lc-char:hover{transform:translateY(-3px)}.lc-char.is-active{border-color:var(--lc-sun);box-shadow:0 0 0 2px var(--lc-sun)}.lc-char img{aspect-ratio:1;object-fit:cover;width:100%}.lc-char b{display:block;font-size:1rem;padding:.5rem}.lc-char b,.lc-sub{font-family:var(--lc-display)}.lc-sub{color:#7a6a55;font-size:.9rem;font-weight:800;margin:1rem 0 .5rem}.lc-sub:first-child{margin-top:0}.lc-skins{display:flex;flex-wrap:wrap;gap:.5rem}.lc-skin{border:3px solid rgba(255,255,255,.8);border-radius:.7rem;box-shadow:0 2px 6px rgba(43,36,24,.15);cursor:pointer;height:2.6rem;transition:transform .15s ease,box-shadow .15s ease;width:2.6rem}.lc-skin:hover{transform:scale(1.1)}.lc-skin.is-active{box-shadow:0 0 0 3px var(--lc-ink);transform:scale(1.12)}.lc-parts{display:grid;gap:.45rem;grid-template-columns:1fr 1fr}@media (max-width:520px){.lc-parts{grid-template-columns:1fr}}.lc-part{align-items:center;background:rgba(255,255,255,.7);border:2px solid var(--lc-line);border-radius:.8rem;display:flex;justify-content:space-between;padding:.35rem .5rem}.lc-part-label{font-family:var(--lc-display);font-size:.9rem;font-weight:800}.lc-part-arrow{background:var(--lc-cream);border:2px solid var(--lc-line);border-radius:.6rem;cursor:pointer;font-size:.9rem;height:2.1rem;transition:background .15s ease,transform .1s ease;width:2.1rem}.lc-part-arrow:hover{background:var(--lc-sun);color:#fff}.lc-part-arrow:active{transform:scale(.92)}.lc-surprise{background:rgba(53,167,255,.12);border:2px dashed var(--lc-sky);border-radius:999px;color:var(--lc-sky);cursor:pointer;font-family:var(--lc-display);font-size:1rem;font-weight:800;margin-top:.8rem;padding:.6rem 1.4rem;width:100%}.lc-surprise:hover{background:rgba(53,167,255,.2)}.lc-band-note,.lc-hint-pick{color:#7a6a55;font-size:.85rem;margin-top:.9rem}.lc-avatar{height:100%;width:100%}.lc-stage[data-realism=soft] .lc-avatar{filter:drop-shadow(0 6px 10px rgba(43,36,24,.18))}.lc-voice-grid{display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.lc-voice{background:rgba(255,255,255,.7);border:2px solid var(--lc-line);border-radius:.9rem;cursor:pointer;display:grid;gap:.1rem;padding:.8rem;text-align:left;transition:border-color .2s ease,transform .15s ease}.lc-voice:hover{transform:translateY(-2px)}.lc-voice.is-active{border-color:var(--lc-sky);box-shadow:0 0 0 2px var(--lc-sky)}.lc-voice b{font-family:var(--lc-display);font-size:1rem}.lc-voice small{color:#7a6a55;font-size:.76rem}.lc-voice-play{color:var(--lc-sky);font-size:.72rem;font-weight:700;margin-top:.2rem}.lc-name-input{background:#fff;border:2px solid var(--lc-line);border-radius:1rem;font-family:var(--lc-display);font-size:1.4rem;font-weight:800;outline:none;padding:.9rem 1.1rem;transition:border-color .2s ease;width:100%}.lc-name-input:focus{border-color:var(--lc-sun)}.lc-hello{background:rgba(53,167,255,.12);border:2px solid var(--lc-sky);border-radius:999px;color:var(--lc-sky);cursor:pointer;font-weight:800;margin-top:1rem;padding:.7rem 1.4rem}.lc-nav{align-items:center;display:flex;justify-content:space-between;margin-top:1.6rem}.lc-back{background:transparent;border:2px solid var(--lc-line);border-radius:999px;color:var(--lc-ink);cursor:pointer;font-weight:700;padding:.7rem 1.4rem;text-decoration:none}.lc-next{background:var(--lc-sun);border:none;border-radius:999px;color:#fff;cursor:pointer;font-family:var(--lc-display);font-size:1.05rem;font-weight:800;padding:.8rem 1.8rem;transition:transform .2s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s ease}.lc-next:hover{box-shadow:0 10px 30px rgba(255,138,61,.4);transform:translateY(-2px)}.lc-stage-col{text-align:center}.lc-stage{aspect-ratio:4/3;background:#fff;border:3px solid #fff;border-radius:1.2rem;box-shadow:0 16px 44px rgba(43,36,24,.14);overflow:hidden}.lc-video{height:100%;object-fit:cover;width:100%}.lc-stage-name{font-family:var(--lc-display);font-size:1.4rem;font-weight:800;margin-top:.8rem}.lc-stage-sub{color:#7a6a55;font-size:.86rem}.lc-done{margin:0 auto;max-width:26rem;text-align:center}.lc-done-stage{aspect-ratio:4/3;margin:0 auto;max-width:20rem}.lc-done-title{font-family:var(--lc-display);font-size:2rem;font-weight:800;margin:1rem 0 .5rem}.lc-done-copy{color:#5a4d3a;font-size:1rem;line-height:1.6}.lc-done-actions{align-items:center;display:flex;gap:.8rem;justify-content:center;margin-top:1.4rem}