:root { --ink:#17212b; --muted:#5e6b75; --surface:#fff; --teal:#0f8c8c; --teal-dark:#07656a; --coral:#ee6c4d; --sun:#ffc857; --mint:#b8e7d3; --lilac:#b9a7ff; --line:rgba(23,33,43,.12); --shadow:0 24px 80px rgba(23,33,43,.12); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(255,200,87,.35),transparent 22rem),radial-gradient(circle at 88% 16%,rgba(127,200,248,.35),transparent 24rem),linear-gradient(180deg,#fff7e9 0%,#eff9f5 48%,#f7f4ff 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} button,a{font:inherit} button{cursor:pointer}.app-shell{max-width:1180px;margin:0 auto;padding:20px}.topbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);box-shadow:0 16px 48px rgba(23,33,43,.08)}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--teal);color:#fff;font-weight:900}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.nav-pills{display:flex;flex-wrap:wrap;gap:8px}.nav-pills a{min-height:38px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.7)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:38px;align-items:center;min-height:calc(100vh - 98px);padding:54px 0 34px}.eyebrow{margin:0 0 10px;color:var(--teal-dark);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:18px;font-size:clamp(42px,7vw,82px);line-height:.94}h2{margin-bottom:12px;font-size:clamp(30px,4vw,52px);line-height:1}h3{margin-bottom:8px;font-size:22px}.hero-text,.section-heading p,.privacy-section p{color:var(--muted);font-size:18px;line-height:1.65}.hero-actions,.exercise-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-action,.secondary-action,.audio-button{min-height:48px;border-radius:999px;border:0;padding:0 20px;font-weight:800;text-decoration:none}.primary-action{background:var(--coral);color:#fff;box-shadow:0 14px 32px rgba(238,108,77,.28)}.secondary-action,.audio-button{display:inline-flex;align-items:center;color:var(--teal-dark);background:#fff;border:1px solid var(--line)}
.hero-stage{position:relative;min-height:500px;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#9fdcff 0%,#d5f4ff 45%,#9edab7 100%);box-shadow:var(--shadow)}.sun{position:absolute;top:42px;right:54px;width:92px;height:92px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 20px rgba(255,200,87,.25)}.cloud,.cloud:before,.cloud:after{position:absolute;border-radius:999px;background:rgba(255,255,255,.88)}.cloud{width:120px;height:38px}.cloud:before,.cloud:after{content:"";width:58px;height:58px;top:-24px}.cloud:before{left:16px}.cloud:after{right:18px}.cloud-one{top:96px;left:42px}.cloud-two{top:168px;right:42px;transform:scale(.75)}.island{position:absolute;left:50%;bottom:42px;width:76%;height:250px;transform:translateX(-50%);border-radius:55% 45% 48% 52%;background:linear-gradient(135deg,#57b56d,#f1cd80 70%);box-shadow:inset 0 -22px 0 rgba(95,74,50,.12)}.tree{position:absolute;left:14%;top:42px;width:46px;height:120px;border-radius:999px;background:#8d633d}.tree:before{content:"";position:absolute;left:-44px;top:-58px;width:136px;height:96px;border-radius:50%;background:#1f9b74;box-shadow:42px -26px 0 #35b779}.path{position:absolute;right:18%;bottom:24px;width:150px;height:190px;border-radius:50%;border:22px solid rgba(255,250,242,.55);border-left-color:transparent;border-top-color:transparent;transform:rotate(20deg)}.gem{position:absolute;width:30px;height:30px;border-radius:8px;background:var(--lilac);transform:rotate(45deg)}.gem-one{right:25%;top:70px}.gem-two{right:37%;bottom:64px;background:var(--sun)}.mascot{position:absolute;left:42%;top:56px;width:116px;height:136px;border-radius:46% 46% 40% 40%;background:#fff;box-shadow:0 18px 34px rgba(23,33,43,.16)}.mascot:before,.mascot:after{content:"";position:absolute;top:-18px;width:42px;height:52px;border-radius:50%;background:#fff}.mascot:before{left:12px}.mascot:after{right:12px}.mascot-eye{position:absolute;top:54px;width:12px;height:12px;border-radius:50%;background:var(--ink)}.mascot-eye.left{left:34px}.mascot-eye.right{right:34px}.mascot-mouth{position:absolute;left:44px;top:78px;width:30px;height:16px;border-bottom:4px solid var(--coral);border-radius:50%}.speech-card{position:absolute;left:22px;bottom:22px;width:min(320px,calc(100% - 44px));padding:16px;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 18px 38px rgba(23,33,43,.12)}
.speech-card span,.panel-label{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dashboard-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 0 58px}.status-panel,.adult-grid article,.coach-card,.exercise-card,.therapy-board{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 18px 50px rgba(23,33,43,.08)}.status-panel{padding:18px}.status-panel strong{display:block;margin:7px 0 5px;font-size:24px}.status-panel p,.adult-grid p,.therapy-row small,.coach-card p{color:var(--muted);line-height:1.55}.map-section,.mission-section,.adult-section,.privacy-section,.reward-section{padding:72px 0}.section-heading{max-width:780px;margin-bottom:28px}.section-heading.compact{max-width:680px}.world-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(184,231,211,.72),rgba(127,200,248,.45)),var(--surface);box-shadow:var(--shadow)}.map-node{min-height:132px;padding:18px;border:2px solid transparent;border-radius:24px;text-align:left;background:rgba(255,255,255,.84);color:var(--ink)}.map-node span,.map-node small{display:block}.map-node span{margin-bottom:8px;font-size:22px;font-weight:900}.map-node small{color:var(--muted);font-weight:800}.map-node.active{border-color:var(--coral);box-shadow:0 18px 40px rgba(238,108,77,.18)}.map-node.locked{opacity:.64}
.mission-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.mission-progress{min-width:220px}.mission-progress span{display:block;margin-bottom:8px;font-weight:900}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:rgba(23,33,43,.12)}.progress-track div{height:100%;width:25%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--coral))}.exercise-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.coach-card,.exercise-card{padding:24px}.coach-face{width:130px;height:130px;margin-bottom:18px;border-radius:42% 42% 36% 36%;background:radial-gradient(circle at 38% 42%,#17212b 0 6px,transparent 7px),radial-gradient(circle at 62% 42%,#17212b 0 6px,transparent 7px),radial-gradient(circle at 50% 62%,#ee6c4d 0 10px,transparent 11px),#fff;box-shadow:inset 0 -16px 0 rgba(127,200,248,.35),0 16px 34px rgba(23,33,43,.12)}.exercise-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.exercise-meta span{color:var(--teal-dark);font-weight:900}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice-card{display:grid;min-height:170px;place-items:center;gap:12px;border:2px solid rgba(15,140,140,.18);border-radius:22px;background:#fff;color:var(--ink)}.choice-card:hover,.choice-card:focus-visible{border-color:var(--teal);outline:none}.choice-card strong{font-size:24px}.choice-card [class^="icon-"]{display:block;width:76px;height:76px;border-radius:24px;background:var(--sun)}.icon-bin{background:#8fc3ff!important;clip-path:polygon(18% 20%,82% 20%,74% 90%,26% 90%)}.icon-soap{background:var(--mint)!important;border-radius:32px!important}.icon-pipe{background:var(--lilac)!important;clip-path:polygon(20% 20%,80% 20%,80% 52%,56% 52%,56% 82%,20% 82%)}.icon-sock{background:var(--coral)!important;clip-path:polygon(28% 8%,64% 8%,64% 58%,88% 58%,88% 86%,28% 86%)}.icon-curl{background:#c39a6b!important;border-radius:50%!important;box-shadow:inset 22px 0 0 #fff}.icon-soup{background:#f39c64!important;border-radius:50% 50% 42% 42%!important}.icon-doll{background:var(--lilac)!important;border-radius:50% 50% 30% 30%!important}.feedback{min-height:52px;margin:18px 0;padding:14px 16px;border-radius:18px;background:rgba(127,200,248,.18);color:var(--teal-dark);font-weight:800}.feedback.success{background:rgba(184,231,211,.65)}.feedback.retry{background:rgba(255,200,87,.35);color:#6b4b00}
.record-box{padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(238,108,77,.12),rgba(185,167,255,.25))}.record-button{display:inline-flex;align-items:center;gap:10px;min-height:58px;border:0;border-radius:999px;padding:0 22px;background:var(--ink);color:#fff;font-weight:900}.record-button span{width:16px;height:16px;border-radius:50%;background:var(--coral)}.record-button.is-recording span{animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.4);opacity:.7}}.reward-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;align-items:center;padding:30px;border-radius:34px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.reward-card p{color:rgba(255,255,255,.78);line-height:1.65}.reward-card .eyebrow{color:var(--sun)}.badge-burst{display:grid;width:132px;height:132px;place-items:center;border-radius:38px;background:var(--sun);color:var(--ink);font-size:64px;font-weight:900}.adult-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.adult-grid article{padding:22px}.therapy-board{overflow:hidden}.therapy-row{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(220px,.9fr);gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}.therapy-row:last-child{border-bottom:0}.therapy-row span{color:var(--muted);font-weight:900}.privacy-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:900px){.topbar,.mission-header{align-items:stretch;flex-direction:column}.hero,.exercise-layout,.privacy-section{grid-template-columns:1fr}.hero{min-height:auto}.hero-stage{min-height:420px}.dashboard-band,.world-map,.adult-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.therapy-row{grid-template-columns:1fr}}@media (max-width:620px){.app-shell{padding:12px}.nav-pills{display:grid;grid-template-columns:repeat(2,1fr)}.nav-pills a{text-align:center}h1{font-size:46px}.dashboard-band,.world-map,.choice-grid,.adult-grid,.reward-card{grid-template-columns:1fr}.map-section,.mission-section,.adult-section,.privacy-section,.reward-section{padding:48px 0}}
.session-section{padding:72px 0}.session-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.avatar-panel,.session-plan{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 18px 50px rgba(23,33,43,.08);padding:22px}.avatar-options{display:grid;gap:10px;margin:14px 0}.avatar-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;text-align:left;border:2px solid transparent;border-radius:18px;background:#fff;padding:12px;color:var(--ink)}.avatar-card strong,.avatar-card small{display:block}.avatar-card small{color:var(--muted)}.avatar-card.active{border-color:var(--coral);box-shadow:0 12px 28px rgba(238,108,77,.16)}.avatar-blob{width:54px;height:54px;border-radius:40% 40% 34% 34%;background:var(--mint);box-shadow:inset 0 -10px 0 rgba(15,140,140,.18)}.avatar-blob.bobo{background:var(--sun)}.avatar-blob.mina{background:var(--lilac)}.plan-head{display:grid;gap:4px;margin-bottom:18px}.plan-head strong{font-size:30px}.plan-head small,.micro-goals{color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:0;margin:0 0 18px;list-style:none}.timeline li{min-height:58px;display:grid;place-items:center;text-align:center;border-radius:16px;background:rgba(15,140,140,.09);font-weight:800;color:var(--teal-dark);font-size:13px}.timeline li.active{background:var(--teal);color:#fff;box-shadow:0 12px 26px rgba(15,140,140,.24)}.micro-goals{display:flex;flex-wrap:wrap;gap:10px}.micro-goals span,.reward-summary span{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;background:#fff;border:1px solid var(--line);padding:0 12px;font-weight:800}.reward-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.waveform{display:flex;align-items:end;gap:6px;height:54px;margin:16px 0}.waveform i{width:12px;border-radius:999px;background:linear-gradient(180deg,var(--coral),var(--sun));height:18px}.waveform i:nth-child(2){height:34px}.waveform i:nth-child(3){height:48px}.waveform i:nth-child(4){height:28px}.waveform i:nth-child(5){height:42px}.waveform i:nth-child(6){height:24px}.record-button.is-recording+.waveform i{animation:wave 900ms infinite ease-in-out}.record-button.is-recording+.waveform i:nth-child(2n){animation-delay:160ms}@keyframes wave{50%{transform:scaleY(.45)}}.adult-grid.expanded{grid-template-columns:repeat(3,1fr)}.icon-steps{background:linear-gradient(135deg,var(--teal),var(--mint))!important}.icon-steps-alt{background:linear-gradient(135deg,#8fc3ff,var(--lilac))!important}.icon-seed{background:var(--mint)!important;border-radius:50% 10% 50% 10%!important}.icon-drum{background:#d65f5f!important;border-radius:50% 50% 24px 24px!important}
@media (max-width:900px){.session-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(3,1fr)}.adult-grid.expanded{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.session-section{padding:48px 0}.timeline,.adult-grid.expanded{grid-template-columns:1fr}.plan-head strong{font-size:24px}}
.app-home,.complete-section{padding:72px 0}.app-home{display:grid;grid-template-columns:390px minmax(0,1fr);gap:28px;align-items:center}.phone-frame{border:1px solid var(--line);border-radius:34px;background:#fff;padding:18px;box-shadow:var(--shadow)}.phone-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:14px}.phone-top strong{color:var(--ink);font-size:18px}.child-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:26px;background:linear-gradient(135deg,rgba(184,231,211,.8),rgba(255,200,87,.35))}.child-card h2{font-size:32px;margin-bottom:6px}.child-avatar{width:88px;height:104px;border-radius:42% 42% 34% 34%;background:radial-gradient(circle at 38% 42%,#17212b 0 5px,transparent 6px),radial-gradient(circle at 62% 42%,#17212b 0 5px,transparent 6px),radial-gradient(circle at 50% 64%,#ee6c4d 0 8px,transparent 9px),#fff;box-shadow:inset 0 -14px 0 rgba(15,140,140,.18)}.quest-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px;border-radius:22px;background:var(--ink);color:#fff}.quest-strip button{min-height:46px;border:0;border-radius:999px;background:var(--sun);color:var(--ink);font-weight:900;padding:0 18px}.sticker-album{padding:16px;border-radius:24px;background:#fffaf2;border:1px solid var(--line)}.album-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.album-head small{color:var(--muted);font-weight:900}.stickers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sticker{display:grid;place-items:center;min-height:62px;border-radius:18px;background:rgba(23,33,43,.08);color:rgba(23,33,43,.34);font-weight:900}.sticker.unlocked{background:linear-gradient(135deg,var(--sun),var(--coral));color:#fff;box-shadow:0 10px 24px rgba(238,108,77,.2)}.product-notes .note-list{display:grid;gap:12px}.product-notes article{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.84);padding:18px}.product-notes article p{color:var(--muted);line-height:1.55}.complete-card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:center;border-radius:34px;background:linear-gradient(135deg,var(--teal),#25304f);color:#fff;padding:30px;box-shadow:var(--shadow)}.complete-card p{color:rgba(255,255,255,.78);line-height:1.65}.complete-card .eyebrow{color:var(--sun)}.complete-visual{display:grid;place-items:center;width:150px;height:150px;border-radius:42px;background:var(--sun);color:var(--ink);font-size:76px;font-weight:900}.complete-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.complete-grid span{min-height:42px;border-radius:999px;background:rgba(255,255,255,.12);display:flex;align-items:center;padding:0 14px;font-weight:800}
@media (max-width:900px){.app-home,.complete-card{grid-template-columns:1fr}.phone-frame{max-width:430px}.complete-visual{width:120px;height:120px}}@media (max-width:620px){.app-home,.complete-section{padding:48px 0}.child-card,.complete-grid{grid-template-columns:1fr}.stickers{grid-template-columns:repeat(2,1fr)}}
.care-system{padding:72px 0}.role-tabs{display:inline-flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);margin-bottom:18px}.role-tabs button{min-height:42px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:900;padding:0 16px}.role-tabs button.active{background:var(--ink);color:#fff}.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.care-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 18px 50px rgba(23,33,43,.08);padding:22px;transition:transform .2s ease,opacity .2s ease}.care-card h3{font-size:24px}.care-card p,.care-card li,.care-card small,.recording-row em{color:var(--muted);line-height:1.55}.skill-bars{display:grid;gap:10px;margin-top:14px}.skill-bars span{display:grid;gap:6px;font-weight:900}.skill-bars b{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--sun))}.plan-card ol{padding-left:20px;margin-bottom:0;line-height:1.8}.quote{padding:14px;border-radius:18px;background:rgba(255,200,87,.22);font-weight:900;color:var(--ink)!important}.recordings-card{grid-column:span 2}.recording-row{display:grid;grid-template-columns:80px minmax(0,1fr) 150px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.recording-row:last-child{border-bottom:0}.recording-row span{font-weight:900;color:var(--teal-dark)}.handoff-card{background:linear-gradient(135deg,rgba(15,140,140,.12),rgba(185,167,255,.22)),rgba(255,255,255,.9)}.privacy-card-v4 ul{padding-left:20px}.secondary-action.is-ready{background:var(--mint);color:var(--ink);border-color:transparent}
@media (max-width:900px){.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recordings-card{grid-column:auto}.recording-row{grid-template-columns:1fr}}@media (max-width:620px){.care-system{padding:48px 0}.care-grid{grid-template-columns:1fr}.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-radius:22px;width:100%}.role-tabs button{padding:0 8px}}
.vision-system{padding:72px 0}.vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vision-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 18px 50px rgba(23,33,43,.08);padding:22px}.vision-card h3{font-size:24px}.vision-card p,.vision-card li,.vision-card small{color:var(--muted);line-height:1.55}.audio-lab{grid-column:span 2;background:linear-gradient(135deg,rgba(23,33,43,.96),rgba(15,140,140,.82));color:#fff}.audio-lab .panel-label,.audio-lab p,.audio-lab small{color:rgba(255,255,255,.72)}.mic-permission{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;margin:14px 0;padding:14px;border-radius:18px;background:rgba(255,255,255,.12)}.mic-permission span{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#fff 0 13px,rgba(255,255,255,.22) 14px 100%)}.mic-permission strong,.mic-permission small{display:block}.analysis-wave{display:flex;align-items:end;gap:8px;height:112px;margin:18px 0;padding:14px;border-radius:22px;background:rgba(255,255,255,.1)}.analysis-wave i{width:18px;border-radius:999px;background:linear-gradient(180deg,var(--sun),var(--coral));height:24px;animation:visionwave 1.2s infinite ease-in-out}.analysis-wave i:nth-child(2){height:58px;animation-delay:.1s}.analysis-wave i:nth-child(3){height:86px;animation-delay:.2s}.analysis-wave i:nth-child(4){height:44px;animation-delay:.3s}.analysis-wave i:nth-child(5){height:96px;animation-delay:.4s}.analysis-wave i:nth-child(6){height:70px;animation-delay:.5s}.analysis-wave i:nth-child(7){height:38px;animation-delay:.6s}.analysis-wave i:nth-child(8){height:76px;animation-delay:.7s}@keyframes visionwave{50%{transform:scaleY(.55)}}.audio-actions{display:flex;flex-wrap:wrap;gap:10px}.analysis-list{padding-left:20px}.analysis-list strong{color:var(--ink)}.assistant-note{padding:14px;border-radius:18px;background:rgba(184,231,211,.55);font-weight:900}.privacy-flow ol{padding-left:20px;line-height:1.8}.onboarding-steps,.plans{display:grid;gap:10px}.onboarding-steps span,.plans span{min-height:42px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;padding:0 14px;background:#fff;font-weight:900}.pricing-card{background:linear-gradient(135deg,rgba(255,200,87,.2),rgba(185,167,255,.22)),rgba(255,255,255,.9)}
@media (max-width:900px){.vision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-lab{grid-column:auto}}@media (max-width:620px){.vision-system{padding:48px 0}.vision-grid{grid-template-columns:1fr}.analysis-wave{height:86px}.audio-actions{display:grid}}
.prototype-system{padding:72px 0}.prototype-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.prototype-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(23,33,43,.08);padding:22px}.prototype-card h3{font-size:24px}.prototype-card p,.prototype-card li,.prototype-card label,.prototype-card small{color:var(--muted);line-height:1.55}.state-card{background:linear-gradient(135deg,rgba(184,231,211,.55),rgba(255,255,255,.9))}.state-pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.state-pills span{min-height:38px;border-radius:999px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:0 12px;font-weight:900}.worlds-card{grid-column:span 2}.world-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.world-switcher button,.mode-buttons button{border:2px solid transparent;border-radius:18px;background:#fff;color:var(--ink);padding:14px;text-align:left;font-weight:900}.world-switcher small{display:block;color:var(--muted);margin-top:4px}.world-switcher button.active,.mode-buttons button.active{border-color:var(--coral);box-shadow:0 12px 28px rgba(238,108,77,.16)}.mic-status{padding:14px;border-radius:18px;background:rgba(127,200,248,.18);color:var(--teal-dark);font-weight:900;margin:12px 0}.builder-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.builder-controls label{display:grid;gap:6px;font-weight:900}.builder-controls select{min-height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 12px;color:var(--ink);font:inherit}.generated-plan ol{padding-left:20px;line-height:1.8}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.validation-card{background:linear-gradient(135deg,rgba(255,200,87,.2),rgba(255,255,255,.9))}
@media (max-width:900px){.prototype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.worlds-card{grid-column:auto}.world-switcher,.builder-controls,.mode-buttons{grid-template-columns:1fr}}@media (max-width:620px){.prototype-system{padding:48px 0}.prototype-grid{grid-template-columns:1fr}}