:root{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#071e57;background:#c9f1ff;font-synthesis:none;--navy:#071e57;--sky:#c9f1ff;--blue:#1479d1;--red:#ef2b20;--yellow:#ffc928;--green:#3aa447;--orange:#f47b20;--white:#fff;--ink-soft:#385278;--line:rgba(7,30,87,.18);--shadow:0 10px 24px rgba(7,30,87,.14);--display:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow:hidden;background:var(--sky);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible{outline:4px solid #ff9f1c;outline-offset:3px}.app-shell{height:100dvh;min-height:650px;display:grid;grid-template-rows:78px minmax(0,1fr) 92px;overflow:hidden;background:var(--sky)}.course-header{z-index:10;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(400px,1fr);align-items:center;gap:18px;padding:10px 24px;border-bottom:1px solid rgba(7,30,87,.08);background:#c9f1fff5}.brand-block{display:inline-flex;width:fit-content;align-items:center;gap:10px;background:var(--yellow);padding:12px 18px;border-radius:18px;font-size:20px;font-weight:900}.stage-heading{display:grid;text-align:center;line-height:1.25;min-width:220px}.stage-heading strong{font-family:var(--display);font-size:18px}.stage-heading span{font-size:12px;color:var(--ink-soft);margin-top:3px}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.icon-action{min-width:62px;min-height:54px;border:0;background:transparent;display:grid;place-items:center;gap:1px;font-weight:800;font-size:11px;border-radius:14px}.icon-action svg{width:23px;height:23px}.icon-action:hover,.icon-action[aria-pressed=true]{background:#fff;box-shadow:0 4px 12px #071e571a}.restart-button,.replay-button{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--line);background:#fff;border-radius:15px;padding:10px 14px;font-weight:800}.lesson-stage{min-height:0;overflow:auto}.screen{min-height:100%;position:relative;padding:24px clamp(28px,5vw,84px);overflow:hidden;background:transparent}.screen-title{text-align:center;margin-bottom:18px}.screen-title h1{margin:0;font-family:var(--display);font-size:clamp(30px,3.2vw,48px);line-height:1.05;letter-spacing:.02em;font-weight:900}.screen-title p{margin:8px 0 0;color:var(--ink-soft);font-size:16px;font-weight:700}.dark-stage .screen-title,.blue-stage{color:var(--navy)}.dark-stage .screen-title p,.blue-stage .screen-title p{color:var(--ink-soft)}.blue-stage,.mint-stage,.warm-stage,.dark-stage{background:transparent}.dark-stage{color:var(--navy)}.course-navigation{z-index:20;display:flex;align-items:center;gap:14px;padding:10px 28px;margin:0 26px 14px;min-height:80px;border:1px solid rgba(7,30,87,.12);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.round-nav{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border:2px solid rgba(7,30,87,.22);border-radius:50%;background:#fff}.round-nav:disabled{opacity:.3}.film-progress{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;min-width:0}.progress-fragment{display:inline-flex;align-items:center;gap:7px}.film-cell{position:relative;min-width:54px;height:48px;border:5px solid var(--navy);background:#fff;font-weight:900;font-size:18px}.film-cell:before,.film-cell:after{content:"";position:absolute;left:-3px;right:-3px;height:3px;background:repeating-linear-gradient(90deg,#fff 0 7px,var(--navy) 7px 13px)}.film-cell:before{top:-5px}.film-cell:after{bottom:-5px}.film-cell.active{background:var(--yellow);outline:4px solid var(--red);outline-offset:3px}.film-cell.done{background:#e2f6e5}.ellipsis{font-size:22px;font-weight:900}.page-counter{white-space:nowrap;font-weight:900;font-size:18px}.replay-button{white-space:nowrap}.primary-cta,.secondary-cta,.cover-cta{min-height:52px;border:0;border-radius:15px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:18px}.primary-cta,.cover-cta{color:#fff;background:var(--red);box-shadow:0 7px #a92119}.primary-cta:active:not(:disabled),.cover-cta:active{transform:translateY(4px);box-shadow:0 3px #a92119}.primary-cta:disabled{opacity:.42;box-shadow:none}.primary-cta.yellow{background:var(--yellow);color:var(--navy);box-shadow:0 7px #cc8f00}.primary-cta.green{background:var(--green);box-shadow:0 7px #23722d}.primary-cta.orange{background:var(--orange);box-shadow:0 7px #b64e0e}.secondary-cta{background:#fff;border:3px solid var(--navy)}.button-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.cover-screen{display:grid;grid-template-columns:45% 55%;align-items:center;padding-top:4px}.cover-copy{padding-left:5vw;z-index:2}.cover-copy h1{margin:0 0 12px;font-family:var(--display);font-size:clamp(60px,7.6vw,116px);line-height:.94;letter-spacing:-.05em}.cover-copy h1 span{font-size:.92em}.yellow-brush,.green-brush{width:fit-content;margin:7px 0;padding:7px 28px;transform:rotate(-2deg);font-family:var(--display);font-weight:900;font-size:clamp(22px,2.4vw,38px)}.yellow-brush{background:var(--yellow)}.green-brush{color:#fff;background:var(--green);transform:rotate(1deg);font-size:clamp(18px,2vw,30px)}.cover-cta{margin-top:16px;padding:17px 30px;font-size:clamp(22px,2.4vw,34px);border-radius:19px}.cover-cta svg{width:42px;height:42px;fill:#fff}.cover-visual{align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:hidden}.cover-visual img{width:min(100%,790px);height:min(100%,590px);object-fit:contain;mix-blend-mode:multiply;animation:heroEnter .9s cubic-bezier(.2,.8,.2,1) both}.cover-screen .skip-intro{position:absolute;top:8px;right:28px;display:flex;gap:8px;align-items:center;border:2px solid var(--line);border-radius:14px;background:#fff;padding:9px 14px;font-weight:800}.doodle-star{position:absolute;top:8%;left:6%;color:#f8b400;transform:rotate(-16deg)}.doodle-star svg{width:44px;height:44px}.two-column-screen,.review-screen{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:center}.video-player{margin:0;border-radius:19px;background:#061949;overflow:hidden;border:6px solid var(--navy);box-shadow:var(--shadow)}.video-viewport{aspect-ratio:16/9;position:relative;overflow:hidden;background:#081a48}.video-viewport img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.video-viewport.is-playing img{animation:cameraMove 8s ease-in-out infinite alternate}.video-title{position:absolute;left:16px;top:14px;background:#ffffffeb;padding:7px 12px;border-radius:9px;font-weight:900;font-size:14px}.video-controls{min-height:48px;padding:8px 12px;display:flex;align-items:center;gap:10px;color:#fff}.video-controls button{border:0;background:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.video-controls button svg{width:17px}.video-track{height:8px;flex:1;background:#394a75;border-radius:9px;overflow:hidden}.video-track span{display:block;height:100%;background:var(--yellow)}.video-controls>span{font-size:12px;white-space:nowrap}.reveal-panel{align-self:center}.reveal-panel h3{font-family:var(--display);font-size:28px;margin:0 0 16px}.reveal-list{display:grid;gap:12px}.reveal-list button{min-height:68px;display:grid;grid-template-columns:30px 100px 1fr;align-items:center;text-align:left;gap:9px;border:3px solid var(--navy);background:#fff;border-radius:16px;padding:10px 14px}.reveal-list button.revealed{border-color:var(--green);background:#e2f6e5}.reveal-list button span{color:var(--ink-soft)}.formula-screen{text-align:center;display:grid;grid-template-rows:auto minmax(0,1fr)}.formula-workbench{min-height:0;display:grid;align-content:center;justify-items:center;gap:22px;padding:6px 0 22px}.formula-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:min(100%,1420px);margin:0 auto}.formula-card{position:relative;min-height:360px;opacity:.28;transform:translateY(22px) scale(.98);transition:.42s ease;border:4px solid currentColor;border-radius:24px;padding:16px 18px 18px;background:#fffffff0;display:grid;grid-template-rows:minmax(0,1fr) auto;box-shadow:8px 10px #071e571f}.formula-card:after{content:"＋";position:absolute;z-index:2;right:-39px;top:47%;width:42px;height:42px;display:grid;place-items:center;color:var(--navy);font-size:34px;font-weight:900}.formula-card:last-child:after{display:none}.formula-card.visible{opacity:1;transform:none}.formula-card.red{color:var(--red)}.formula-card.blue{color:var(--blue)}.formula-card.green{color:var(--green)}.formula-art{min-height:0;display:grid;place-items:center;overflow:hidden}.formula-art img{width:100%;height:245px;display:block;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(7,30,87,.12))}.formula-card-copy{min-height:66px;padding-top:9px;border-top:3px dashed currentColor;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.formula-card-copy span{display:inline-flex;align-items:center;gap:7px;font-size:19px;font-weight:900;white-space:nowrap}.formula-card-copy small{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--navy);font-size:15px}.formula-card.red .formula-card-copy small{background:var(--red)}.formula-card.blue .formula-card-copy small{background:var(--blue)}.formula-card.green .formula-card-copy small{background:var(--green)}.formula-card-copy strong{color:var(--navy);font-size:clamp(18px,1.35vw,24px);line-height:1.25}.formula-result{width:fit-content;max-width:95%;margin:0 auto;background:var(--yellow);padding:14px 24px;border:3px solid rgba(7,30,87,.12);border-radius:15px;font-size:clamp(18px,1.75vw,27px);font-weight:900;display:flex;align-items:center;gap:12px;box-shadow:0 7px #a7760047}.formula-result svg{flex:0 0 auto}.formula-next{margin-top:2px}.draw-workbench{width:min(100%,1500px);margin:auto;text-align:center}.draw-studio{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);gap:38px;align-items:center}.draw-studio-art,.safety-art{margin:0;overflow:hidden;border:4px solid var(--navy);border-radius:28px;background:#fffdf7;box-shadow:10px 12px #071e5724}.draw-studio-art img,.safety-art img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.draw-panel{display:grid;gap:20px}.draw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1000px}.draw-card{min-height:248px;color:var(--navy);background:#fffffff5;border:4px solid var(--navy);border-radius:22px;padding:18px;display:grid;grid-template-rows:auto 1fr auto;place-items:center;gap:10px;box-shadow:8px 9px #04174433}.draw-card span{justify-self:start;border-radius:999px;background:var(--yellow);padding:6px 14px;font-weight:900}.draw-card strong{font-size:clamp(22px,2.15vw,32px);font-family:var(--display);line-height:1.2}.card-1 svg{color:var(--red)}.card-2 svg{color:var(--blue)}.card-3 svg{color:var(--green)}.draw-cards.rolling .draw-card{animation:cardShuffle .5s ease}.draw-result-slot{min-height:76px;display:grid;place-items:center}.draw-result-slot>p{margin:0;color:var(--ink-soft);font-weight:800}.prompt-strip,.summary-brush{margin:0 auto;width:fit-content;display:flex;align-items:center;gap:10px;background:var(--yellow);color:var(--navy);padding:12px 22px;font-size:22px;font-weight:900;border-radius:12px}.draw-result-slot .prompt-strip{box-shadow:0 6px #a776003d}.safety-board{width:min(100%,1400px);margin:auto;text-align:center}.safety-layout{display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr);gap:42px;align-items:center}.safety-actions{display:grid;gap:24px;justify-items:center}.safety-list{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.safety-list button{min-height:138px;text-align:left;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;border:3px solid #78b784;background:#fffffff5;border-radius:20px;padding:18px 20px;box-shadow:0 7px 14px #071e5717;transition:transform .18s ease,box-shadow .18s ease}.safety-list button:not(.checked):hover{transform:translateY(-3px);box-shadow:0 10px 18px #071e5721}.safety-list button.checked{background:#ccefd2;border-color:var(--green);box-shadow:0 7px #23722d2e}.check-box{width:42px;height:42px;border:3px solid var(--green);border-radius:10px;display:grid;place-items:center}.safety-list strong{display:block;font-size:20px}.safety-list small{display:block;color:var(--ink-soft);margin-top:7px;line-height:1.45}.practice-layout{width:min(100%,1320px);margin:auto;display:grid;grid-template-columns:minmax(340px,430px) minmax(0,820px);justify-content:center;align-items:center;gap:40px}.director-station{align-self:stretch;display:grid;align-content:center;position:relative;overflow:hidden;border:4px solid var(--navy);border-radius:28px;background:#fffdf7;box-shadow:10px 12px #071e5724}.director-station>img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.director-note{position:relative;z-index:1;margin:-78px 20px 20px;background:var(--yellow);padding:18px 20px;border:4px solid var(--navy);border-radius:18px;box-shadow:7px 8px #071e5726;transform:rotate(-1deg);text-align:left}.director-note svg{width:36px;height:36px;float:left;margin-right:12px}.director-note strong{display:block;font-size:22px;margin-top:2px}.director-note p{margin:10px 0 0;clear:both;line-height:1.55}.practice-form,.order-form{display:grid;gap:14px}.practice-form label,.order-form label{position:relative;min-height:78px;display:grid;grid-template-columns:42px 160px 1fr;align-items:center;gap:12px;background:#fffffff7;border:3px solid var(--navy);border-radius:17px;padding:12px 15px;box-shadow:0 5px 12px #071e5714}.practice-form label>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:900}input{min-width:0;min-height:48px;border:2px solid #a8b5cc;border-radius:10px;padding:8px 12px;color:var(--navy);background:#fafdff}input::placeholder{color:#7d8da9}.field-error{position:absolute;right:18px;bottom:-18px;color:#b71c1c;background:#fff;z-index:2}.prompt-preview{min-height:58px;display:flex;align-items:center;gap:8px;padding:12px 18px;background:#fff4b6;border-left:8px solid var(--yellow);border-radius:0 12px 12px 0;font-weight:800}.generation-room{min-height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(50px,10vw,160px)}.projector{position:relative;width:190px;height:170px;display:grid;place-items:center;color:var(--yellow);background:var(--navy);border:8px solid var(--navy);border-radius:24px}.projector svg{width:84px;height:84px}.projector-beam{position:absolute;left:100%;width:150px;height:96px;background:#ffc92857;clip-path:polygon(0 35%,100% 0,100% 100%,0 65%)}.generation-copy{max-width:620px;text-align:center}.status-kicker{display:inline-block;background:var(--yellow);color:var(--navy);padding:6px 14px;font-weight:900}.generation-copy h2{font-size:clamp(34px,4vw,58px);margin:14px 0;font-family:var(--display)}.generation-copy p{display:flex;justify-content:center;align-items:center;gap:8px;font-size:18px}.device-reminder{background:#fff;color:var(--navy);padding:12px;border-radius:12px;font-weight:900}.generation-meter{height:18px;border:3px solid var(--navy);margin:22px 0 8px;overflow:hidden}.generation-meter span{display:block;height:100%;background:var(--yellow);transition:width .4s ease}.complete-line{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;color:var(--green)}.dark-stage .complete-line{color:var(--green)}.explore-entry-screen{text-align:center;display:grid;grid-template-rows:auto minmax(0,1fr)}.story-loop-screen{text-align:center}.explore-entry{width:min(100%,1500px);min-height:0;margin:auto;display:grid;grid-template-columns:minmax(430px,560px) minmax(560px,1fr);align-items:center;gap:54px}.explore-entry-art,.usecase-art{margin:0;overflow:hidden;border:4px solid var(--navy);border-radius:28px;background:#fffdf7;box-shadow:10px 12px #071e5724}.explore-entry-art{position:relative}.explore-entry-art img,.usecase-art img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.explore-entry-art figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 16px;border:3px solid var(--navy);border-radius:14px;background:#fffffff0;font-size:16px;font-weight:900;box-shadow:0 5px #071e5724}.explore-task{display:grid;gap:18px;padding:28px 32px 30px;text-align:left;border:4px solid var(--navy);border-radius:28px;background:#ffffffe6;box-shadow:10px 12px #071e5724}.explore-task-heading>span{display:block;width:fit-content;margin-bottom:7px;padding:5px 12px;color:var(--navy);background:var(--yellow);font-size:15px;font-weight:900;transform:rotate(-1deg)}.explore-task-heading h2{margin:0;font-family:var(--display);font-size:clamp(27px,2.2vw,36px);line-height:1.2}.explore-task-heading p{margin:7px 0 0;color:var(--ink-soft);font-size:17px;font-weight:700}.observation-questions{width:100%;margin:0;padding:0;display:grid;gap:12px;list-style:none}.observation-questions li{min-height:100px;display:grid;grid-template-columns:44px 42px 1fr;gap:14px;align-items:center;padding:15px 18px;border:3px solid rgba(7,30,87,.2);border-left:8px solid var(--red);border-radius:0 17px 17px 0;background:#fff;box-shadow:0 5px 12px #071e5714}.observation-questions li:last-child{border-left-color:var(--yellow)}.observation-questions b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--red);font-size:18px}.observation-questions li:last-child b{color:var(--navy);background:var(--yellow)}.observation-questions svg{width:34px;height:34px;color:var(--red)}.observation-questions li:last-child svg{color:#d89b00;fill:#ffc92833}.observation-questions strong,.observation-questions small{display:block}.observation-questions strong{font-size:20px}.observation-questions small{margin-top:5px;color:var(--ink-soft);font-size:14px;line-height:1.45}.explore-destinations{padding-top:2px}.explore-destinations>span{display:block;margin-bottom:9px;color:var(--ink-soft);font-size:14px;font-weight:900}.explore-destinations ul{margin:0;padding:12px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px dashed rgba(7,30,87,.28);border-radius:16px;list-style:none;background:#c9f1ff5c}.explore-destinations li{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border-right:2px solid rgba(7,30,87,.12);font-size:16px}.explore-destinations li:last-child{border-right:0}.explore-destinations svg{width:24px;height:24px;color:var(--blue)}.explore-destinations li:nth-child(2) svg{color:var(--red)}.explore-destinations li:nth-child(3) svg{color:var(--green)}.explore-destinations li:nth-child(4) svg{color:#d89b00}.explore-task>.primary-cta{width:100%;min-height:60px;font-size:20px}.mini-video-grid{width:min(100%,1420px);margin:6px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:28px}.mini-video-grid>button{overflow:hidden;border:4px solid var(--navy);background:#fffffff7;padding:14px;border-radius:24px;display:grid;grid-template-columns:48px 1fr;text-align:left;gap:8px 14px;align-items:center;box-shadow:8px 9px #071e5726;transition:transform .18s ease,box-shadow .18s ease}.mini-video-grid>button:hover{transform:translateY(-3px)}.mini-video-grid>button.selected{outline:6px solid var(--yellow);outline-offset:3px;transform:translateY(-4px);box-shadow:9px 13px #071e572e}.story-scene{grid-column:1/-1;aspect-ratio:3/2;overflow:hidden;border-radius:15px;background:#fffdf7}.story-scene img{width:100%;height:100%;display:block;object-fit:cover}.mini-video-grid>button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yellow);font-size:18px;font-weight:900}.mini-video-grid>button>strong{font-size:21px}.mini-video-grid small{grid-column:2;color:var(--ink-soft);font-size:15px}.answer-reason-slot{min-height:92px}.answer-reason{width:min(100%,1180px);margin:18px auto 0;background:#e5f6e9;border-left:8px solid var(--green);border-radius:0 16px 16px 0;padding:14px 20px;text-align:left;box-shadow:0 6px 13px #071e5717}.answer-reason strong{font-size:20px}.answer-reason p{margin:5px 0 0}.usecase-explorer{width:min(100%,1400px);margin:auto}.usecase-layout{display:grid;grid-template-columns:minmax(350px,430px) minmax(0,1fr);gap:42px;align-items:center}.usecase-controls{display:grid;gap:20px}.usecase-tabs{display:flex;justify-content:center;gap:12px}.usecase-tabs button{min-height:58px;border:3px solid var(--navy);background:#fff;border-radius:15px;padding:10px 18px;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;box-shadow:0 5px 10px #071e5714}.usecase-tabs button.active{background:var(--yellow);transform:translateY(-4px);box-shadow:0 7px #a776003d}.usecase-stage{display:none}.usecase-detail{min-height:250px;padding:34px 42px;color:#fff;display:grid;grid-template-columns:86px 1fr 48px;align-items:center;gap:24px;border-radius:22px;box-shadow:9px 10px #071e572e}.usecase-detail.blue{background:var(--blue)}.usecase-detail.red{background:var(--red)}.usecase-detail.green{background:var(--green)}.usecase-detail h3{font-size:34px;margin:0 0 10px}.usecase-detail p{font-size:20px;margin:0;line-height:1.6}.usecase-controls .summary-brush{font-size:18px}.review-list{overflow:auto;max-height:520px;display:grid;gap:10px;padding:5px}.review-list fieldset,.reflection-strip fieldset{border:3px solid var(--navy);border-radius:14px;background:#fff;padding:9px 12px}.review-list legend,.reflection-strip legend{font-weight:900;padding:0 5px}.review-list button,.reflection-strip fieldset button{border:2px solid var(--line);background:#f7fbff;padding:8px 10px;margin:3px;border-radius:9px}.review-list button.selected,.reflection-strip fieldset button.selected{background:var(--yellow);border-color:var(--navy);font-weight:900}.customer-orders{text-align:center}.customer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:20px auto}.customer-list>button{min-height:250px;border:4px solid var(--navy);background:#fff;border-radius:19px;padding:22px;text-align:left;box-shadow:9px 10px #071e571f}.customer-list>button.selected{outline:6px solid var(--orange);transform:translateY(-5px)}.customer-symbol{width:62px;height:62px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:16px}.symbol-2{background:var(--red)}.symbol-3{background:var(--green)}.customer-list strong{display:block;font-size:25px;margin:14px 0 6px}.customer-list p{font-weight:800;line-height:1.5}.customer-list small{color:var(--ink-soft);line-height:1.5}.requirement-ribbons{max-width:900px;margin:20px auto;display:grid;gap:14px}.requirement-ribbons article{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:16px;background:#fff;border:3px solid var(--navy);padding:14px 22px;transform:rotate(-.4deg)}.requirement-ribbons article:nth-child(2){transform:rotate(.5deg)}.requirement-ribbons svg{width:42px;height:42px;color:var(--orange)}.requirement-ribbons strong{font-size:21px}.requirement-ribbons p{margin:5px 0 0}.summary-brush.orange{background:var(--orange);color:#fff}.second-practice{display:grid;grid-template-columns:360px minmax(420px,700px);justify-content:center;gap:26px}.customer-orders.compact .customer-list{grid-template-columns:1fr;margin:0;gap:9px}.customer-orders.compact .customer-list>button{min-height:84px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:10px 13px;box-shadow:none}.customer-orders.compact .customer-symbol{width:44px;height:44px;grid-row:1/3;border-radius:11px}.customer-orders.compact strong{font-size:16px;margin:0}.customer-orders.compact p{margin:0;font-size:12px}.order-form{background:#fff;border:4px solid var(--navy);padding:16px;border-radius:18px}.order-ticket{display:flex;justify-content:space-between;align-items:center;border-bottom:3px dashed var(--line);padding-bottom:10px}.order-ticket span{background:var(--orange);color:#fff;padding:5px 10px;font-weight:900}.order-form label{grid-template-columns:240px 1fr}.order-form label strong{font-size:14px}.order-form .primary-cta{justify-self:end}.empty-order{min-height:330px;display:grid;place-items:center;align-content:center;gap:12px;border:4px dashed var(--navy);background:#fff9e8}.empty-order svg{width:60px;height:60px;color:var(--orange)}.screening-room{max-width:1150px;margin:auto}.quiz-rail{display:flex;justify-content:center;gap:12px;margin-bottom:13px}.quiz-rail button{border:2px solid #8292b9;background:#162c62;color:#cbd9f5;padding:8px 12px;display:flex;align-items:center;gap:6px;border-radius:9px}.quiz-rail button.active{background:var(--yellow);color:var(--navy)}.quiz-rail button.done{border-color:#78de8b}.quiz-stage{display:grid;grid-template-columns:43% 57%;background:#fff;color:var(--navy);border:6px solid #152c63;box-shadow:0 0 0 5px #fff;min-height:400px}.quiz-art{overflow:hidden}.quiz-art img{width:100%;height:100%;object-fit:cover}.quiz-content{padding:20px 24px}.quiz-content h3{font-size:26px;margin:0 0 5px}.quiz-content>p{margin:0 0 10px}.quiz-options{display:grid;gap:8px}.quiz-options button{min-height:50px;display:grid;grid-template-columns:36px 1fr 28px;align-items:center;gap:9px;text-align:left;border:3px solid var(--line);background:#f8fbff;border-radius:11px;padding:6px 10px}.quiz-options button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d8e5f7;font-weight:900}.quiz-options button.selected{border-color:var(--blue);background:#e4f3ff}.quiz-options button.correct{border-color:var(--green);background:#e1f5e5}.quiz-options button.wrong{border-color:var(--red);background:#ffe8e5}.quiz-content .primary-cta{margin-top:12px}.comparison-videos{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:auto}.comparison-videos h3{margin:0 0 7px}.comparison-videos .video-controls{min-height:40px}.comparison-videos .video-player{border-width:4px}.reflection-strip{max-width:980px;margin:14px auto;display:grid;grid-template-columns:1fr 1fr 1.25fr 1.25fr;gap:8px}.reflection-strip fieldset{min-width:0}.reflection-strip label{background:#fff;border:3px solid var(--navy);padding:9px;border-radius:14px;display:grid;grid-template-columns:22px 1fr;gap:5px;align-items:center;font-size:13px;font-weight:900}.reflection-strip label input{grid-column:1/-1;min-height:38px}.comparison-layout>.primary-cta{display:flex;margin:auto}.premiere-room{max-width:1120px;margin:auto;text-align:center;position:relative}.premiere-screen{max-width:720px;min-height:300px;margin:0 auto 12px;border:9px solid #fff;background:#020817;display:grid;place-items:center;box-shadow:0 0 0 5px #2a4174}.premiere-screen .video-player{width:100%;border:0;border-radius:0}.premiere-start{width:150px;height:150px;border-radius:50%;border:6px solid #fff;background:var(--red);color:#fff;font-weight:900;font-size:22px;display:grid;place-items:center}.premiere-start svg{width:52px;height:52px;fill:#fff}.countdown{font-family:var(--display);font-size:130px;color:var(--yellow);animation:countdown .7s ease both}.premiere-notes{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;text-align:left;max-width:850px;margin:8px auto}.premiere-notes p{margin:0}.premiere-notes strong{color:var(--yellow)}.feedback-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.feedback-row button{border:2px solid #7384aa;background:#142a60;color:#fff;border-radius:12px;padding:8px 11px;display:flex;gap:6px;align-items:center}.feedback-row button.active{background:var(--red);border-color:#fff}.feedback-row button.active svg{fill:#fff}.thanks-pop{position:absolute;inset:35% auto auto 50%;transform:translate(-50%,-50%);background:var(--yellow);color:var(--navy);padding:18px 24px;border:5px solid #fff;font-size:22px;font-weight:900;animation:pop 1.5s ease both}.summary-page{max-width:1050px;margin:auto}.summary-quiz{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary-quiz button{min-height:150px;position:relative;border:4px solid var(--navy);background:#fff;padding:18px;text-align:left;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}.summary-quiz button>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900}.summary-quiz strong{font-size:18px;line-height:1.5}.summary-quiz small{grid-column:1/-1;color:var(--ink-soft)}.summary-quiz .open{background:#e1f4e4;border-color:var(--green)}.human-ai-note{display:flex;align-items:center;gap:20px;margin:18px 0 10px;background:var(--yellow);padding:15px 22px}.human-ai-note svg{width:45px;height:45px}.human-ai-note p{margin:0;font-size:17px;line-height:1.6}.extension-note{margin:8px 0;line-height:1.6}.finish-banner{display:grid;grid-template-columns:55px 1fr 45px;align-items:center;gap:15px;background:var(--green);color:#fff;padding:14px 20px}.finish-banner svg{width:42px;height:42px}.finish-banner span,.finish-banner strong{display:block}.finish-banner strong{font-size:24px}@keyframes heroEnter{0%{opacity:0;transform:translate(80px,20px) rotate(4deg)}to{opacity:1;transform:none}}@keyframes cameraMove{0%{transform:scale(1.03) translate(-1%)}to{transform:scale(1.12) translate(1%)}}@keyframes cardShuffle{0%,to{transform:none}35%{transform:rotateY(22deg) translateY(-20px)}70%{transform:rotateY(-16deg)}}@keyframes wave{50%{transform:rotate(18deg) translateY(-5px)}}@keyframes countdown{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%)}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:1180px){.app-shell{grid-template-rows:72px minmax(0,1fr) 86px}.course-header{grid-template-columns:auto 1fr auto;padding-inline:14px}.brand-block{padding:10px 13px;font-size:16px}.stage-heading{min-width:0}.stage-heading strong{font-size:15px}.icon-action{min-width:48px}.icon-action span{display:none}.restart-button{font-size:0;padding:10px}.restart-button svg{width:20px}.course-navigation{margin:0 12px 10px;padding:8px 16px}.film-cell{min-width:46px}.replay-button{display:none}.screen{padding:18px 28px}.screen-title{margin-bottom:12px}.screen-title h1{font-size:clamp(28px,3.4vw,40px)}.cover-copy h1{font-size:clamp(56px,8vw,86px)}.customer-list>button{min-height:220px}.practice-layout{grid-template-columns:220px minmax(0,1fr)}.reflection-strip{grid-template-columns:1fr 1fr}}@media(max-width:860px){body{overflow:auto}.app-shell{min-height:100dvh;height:auto;grid-template-rows:auto 1fr auto;overflow:visible}.course-header{position:sticky;top:0;grid-template-columns:1fr auto}.stage-heading{display:none}.course-navigation{position:sticky;bottom:0}.film-progress{justify-content:flex-start;overflow:auto}.film-cell{min-width:48px}.page-counter{font-size:14px}.round-nav{flex-basis:46px;width:46px;height:46px}.lesson-stage{overflow:visible}.screen{min-height:600px;overflow:visible}.cover-screen,.two-column-screen,.review-screen,.explore-entry,.quiz-stage,.second-practice{grid-template-columns:1fr}.cover-screen{padding-top:35px}.cover-copy{padding-left:0;text-align:center}.yellow-brush,.green-brush{margin-inline:auto}.cover-visual{max-height:360px}.cover-screen .skip-intro{top:4px}.formula-row{gap:10px}.formula-row>div{padding:12px}.formula-row strong{font-size:16px}.draw-card{min-height:190px}.safety-list,.practice-layout{grid-template-columns:1fr}.director-note{display:none}.generation-room{text-align:center}.projector{margin:auto;width:140px;height:120px}.projector-beam{display:none}.entry-visual{grid-template-columns:repeat(4,1fr)}.entry-visual svg{height:90px;padding:20px}.customer-list{gap:10px}.customer-list>button{padding:14px}.quiz-art{max-height:220px}.premiere-notes,.summary-quiz{grid-template-columns:1fr}.summary-quiz button{min-height:105px}}@media(max-width:620px){.course-header{padding:8px}.brand-block span{display:none}.header-actions{gap:2px}.screen{padding:16px}.course-navigation{border-radius:18px;padding:7px;gap:7px}.film-progress{display:none}.cover-screen{grid-template-columns:1fr}.cover-copy h1{font-size:64px}.cover-visual{max-height:280px}.formula-row,.draw-cards,.mini-video-grid,.customer-list,.comparison-videos{grid-template-columns:1fr}.formula-row{display:grid}.formula-row>div{width:100%;grid-template-columns:44px 90px 1fr}.draw-card{min-height:150px}.practice-form label,.order-form label{grid-template-columns:36px 1fr}.practice-form label input,.order-form label input{grid-column:1/-1}.observation-questions{flex-direction:column}.entry-visual{grid-template-columns:1fr 1fr}.usecase-tabs{overflow-x:auto;justify-content:flex-start}.usecase-tabs button{white-space:nowrap}.usecase-detail{grid-template-columns:60px 1fr;padding:20px}.usecase-detail>svg:last-child{display:none}.quiz-rail button{font-size:0}.quiz-rail button svg{width:22px}.reflection-strip{grid-template-columns:1fr}.premiere-screen{min-height:230px}.feedback-row button{font-size:12px}.summary-page{padding-bottom:40px}}.cover-copy h1{font-size:clamp(66px,8.2vw,122px)}.yellow-brush,.green-brush{min-width:clamp(270px,27vw,390px);text-align:center}.cover-cta{min-width:clamp(280px,29vw,420px);padding:21px 34px;font-size:clamp(24px,2.8vw,40px)}.cover-cta svg{color:var(--red)}.cover-cta svg circle{fill:#fff;stroke:#fff}.cover-cta svg polygon,.cover-cta svg path{fill:var(--red);stroke:var(--red)}.cover-visual img{width:min(108%,850px);height:min(108%,620px);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 90% 88% at center,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 90% 88% at center,#000 70%,transparent 100%)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.icon-disc{display:grid;place-items:center}.skip-button{display:inline-flex;align-items:center;gap:9px;border:2px solid var(--line);background:#fff;border-radius:17px;padding:11px 17px;font-weight:900;white-space:nowrap}.app-shell:not(.stage-1){background-color:var(--sky);background-image:url(/assets/course-watercolor-background.png);background-position:center;background-repeat:no-repeat;background-size:cover}.stage-1{position:relative;isolation:isolate;height:100dvh;min-height:650px;grid-template-rows:112px minmax(0,1fr) 142px;background:var(--sky)}.stage-1 .course-header{grid-template-columns:1fr auto;gap:28px;padding:18px 28px 8px;border:0;background:transparent}.stage-1 .stage-heading{display:none}.stage-1 .brand-block{align-self:start;min-height:62px;padding:13px 22px;border-radius:20px;font-size:25px;box-shadow:0 5px 12px #79560014}.stage-1 .brand-block svg{width:32px;height:32px}.stage-1 .header-actions{align-self:start;gap:34px}.stage-1 .icon-action{grid-template-rows:64px 22px;min-width:88px;min-height:92px;padding:0 4px;gap:4px;border-radius:18px;background:transparent!important;box-shadow:none!important;font-size:15px}.stage-1 .icon-action>span{display:grid}.stage-1 .icon-action>span:last-child{display:block}.stage-1 .icon-action .icon-disc{width:64px;height:64px;border:2px solid rgba(7,30,87,.2);border-radius:50%;background:#fff;box-shadow:0 3px 7px #071e571c}.stage-1 .icon-action svg{width:31px;height:31px;stroke-width:2.6}.stage-1 .icon-action:hover .icon-disc,.stage-1 .icon-action[aria-pressed=true] .icon-disc{transform:translateY(-2px);border-color:#071e5773;box-shadow:0 7px 14px #071e5729}.stage-1 .skip-button{align-self:start;min-height:60px;margin:2px 0 0 10px;padding:12px 21px;border-color:#071e5738;border-radius:18px;font-size:17px;box-shadow:0 3px 7px #071e571a}.stage-1 .skip-button svg{width:29px;height:29px;fill:var(--navy)}.stage-1 .lesson-stage{overflow:hidden}.stage-1 .cover-screen{display:block;min-height:100%;padding:0;background:transparent;overflow:visible}.stage-1 .cover-map{position:fixed;z-index:0;top:0;left:0;width:100vw;height:auto;max-width:none;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.stage-1 .cover-copy{position:static;z-index:2;padding:0}.stage-1 .cover-cta{position:absolute;left:8.6vw;bottom:5.5%;width:clamp(280px,24vw,420px);min-width:0;height:clamp(76px,6.2vw,108px);margin:0;padding:12px 22px;border-radius:19px;font-size:clamp(26px,2.4vw,40px);box-shadow:0 7px #ad1d17,0 12px 22px #70100a2b}.stage-1 .cta-play{display:grid;place-items:center;flex:0 0 auto;width:clamp(48px,3.5vw,62px);height:clamp(48px,3.5vw,62px);border-radius:50%;color:var(--red);background:#fff}.stage-1 .cta-play svg{width:52%;height:52%;margin-left:5px;fill:currentColor;stroke:currentColor}.stage-1 .course-navigation{width:54vw;height:88px;min-height:88px;margin:0 auto 44px;padding:8px 16px;gap:10px;border-color:#071e571f;border-radius:25px;box-shadow:0 7px 16px #071e5721}.stage-1 .round-nav{flex-basis:52px;width:52px;height:52px;border-color:#071e5747}.stage-1 .round-nav svg{width:26px;height:26px}.stage-1 .round-nav:disabled{opacity:.55}.stage-1 .film-progress{justify-content:space-between;gap:0;padding-left:0}.stage-1 .progress-fragment{gap:10px}.stage-1 .film-cell{width:clamp(54px,3.1vw,74px);min-width:clamp(54px,3.1vw,74px);height:54px;border-width:6px;font-size:20px}.stage-1 .film-cell:before,.stage-1 .film-cell:after{left:-5px;right:-5px;height:4px;background:repeating-linear-gradient(90deg,#fff 0 9px,var(--navy) 9px 17px)}.stage-1 .film-cell:before{top:-6px}.stage-1 .film-cell:after{bottom:-6px}.stage-1 .film-cell.active{outline-width:4px;outline-offset:3px}.stage-1 .film-cell svg{width:30px;height:30px}.stage-1 .ellipsis{font-size:22px}.stage-1 .replay-button{display:none}.stage-1 .page-counter{font-size:18px}@media(max-width:1400px){.stage-1 .round-nav{flex-basis:48px;width:48px;height:48px}.stage-1 .film-cell{width:46px;min-width:46px;height:50px;border-width:5px;font-size:17px}.stage-1 .film-cell:before{top:-5px}.stage-1 .film-cell:after{bottom:-5px}.stage-1 .film-cell svg{width:26px;height:26px}.stage-1 .progress-fragment{gap:6px}.stage-1 .ellipsis{font-size:18px}.stage-1 .page-counter{font-size:16px}}@media(max-width:1180px){.stage-1{grid-template-rows:96px minmax(0,1fr) 98px}.stage-1 .course-header{padding:12px 18px 6px}.stage-1 .brand-block{min-height:54px;padding:10px 16px;font-size:20px}.stage-1 .brand-block svg{width:27px;height:27px}.stage-1 .header-actions{gap:7px}.stage-1 .icon-action{grid-template-rows:52px 18px;min-width:68px;min-height:76px;font-size:12px}.stage-1 .icon-action .icon-disc{width:52px;height:52px}.stage-1 .icon-action svg{width:25px;height:25px}.stage-1 .skip-button{min-height:50px;padding:9px 14px;font-size:14px}.stage-1 .course-navigation{width:calc(100% - 68px);height:78px;min-height:78px;margin:0 34px 10px;padding:7px 14px;gap:10px;border-radius:25px}.stage-1 .round-nav{flex-basis:48px;width:48px;height:48px}.stage-1 .round-nav svg{width:25px;height:25px}.stage-1 .film-progress{justify-content:flex-start;gap:12px;padding-left:8px}.stage-1 .progress-fragment{gap:9px}.stage-1 .film-cell{width:clamp(46px,5vw,52px);min-width:clamp(46px,5vw,52px);height:50px;border-width:6px;font-size:18px}.stage-1 .film-cell:before{top:-6px}.stage-1 .film-cell:after{bottom:-6px}.stage-1 .film-cell svg{width:29px;height:29px}.stage-1 .ellipsis{font-size:23px}.stage-1 .page-counter{font-size:16px}}@media(max-width:860px){.stage-1{height:100dvh;min-height:620px;grid-template-rows:82px minmax(0,1fr) 92px;overflow:hidden}.stage-1 .cover-map{width:auto;height:100vh;left:50%;transform:translate(-50%)}.stage-1 .course-header{position:relative;grid-template-columns:auto 1fr;padding:10px 12px}.stage-1 .brand-block span{display:none}.stage-1 .header-actions{gap:2px}.stage-1 .icon-action{grid-template-rows:46px;min-width:48px;min-height:48px}.stage-1 .icon-action .icon-disc{width:44px;height:44px}.stage-1 .icon-action>span:last-child{display:none}.stage-1 .skip-button{min-height:44px;margin-left:3px;padding:8px 10px;font-size:0}.stage-1 .skip-button svg{width:24px;height:24px}.stage-1 .cover-cta{left:50%;bottom:8%;width:min(78vw,420px);height:80px;transform:translate(-50%);font-size:29px}.stage-1 .course-navigation{position:relative;width:calc(100% - 20px);min-height:76px;margin:0 10px 8px;padding:8px 12px;border-radius:22px}.stage-1 .film-progress{display:none}.stage-1 .round-nav{flex-basis:52px;width:52px;height:52px}.stage-1 .page-counter{margin-left:auto;font-size:16px}}@media(max-width:1180px){.formula-workbench{gap:16px;padding-bottom:12px}.formula-row{gap:20px}.formula-card{min-height:292px;padding:12px 14px 14px}.formula-card:after{right:-31px;width:36px;font-size:28px}.formula-art img{height:190px}.formula-card-copy{min-height:58px}.formula-card-copy span{font-size:16px}}@media(max-width:860px){.formula-screen{display:block}.formula-row{gap:12px}.formula-card{min-height:250px;padding:10px}.formula-card:after{right:-24px;width:32px;font-size:24px}.formula-art img{height:158px}.formula-card-copy{display:grid;justify-items:center;justify-content:center;gap:4px;text-align:center}.formula-card-copy strong{font-size:16px}.formula-result{font-size:17px;padding:11px 15px}}@media(max-width:620px){.formula-workbench{align-content:start;padding-top:6px}.formula-row{grid-template-columns:1fr;gap:24px}.formula-card{min-height:170px;grid-template-columns:135px minmax(0,1fr);grid-template-rows:1fr;align-items:center}.formula-card:after{content:"↓";top:auto;right:auto;bottom:-32px;left:calc(50% - 18px);width:36px;height:36px;font-size:24px}.formula-art img{height:145px}.formula-card-copy{min-height:100px;padding:8px 0 8px 12px;border-top:0;border-left:3px dashed currentColor}.formula-result{max-width:100%;flex-wrap:wrap;justify-content:center}}@media(max-width:1180px){.draw-studio{grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:24px}.draw-card{min-height:205px;padding:14px}.draw-card strong{font-size:22px}.safety-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:24px}.safety-list{gap:11px}.safety-list button{min-height:118px;padding:13px 14px}.practice-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:26px}.director-note{margin:-58px 13px 13px;padding:14px 16px}.director-note p{margin-top:7px;font-size:14px}.practice-form label{min-height:68px}}@media(max-width:860px){.draw-studio,.safety-layout,.practice-layout{grid-template-columns:1fr}.draw-studio-art,.safety-art,.director-station{width:min(100%,360px);margin-inline:auto}.draw-cards{gap:12px}.draw-card{min-height:180px}.safety-actions{width:100%}.director-station{align-self:auto}}@media(max-width:620px){.draw-studio-art,.safety-art,.director-station{width:min(100%,280px)}.draw-studio{gap:20px}.draw-card{min-height:148px}.draw-result-slot{min-height:58px}.draw-result-slot>p{font-size:14px}.prompt-strip{font-size:17px;padding:10px 14px}.safety-list button{min-height:108px}}@media(max-width:1180px){.explore-entry{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:28px}.explore-task{padding:22px 24px;gap:14px}.observation-questions{gap:10px}.observation-questions li{min-height:84px;padding:12px 14px;grid-template-columns:38px 36px 1fr}.observation-questions strong{font-size:17px}.explore-destinations ul{padding:9px 10px}.mini-video-grid{gap:20px}.mini-video-grid>button{padding:11px}.mini-video-grid>button>strong{font-size:18px}.answer-reason-slot{min-height:80px}.usecase-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:28px}.usecase-tabs{gap:8px}.usecase-tabs button{padding:9px 12px;font-size:15px}.usecase-detail{min-height:215px;padding:25px 28px;grid-template-columns:70px 1fr 40px}.usecase-detail h3{font-size:28px}.usecase-detail p{font-size:17px}}@media(max-width:860px){.explore-entry,.usecase-layout{grid-template-columns:1fr}.explore-entry-art,.usecase-art{width:min(100%,360px);margin-inline:auto}.explore-task,.usecase-controls{width:100%}.explore-task{max-width:680px;margin-inline:auto}.story-loop-screen{display:block}.story-scene{aspect-ratio:3/2}.usecase-detail{min-height:190px}}@media(max-width:620px){.explore-entry-art,.usecase-art{width:min(100%,280px)}.explore-entry{gap:24px}.explore-task{padding:20px 16px;border-width:3px;border-radius:22px}.explore-task-heading h2{font-size:25px}.observation-questions li{grid-template-columns:34px 1fr;gap:10px;padding:12px;border-left-width:6px}.observation-questions li>svg{display:none}.observation-questions b{width:32px;height:32px;font-size:15px}.explore-destinations ul{grid-template-columns:1fr 1fr;gap:8px 0}.explore-destinations li:nth-child(2){border-right:0}.explore-task>.primary-cta{font-size:17px}.mini-video-grid{gap:22px}.story-scene{aspect-ratio:3/2}.answer-reason-slot{min-height:0}.usecase-tabs{justify-content:flex-start}.usecase-detail{grid-template-columns:54px 1fr;padding:20px}.usecase-detail h3{font-size:24px}.usecase-detail p{font-size:16px}}.draw-studio-art{position:relative;isolation:isolate;overflow:visible}.draw-studio-art>img{position:relative;z-index:1;border-radius:24px}.draw-machine-fx{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.draw-particle{--fx-x:0px;--fx-y:0px;--fx-delay:0ms;position:absolute;left:50%;top:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--yellow);opacity:0;animation:drawParticleBurst .64s cubic-bezier(.18,.75,.28,1) var(--fx-delay) both}.draw-particle svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px rgba(7,30,87,.18))}.draw-particle:nth-child(3n+1){color:var(--red)}.draw-particle:nth-child(3n+2){color:var(--blue)}.draw-particle:nth-child(3n){color:var(--green)}.draw-studio.is-rolling .draw-studio-art{animation:drawMachineGlow .76s ease both}.draw-studio.is-rolling .draw-studio-art>img{animation:drawMachineShake .72s cubic-bezier(.3,.7,.2,1) both}.draw-studio.is-rolling .draw-card{transform-style:preserve-3d;backface-visibility:hidden;animation:drawCardShuffle .56s cubic-bezier(.2,.75,.25,1) var(--card-delay) both}.draw-studio.has-drawn .draw-card{animation:drawCardReveal .47s cubic-bezier(.18,.85,.22,1.15) var(--card-delay) both}.draw-studio.is-rolling .secondary-cta:disabled,.draw-studio.is-rolling .primary-cta:disabled{opacity:.58;cursor:wait}.compose-reveal{position:relative;overflow:hidden;animation:composeReveal .46s cubic-bezier(.18,.85,.22,1.15) both}.compose-reveal svg{animation:composeSpark .7s ease both}@keyframes drawMachineShake{0%,to{transform:none}12%{transform:translate(-5px,1px) rotate(-1deg)}25%{transform:translate(6px,-2px) rotate(1.2deg)}40%{transform:translate(-4px,-3px) rotate(-.7deg) scale(1.015)}58%{transform:translate(5px,1px) rotate(.8deg) scale(1.025)}76%{transform:translate(-2px,-1px) rotate(-.4deg)}}@keyframes drawMachineGlow{0%,to{box-shadow:10px 12px #071e5724}45%{box-shadow:10px 12px #071e5724,0 0 0 10px #ffc92866,0 0 34px #1479d159}}@keyframes drawParticleBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--fx-x)),calc(-50% + var(--fx-y))) scale(1.08) rotate(145deg)}}@keyframes drawCardShuffle{0%,to{transform:none;filter:none}28%{transform:translateY(-22px) rotateY(68deg) rotate(-2deg);filter:brightness(1.08)}56%{transform:translateY(-10px) rotateY(-52deg) rotate(2deg);filter:brightness(.96)}78%{transform:translateY(-5px) rotateY(18deg)}}@keyframes drawCardReveal{0%{opacity:.2;transform:translateY(28px) rotateX(-20deg) scale(.92)}62%{opacity:1;transform:translateY(-7px) rotateX(4deg) scale(1.025)}to{opacity:1;transform:none}}@keyframes composeReveal{0%{opacity:0;transform:translateY(14px) scale(.82) rotate(-1.5deg)}65%{opacity:1;transform:translateY(-3px) scale(1.045) rotate(.4deg)}to{opacity:1;transform:none}}@keyframes composeSpark{0%{transform:scale(.4) rotate(-80deg);opacity:0}45%{transform:scale(1.35) rotate(24deg);opacity:1}to{transform:none;opacity:1}}@media(max-width:620px){.draw-particle{width:25px;height:25px}.draw-machine-fx{overflow:hidden;border-radius:24px}}.draw-result-slot{min-height:108px}.draw-result-stack{display:grid;justify-items:center;gap:10px}.draw-transfer-note{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:15px;font-weight:900}.draw-transfer-note svg{width:20px;height:20px}.primary-cta.yellow.seed-saved{color:#fff;background:var(--green);box-shadow:0 7px #23722d}.inherited-inspiration{min-height:66px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:12px 16px;color:var(--navy);background:#e5f6e9;border:3px solid var(--green);border-radius:16px;box-shadow:0 6px #23722d29;text-align:left}.inherited-inspiration>svg{width:34px;height:34px;color:var(--green)}.inherited-inspiration strong,.inherited-inspiration span{display:block}.inherited-inspiration strong{font-size:18px}.inherited-inspiration span{margin-top:3px;color:var(--ink-soft);font-size:14px;font-weight:700}@media(max-width:620px){.draw-result-slot{min-height:96px}.draw-transfer-note{font-size:13px}.inherited-inspiration{grid-template-columns:34px 1fr;padding:10px 12px}.inherited-inspiration>svg{width:28px;height:28px}.inherited-inspiration strong{font-size:16px}}.explore-entry-screen{grid-template-rows:auto minmax(0,1fr)}.explore-entry{width:min(100%,1420px);margin:auto;display:grid;grid-template-columns:minmax(560px,680px) minmax(340px,420px);justify-content:center;align-items:center;gap:64px}.explore-entry-art{width:100%;margin:0;border-width:5px;border-radius:32px;box-shadow:14px 16px #071e5726}.explore-entry-art img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.explore-task{width:100%;padding:30px;display:grid;gap:24px;text-align:center;border:4px solid var(--navy);border-radius:28px;background:#ffffffe6;box-shadow:10px 12px #071e5724}.explore-task h2{margin:0;font-family:var(--display);font-size:clamp(28px,2.2vw,36px)}.observation-cues{display:grid;grid-template-columns:1fr 1fr;gap:16px}.observation-cues article{position:relative;min-height:170px;padding:24px 12px 18px;display:grid;place-items:center;align-content:center;gap:12px;border:4px solid var(--navy);border-radius:22px;background:#fff;box-shadow:6px 7px #071e5721}.observation-cues article:first-child{border-color:var(--red)}.observation-cues article:last-child{border-color:#d89b00}.observation-cues b{position:absolute;top:10px;left:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--red);font-size:15px}.observation-cues article:last-child b{color:var(--navy);background:var(--yellow)}.observation-cues svg{width:52px;height:52px;color:var(--red)}.observation-cues article:last-child svg{color:#d89b00;fill:#ffc9282e}.observation-cues strong{font-size:23px}.explore-task>.primary-cta{width:100%;min-height:62px;font-size:20px}.explore-task>.primary-cta svg:last-child{margin-left:auto}@media(max-width:1180px){.explore-entry{grid-template-columns:minmax(390px,500px) minmax(320px,390px);gap:36px}.observation-cues article{min-height:145px}}@media(max-width:860px){.explore-entry{grid-template-columns:1fr;gap:28px}.explore-entry-art{width:min(100%,430px);margin-inline:auto}.explore-task{width:min(100%,520px);margin-inline:auto}}@media(max-width:620px){.explore-entry{gap:24px}.explore-entry-art{width:min(100%,310px)}.explore-task{padding:18px 16px;gap:16px;border-width:3px;border-radius:22px}.explore-task h2{font-size:24px}.observation-cues{gap:10px}.observation-cues article{min-height:118px;padding:18px 8px 12px;border-width:3px;border-radius:17px}.observation-cues b{width:26px;height:26px;top:7px;left:7px;font-size:12px}.observation-cues svg{width:38px;height:38px}.observation-cues strong{font-size:18px}.explore-task>.primary-cta{min-height:56px;font-size:18px}}@media(max-height:900px)and (min-width:861px){.explore-entry-screen{padding-top:14px;padding-bottom:14px}.explore-entry-screen .screen-title{margin-bottom:8px}.explore-entry-screen .screen-title h1{font-size:clamp(28px,3vw,38px)}.explore-entry-screen .screen-title p{margin-top:5px;font-size:14px}.explore-entry{grid-template-columns:minmax(360px,500px) minmax(320px,390px);gap:36px}.explore-entry-art{width:min(52vh,500px);justify-self:end}.explore-task{padding:22px;gap:16px;justify-self:start}.explore-task h2{font-size:28px}.observation-cues article{min-height:126px;padding-block:18px 12px}.observation-cues svg{width:42px;height:42px}.observation-cues strong{font-size:20px}.explore-task>.primary-cta{min-height:54px;font-size:18px}}@media(max-width:860px){.explore-entry-screen{min-height:0;padding-top:12px;padding-bottom:10px}.explore-entry-screen .screen-title{margin-bottom:10px}.explore-entry-screen .screen-title h1{font-size:30px}.explore-entry-screen .screen-title p{margin-top:4px;font-size:14px}.explore-entry{gap:16px}.explore-entry-art{width:min(42vh,300px)}.explore-task{width:min(100%,480px);padding:14px 16px;gap:11px}.explore-task h2{font-size:22px}.observation-cues article{min-height:96px;padding:14px 8px 8px}.observation-cues b{width:25px;height:25px;top:6px;left:6px;font-size:12px}.observation-cues svg{width:34px;height:34px}.observation-cues strong{font-size:17px}.explore-task>.primary-cta{min-height:50px;font-size:17px}}@media(max-width:620px)and (max-height:760px){.explore-entry-screen .screen-title h1{font-size:26px}.explore-entry-screen .screen-title p{font-size:13px}.explore-entry{gap:12px}.explore-entry-art{width:min(36vh,250px)}.explore-task{padding:11px 13px;gap:8px}.explore-task h2{font-size:20px}.observation-cues article{min-height:82px}.observation-cues svg{width:29px;height:29px}.explore-task>.primary-cta{min-height:46px}}.video-viewport video{width:100%;height:100%;display:block;object-fit:cover}.video-controls button{color:var(--navy)}.story-scene video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.answer-reason small{display:block;margin-top:7px;color:var(--ink-soft);font-weight:900}.usecase-art img{height:auto;aspect-ratio:auto;object-fit:contain}@media(max-width:620px){.usecases-screen{min-height:0;padding-top:12px;padding-bottom:10px}.usecases-screen .screen-title{margin-bottom:9px}.usecases-screen .screen-title h1{font-size:28px}.usecases-screen .screen-title p{margin-top:4px;font-size:14px}.usecases-screen .usecase-layout{gap:13px}.usecases-screen .usecase-art{width:min(100%,245px)}.usecases-screen .usecase-controls{gap:11px}.usecases-screen .usecase-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}.usecases-screen .usecase-tabs button{min-width:0;min-height:48px;justify-content:center;gap:5px;padding:7px 4px;font-size:13px;white-space:nowrap}.usecases-screen .usecase-tabs button svg{width:18px;height:18px}.usecases-screen .usecase-detail{min-height:138px;padding:16px 18px;grid-template-columns:46px 1fr 26px;gap:12px;border-radius:18px}.usecases-screen .usecase-detail>svg:first-child{width:42px;height:42px}.usecases-screen .usecase-detail h3{font-size:23px}.usecases-screen .usecase-detail p{font-size:15px;line-height:1.45}.usecases-screen .summary-brush{max-width:100%;padding:9px 12px;font-size:13px;text-align:center}}.matching-screen{display:grid;grid-template-rows:auto minmax(0,1fr)}.matching-board{width:min(100%,1580px);min-height:0;margin:auto;display:grid;align-content:center;gap:18px}.matching-section{display:grid;gap:12px}.matching-section-heading{display:flex;align-items:center;justify-content:center;gap:13px;text-align:left}.matching-section-heading>span{flex:0 0 auto;padding:6px 12px;color:#fff;background:var(--red);border-radius:999px;font-size:14px;font-weight:900}.purpose-section .matching-section-heading>span{color:var(--navy);background:var(--yellow)}.matching-section-heading h2{margin:0;font-family:var(--display);font-size:23px;line-height:1.15}.matching-section-heading p{margin:3px 0 0;color:var(--ink-soft);font-size:14px;font-weight:700}.matching-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.matching-video-card{min-width:0;overflow:hidden;display:grid;grid-template-rows:auto auto auto;border:4px solid var(--navy);border-radius:22px;background:#fffffff5;box-shadow:7px 8px #071e5724;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.matching-video-card.selected{transform:translateY(-5px);border-color:var(--red);box-shadow:0 0 0 5px var(--yellow),9px 13px #071e5729}.matching-video-card.matched{border-color:var(--green);background:#effaf1;box-shadow:7px 8px #23722d29}.matching-video-card.pending{border-style:dashed;background:#ffffffb8}.matching-media{position:relative;aspect-ratio:16/8.7;overflow:hidden;background:#071e57}.matching-media video{width:100%;height:100%;display:block;object-fit:cover;background:#071e57}.matching-letter{position:absolute;z-index:2;top:10px;left:10px;width:42px;height:42px;display:grid;place-items:center;border:3px solid var(--navy);border-radius:50%;background:var(--yellow);font-size:20px;font-weight:900;box-shadow:0 4px #071e5733}.pending-media{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:7px;padding:22px;color:var(--ink-soft);background:#f7fbff;text-align:center}.pending-media svg{width:44px;height:44px;color:var(--blue)}.pending-media strong,.pending-media span{display:block}.pending-media strong{color:var(--navy);font-size:19px}.pending-media span{font-size:13px;font-weight:800}.matching-video-copy{min-height:72px;padding:11px 15px 9px;display:grid;align-content:center;gap:3px;text-align:left}.matching-video-copy strong{font-size:18px;line-height:1.25}.matching-video-copy small{color:var(--ink-soft);font-size:13px;font-weight:700;line-height:1.4}.select-video-button{min-height:48px;margin:0 12px 12px;border:3px solid var(--navy);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;font-size:15px;font-weight:900}.select-video-button[aria-pressed=true]{color:#fff;background:var(--red)}.matching-video-card.matched .select-video-button{color:#fff;background:var(--green);border-color:var(--green);opacity:1}.matching-video-card.pending .select-video-button{color:var(--ink-soft);background:#edf3f8;border-color:#9aa9bf;opacity:1}.select-video-button svg{width:20px;height:20px}.matching-purpose-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.matching-purpose-card{min-height:102px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 18px;border:4px solid var(--navy);border-radius:19px;background:#fff;text-align:left;box-shadow:6px 7px #071e5721;transition:transform .16s ease,box-shadow .16s ease}.matching-purpose-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:7px 10px #071e5729}.matching-purpose-card>svg{width:42px;height:42px;color:var(--red)}.matching-purpose-card:first-child>svg{color:var(--blue)}.matching-purpose-card:last-child>svg{color:var(--green)}.matching-purpose-card strong,.matching-purpose-card small{display:block}.matching-purpose-card strong{font-family:var(--display);font-size:20px}.matching-purpose-card small{margin-top:3px;color:var(--ink-soft);font-size:13px;font-weight:700;line-height:1.4}.matching-purpose-card>b{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:var(--yellow);font-size:13px;white-space:nowrap}.matching-purpose-card>b svg{width:16px;height:16px}.matching-purpose-card.matched{border-color:var(--green);background:#e5f6e9;opacity:1}.matching-feedback{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px 12px 20px;border:3px solid var(--blue);border-left-width:9px;border-radius:0 17px 17px 0;background:#eef8ff;box-shadow:0 6px 12px #071e5714}.matching-feedback.success{border-color:var(--green);background:#e5f6e9}.matching-feedback.retry{border-color:var(--red);background:#fff1ed}.matching-feedback strong,.matching-feedback span{display:block}.matching-feedback strong{font-size:18px}.matching-feedback span{margin-top:3px;color:var(--ink-soft);font-size:14px;font-weight:700}.matching-reset{min-height:42px;display:flex;align-items:center;gap:7px;padding:8px 13px;border:2px solid var(--navy);border-radius:12px;background:#fff;font-weight:900;white-space:nowrap}.matching-reset svg{width:18px;height:18px}@media(max-height:900px)and (min-width:861px){.matching-screen{padding-top:13px;padding-bottom:13px}.matching-screen .screen-title{margin-bottom:8px}.matching-screen .screen-title h1{font-size:clamp(29px,3vw,40px)}.matching-screen .screen-title p{margin-top:4px;font-size:14px}.matching-board{gap:11px}.matching-section{gap:8px}.matching-section-heading h2{font-size:20px}.matching-media{aspect-ratio:16/7.8}.matching-video-copy{min-height:60px;padding-block:8px 6px}.select-video-button{min-height:42px;margin-bottom:9px}.matching-purpose-card{min-height:88px;padding:11px 15px}.matching-feedback{min-height:58px;padding-block:8px}}@media(max-width:1180px){.matching-board{gap:14px}.matching-video-grid,.matching-purpose-row{gap:12px}.matching-section-heading h2{font-size:20px}.matching-section-heading p{font-size:13px}.matching-video-copy strong{font-size:16px}.matching-video-copy small{font-size:12px}.matching-purpose-card{grid-template-columns:42px minmax(0,1fr);padding:12px}.matching-purpose-card>svg{width:36px;height:36px}.matching-purpose-card>b{grid-column:1/-1;width:fit-content;margin:auto}}@media(max-width:860px){.matching-screen{min-height:0;padding-top:12px;padding-bottom:14px}.matching-screen .screen-title{margin-bottom:10px}.matching-screen .screen-title h1{font-size:30px}.matching-board{align-content:start}.matching-media{aspect-ratio:16/9}.matching-video-copy{min-height:78px}.matching-purpose-card{min-height:116px}}@media(max-width:700px){.matching-video-grid,.matching-purpose-row{grid-template-columns:1fr}.matching-section-heading{align-items:flex-start;justify-content:flex-start}.matching-media{aspect-ratio:16/9}.matching-video-copy{min-height:0}.matching-purpose-card{min-height:94px;grid-template-columns:44px minmax(0,1fr) auto}.matching-purpose-card>b{grid-column:auto;margin:0}.matching-feedback{align-items:flex-start;flex-direction:column}.matching-reset{align-self:flex-end}}@media(max-width:420px){.matching-section-heading>span{padding:5px 9px;font-size:12px}.matching-section-heading h2{font-size:18px}.matching-section-heading p{font-size:12px}.matching-purpose-card{grid-template-columns:38px minmax(0,1fr)}.matching-purpose-card>b{grid-column:1/-1}.matching-purpose-card>svg{width:33px;height:33px}}