:root{color-scheme:dark;--bg:#090b0e;--panel:#11151b;--line:#ffffff24;--text:#f6f6f2;--muted:#aeb3bd;--accent:#e5f995;--ink:#15200b;font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.4;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:var(--accent);text-decoration:none}button,input,textarea,select{-webkit-tap-highlight-color:transparent}input,textarea,select{color:var(--text);background:#131820;border:1px solid var(--line);padding:13px 15px;border-radius:8px;width:100%;font-size:15px;line-height:1.7}textarea{min-height:95px;resize:vertical}::placeholder{color:#9198a4}button{transition:background .18s,border-color .18s,transform .18s}button:hover{border-color:#ffffff65}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#080b10}.filmwall{position:absolute;inset:-200px -30%;transform:rotate(-11deg) scale(1.03);display:flex;flex-direction:column;justify-content:center;gap:20px;opacity:.53}.filmrow{display:flex;width:max-content;gap:20px;animation:drift 110s linear infinite;will-change:transform}.filmrow:nth-child(2){animation-direction:reverse;animation-duration:135s}.filmrow:nth-child(3){animation-duration:125s}.filmgroup{display:flex;gap:20px;padding-right:0}.filmframe{width:330px;height:188px;flex-shrink:0;border-radius:10px;background:#131820;overflow:hidden;border:1px solid #ffffff0f}.filmframe img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.paused .filmrow{animation-play-state:paused}.ambient-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#090b0eee 4%,#090b0ec7 43%,#090b0e60 80%),linear-gradient(#090b0e7a,transparent 20%,transparent 70%,#090b0eeb)}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:20px;border-bottom:1px solid #ffffff10}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;display:flex;gap:12px;align-items:center}.brandmark{background:var(--accent);color:var(--ink);width:30px;height:30px;display:grid;place-items:center;border-radius:6px;font-size:22px}.brand small{font-size:12px;letter-spacing:1px;color:#c2c6ce;font-weight:400;margin-left:9px}.header-actions{display:flex;align-items:center;gap:12px}.iconbutton,.quiet{background:none;color:var(--muted);padding:10px;font-size:13px}.iconbutton{border:1px solid var(--line);border-radius:7px;padding:9px 12px}.quiet:hover,.iconbutton:hover{color:white}.count{display:inline-block;margin-left:8px;border-radius:4px;background:#ffffff17;padding:2px 6px;color:#e7ebef;font-size:11px}.stage{max-width:1080px;margin:0 auto;padding:32px 28px 34px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.categories{display:flex;gap:5px;background:#0f141acc;border:1px solid var(--line);padding:4px;border-radius:8px}.category{padding:9px 18px;border-radius:5px;background:none;color:var(--muted);font-size:13px}.category.active{background:#e9edf0;color:#11171f}.project-trigger{background:none;color:var(--muted);font-size:13px;padding:8px 0;text-align:right}.project-edit{display:flex;gap:10px;margin-top:14px;padding:16px;background:#10151deb;border:1px solid var(--line);border-radius:8px}.project-edit input{min-width:0}.project-edit .primary{white-space:nowrap}.question-head{text-align:center;margin:30px 0 23px}.kicker{font-size:11px;letter-spacing:2px;color:var(--accent);margin:0 0 13px}.question-head h1{font-size:clamp(30px,3.3vw,44px);font-weight:550;letter-spacing:-1px;line-height:1.35;margin:0 0 12px}.question-head p{color:#bac0ca;font-size:14px;line-height:1.8;margin:0}.round-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:19px}.round-dot{height:3px;width:26px;background:#444b55;border-radius:2px}.round-dot.current{width:43px;background:var(--accent)}.round-dot.done{background:#acbc7a}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative}.versus{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);z-index:2;background:#14191f;border:1px solid #59606a;border-radius:50%;height:39px;width:39px;display:grid;place-items:center;color:#bfc5cf;font-size:11px;letter-spacing:1px;pointer-events:none}.creative{padding:0;width:100%;background:#141a22;border:1px solid #5b626b;border-radius:12px;overflow:hidden;text-align:left;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.creative:hover{transform:translateY(-4px);border-color:#b6c0ce}.creative.selected{border:1px solid var(--accent);box-shadow:0 0 0 2px #e5f99530}.card-image{height:210px;position:relative;background:#222932;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:brightness(.76)}.creative:hover .card-image img{transform:scale(1.045)}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#141a2208 50%,#141a22 100%)}.frame-credit{position:absolute;bottom:16px;left:22px;z-index:1;font-size:11px;color:#d6dce5;text-shadow:0 1px 6px #000}.letter{position:absolute;top:17px;left:18px;height:30px;width:30px;border:1px solid #ffffff70;background:#0c1117bb;border-radius:6px;display:grid;place-items:center;font-size:12px;z-index:1}.selected-mark{position:absolute;top:17px;right:18px;height:28px;width:28px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#10161c88;z-index:1;font-size:12px}.selected .selected-mark{background:var(--accent);border-color:var(--accent);color:var(--ink)}.card-copy{padding:3px 24px 24px;position:relative}.card-type{font-size:11px;letter-spacing:1px;color:var(--accent);margin-bottom:11px}.card-copy h2{font-size:25px;line-height:1.4;font-weight:550;margin:0 0 10px;letter-spacing:-.5px}.card-copy p{font-size:14px;color:#c2c7cf;line-height:1.85;margin:0 0 17px;min-height:52px}.story-strip{display:flex;border-top:1px solid var(--line);padding-top:14px;gap:6px;font-size:12px;color:#cbd1db;align-items:center}.story-strip span{flex:1;line-height:1.6}.story-strip i{font-style:normal;color:#747f8c;font-size:11px}.card-foot{margin-top:19px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.card-foot strong{font-weight:500;color:#eaf4d0}.selection-panel{margin-top:17px;min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:18px}.selection-copy{flex:1;font-size:13px;color:#ced4db;line-height:1.8}.selection-copy strong{font-weight:500;color:var(--accent)}.reasons{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.reason{background:#141a20b3;border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:12px;color:#bac4cf}.reason.selected{border-color:var(--accent);color:var(--accent)}.primary{padding:13px 23px;background:var(--accent);color:var(--ink);border-radius:7px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:30px}.primary:hover{background:#f0ffb7}.secondary{background:#131923;border:1px solid var(--line);border-radius:7px;padding:12px 17px;font-size:14px}.alternate{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:5px}.alternate button{background:none;font-size:12px;color:#bcc3ce;padding:9px 4px;border-bottom:1px solid transparent}.alternate button:hover,.alternate button.active{color:var(--accent);border-color:var(--accent)}.alternate .sep{color:#57606a;font-size:12px}.custom-answer{border:1px solid var(--line);border-radius:8px;padding:14px;background:#10161deb;margin:12px 0;display:flex;gap:12px;align-items:center}.custom-answer input{flex:1;min-width:0}.custom-answer button{white-space:nowrap}.consensusbar{border-top:1px solid #ffffff25;margin-top:20px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.consensus-items{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.consensus-label{font-size:12px;color:#9da7b5}.consensus-chip{border:0;background:none;padding:0;color:#e3e8ef;font-size:12px}.consensus-chip:after{content:' ↗';color:#819075}.soft{font-size:12px;color:#9da7b5;line-height:1.8}.bottomline{max-width:1380px;margin:auto;padding:13px 42px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#939da9;font-size:11px}.ambient-caption{display:flex;gap:9px;align-items:center}.live-bars{display:flex;gap:3px;align-items:center;height:13px}.live-bars i{width:2px;background:var(--accent);height:7px;animation:pulse 1.7s ease-in-out infinite alternate}.live-bars i:nth-child(2){height:12px;animation-delay:.6s}.live-bars i:nth-child(3){height:9px;animation-delay:1s}.paused .live-bars i{animation-play-state:paused}@keyframes pulse{to{height:3px}}dialog{background:#111720;color:var(--text);border:1px solid #434b56;border-radius:13px;padding:0;width:min(920px,calc(100vw - 32px));max-height:88dvh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:22px;font-weight:500;margin:0}.dialog-body{padding:24px 28px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.filter{background:none;border:1px solid var(--line);border-radius:6px;font-size:12px;padding:8px 13px;color:var(--muted)}.filter.active{background:var(--accent);border-color:var(--accent);color:var(--ink)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#171d26}.resource img{width:100%;height:125px;object-fit:cover;display:block}.resource-info{padding:15px}.resource-info h3{font-size:14px;line-height:1.65;margin:0 0 7px;font-weight:500}.resource-info p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 10px}.resource-info a{font-size:12px}.resource-info .reason{margin-top:12px;width:100%;text-align:left}.dialog-notice{font-size:13px;line-height:1.9;color:#b2bdcc;margin:0 0 18px}.reference-add{padding:16px;border:1px solid var(--line);border-radius:7px;margin-top:22px}.reference-add summary{cursor:pointer;font-size:14px}.reference-add form{display:grid;gap:12px;margin-top:15px}.reference-add label{font-size:12px;color:var(--muted);display:grid;gap:6px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.outcome{background:#111720ed;border:1px solid #454e5b;border-radius:13px;padding:30px;margin-top:20px}.outcome-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.outcome-intro h2{font-size:25px;font-weight:500;margin:0 0 7px}.outcome-intro p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}.outcome-rows{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:26px 0}.outcome-row{border-left:2px solid #5e7047;padding-left:16px}.outcome-row small{font-size:12px;color:var(--muted)}.outcome-row h3{font-size:18px;font-weight:500;margin:7px 0}.outcome-row p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.outcome-row button{font-size:12px;background:none;color:var(--accent);padding:8px 0 0}.pending{background:#1e2530;padding:17px 20px;border-radius:7px;font-size:13px;color:#d5dae2;line-height:1.9}.pending strong{display:block;color:var(--accent);font-weight:500}.outcome-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.free-note{margin-top:21px}.free-note label{display:block;font-size:13px;color:#c9d0dc;margin-bottom:9px}.empty{padding:30px;text-align:center;font-size:14px;line-height:1.8;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.error{font-size:13px;color:#ffbc9e}.frame-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--accent);color:var(--ink);padding:13px 21px;border-radius:7px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.screen{animation:enter .25s ease-out}@keyframes enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1450px){.stage{padding-top:38px}.question-head{margin-top:40px}.card-image{height:245px}.card-copy{padding:5px 28px 27px}.question-head h1{font-size:46px}}@media(max-width:760px){header{padding:0 20px;height:72px}.brand small{display:none}.brand{font-size:23px}.header-actions{gap:5px}.iconbutton{font-size:12px;padding:8px}.header-actions .quiet{padding:7px;font-size:12px}.stage{padding:23px 20px}.toolbar{align-items:flex-start}.category{padding:8px 12px;font-size:12px}.project-trigger{max-width:160px;font-size:12px;line-height:1.6}.question-head{margin-top:28px}.question-head h1{font-size:30px}.question-head p{font-size:13px}.comparison{gap:12px}.card-image{height:145px}.card-copy{padding:2px 16px 18px}.card-copy h2{font-size:21px}.card-copy p{font-size:13px}.card-type{font-size:10px}.story-strip{font-size:11px;gap:4px}.card-foot{font-size:11px}.versus{width:30px;height:30px;font-size:9px}.frame-credit{font-size:10px;left:16px;bottom:10px}.selection-panel{align-items:flex-start;flex-direction:column;gap:12px}.selection-panel .primary{align-self:flex-end;padding:12px 20px}.selection-copy{font-size:12px}.consensusbar{align-items:flex-start}.consensus-items{gap:10px}.bottomline{padding:8px 20px 22px;align-items:flex-start;flex-direction:column;gap:7px}.filmframe{width:250px;height:150px}.filmwall{opacity:.45;gap:14px}.resource-grid{grid-template-columns:1fr 1fr}.dialog-header,.dialog-body{padding:20px}.outcome{padding:22px}.outcome-intro{align-items:flex-start;flex-direction:column}.outcome-rows{gap:23px 15px}.outcome-row h3{font-size:16px}.outcome-actions{flex-wrap:wrap}.custom-answer{flex-direction:column;align-items:stretch}.project-edit{flex-direction:column}.project-edit .primary{align-self:flex-end}}@media(max-width:460px){.comparison{gap:9px}.card-image{height:116px}.card-copy{padding:3px 12px 16px}.card-copy h2{font-size:19px;line-height:1.5}.card-copy p{font-size:12px;line-height:1.8;min-height:86px}.card-type{letter-spacing:0}.story-strip{display:block;font-size:11px;padding-top:10px}.story-strip span{display:block}.story-strip i{display:none}.card-foot strong{display:none}.card-foot{margin-top:12px}.frame-credit{left:12px;max-width:135px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:9px}.letter{height:24px;width:24px;top:11px;left:12px;font-size:10px}.selected-mark{height:23px;width:23px;top:11px;right:12px}.versus{top:25%;width:26px;height:26px}.resource-grid{grid-template-columns:1fr}.resource img{height:170px}.field-pair{grid-template-columns:1fr}.outcome-rows{grid-template-columns:1fr}.consensusbar{flex-direction:column;gap:10px}.header-actions .quiet{display:none}.project-trigger{max-width:125px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white;color:black}.ambient,header,.toolbar,.kicker,.round-progress,.bottomline,.outcome-actions,.free-note,.outcome-row button,.outcome-intro button,.consensusbar,dialog,#toast{display:none!important}.stage{padding:0}.question-head p{color:#555}.outcome{background:white;border:0;padding:0}.outcome p,.outcome small,.pending{color:#333;background:white}.outcome-row{break-inside:avoid}.pending strong{color:#333}}
@media(max-width:460px){.header-actions [data-motion]{display:block;font-size:0;width:28px;height:30px;padding:0}.header-actions [data-motion]::before{content:'Ⅱ';font-size:15px}.paused .header-actions [data-motion]::before{content:'▷'}}
/* Focused comparison: the question and two choices are the primary surface. */
.stage{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:38px;padding-bottom:24px}.question-head{margin:0 0 25px}.question-head p{font-size:13px;color:#bec4cd}.round-progress{margin-top:18px}.alternate{margin-top:21px}.minimal-back{height:35px;display:flex;justify-content:center;margin-top:4px}.minimal-back .quiet{font-size:12px;color:#a3adb9}.motion-control{position:fixed;bottom:20px;right:22px;width:32px;height:32px;border:1px solid #ffffff20;border-radius:50%;background:#10141ac7;color:#bbc4cf;display:grid;place-items:center;font-size:12px;z-index:3}.motion-control:hover{border-color:#ffffff70;color:white}.creative:disabled{opacity:1;cursor:default}.confirming .creative:not(.selected){opacity:.64;transform:scale(.985)}.confirming .creative.selected{transform:scale(1.008)}.view-outcome .stage{display:block;padding-top:50px;padding-bottom:50px}.view-outcome .question-head{margin-top:0}.view-outcome .question-head .kicker{display:none}@media(max-width:760px){.stage{padding-top:30px;padding-bottom:42px}.question-head{margin:0 0 22px}.question-head h1{font-size:28px}.motion-control{bottom:12px;right:12px;width:28px;height:28px}.alternate{gap:12px}.minimal-back{margin-top:1px}}@media(prefers-reduced-motion:reduce){.confirming .creative.selected,.confirming .creative:not(.selected){transform:none}}
/* Nine-question card flow */
.question-count{font-size:12px;letter-spacing:2px;color:var(--accent);margin-bottom:15px}.question-count span{color:#86909d}.question-head{margin-bottom:24px}.context-line{position:relative;max-width:740px;margin:0 auto 22px}.context-line input{background:#10151ec9;padding-right:55px;font-size:14px;border-color:#ffffff27}.context-line>span{position:absolute;right:15px;top:15px;font-size:11px;color:#85919f}.constraint-line{display:flex;align-items:center;gap:12px;margin:0 auto 22px;max-width:950px}.constraint-line label{font-size:12px;white-space:nowrap;line-height:1.7;color:#c9d0db}.constraint-line label span{display:block;font-size:11px;color:#8c98a8}.constraint-line input[type=date]{width:190px;flex-shrink:0}.constraint-line input{font-size:13px;background:#111720df}.comparison{perspective:1900px;gap:18px}.comparison.options-3{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison.options-4{grid-template-columns:repeat(4,minmax(0,1fr))}.creative{transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 50%;will-change:transform;transition:transform .24s cubic-bezier(.45,0,.55,1),border-color .18s,box-shadow .18s}.card-image{height:192px}.card-copy{padding:7px 22px 24px}.card-copy h2{font-size:23px;min-height:65px}.card-copy p{font-size:14px;min-height:80px;margin-bottom:19px}.card-type{font-size:12px;letter-spacing:.7px}.choice-meta{font-size:12px;color:#d1d8e2;border-top:1px solid var(--line);padding-top:16px;line-height:1.6}.options-4 .card-image{height:150px}.options-4 .card-copy{padding:7px 16px 20px}.options-4 .card-copy h2{font-size:20px}.options-4 .card-copy p{font-size:13px}.flip-out .creative{transform:rotateY(-89deg) scale(.96)!important;box-shadow:15px 0 35px #0008;pointer-events:none}.flip-out .creative:nth-child(2){transition-delay:35ms}.flip-out .creative:nth-child(3){transition-delay:55ms}.flip-out .question-head{opacity:.2;transition:opacity .22s}.flip-in .creative{animation:cardTurnIn .38s cubic-bezier(.2,.72,.25,1) both}.flip-in .creative:nth-child(2){animation-delay:35ms}.flip-in .creative:nth-child(3){animation-delay:55ms}.flip-in .question-head{animation:questionReveal .35s ease both}@keyframes cardTurnIn{from{transform:rotateY(89deg) scale(.96);opacity:.55}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes questionReveal{from{opacity:.15}to{opacity:1}}.result-screen{padding:5px 0}.recommendations{display:grid;gap:22px}.recommendation{display:grid;grid-template-columns:42% 1fr;border:1px solid #ffffff32;border-radius:12px;overflow:hidden;background:#111721f5}.reference-cover{position:relative;display:block;min-height:250px;background:#171d26;padding:0;overflow:hidden}.reference-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:brightness(.8);transition:transform .5s}.reference-cover:hover img{transform:scale(1.035)}.play-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:54px;width:54px;border-radius:50%;border:1px solid #ffffff88;background:#0b121ab0;display:grid;place-items:center;font-size:17px;color:white;padding-left:3px}.recommendation-copy{padding:25px}.recommend-meta{color:var(--accent);font-size:12px;line-height:1.6;margin-bottom:11px}.recommendation h2{font-size:22px;margin:0 0 12px;line-height:1.4;overflow-wrap:anywhere}.recommendation p{font-size:13px;line-height:1.8;color:#aeb9c9;margin:10px 0}.recommendation .match-reason{color:#d5dce5}.reference-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.reference-actions .reason{padding:12px 14px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:26px 0 32px}.brief-details{border:1px solid var(--line);border-radius:10px;padding:24px;background:#101620ed}.brief-details>summary{font-size:19px;cursor:pointer;line-height:1.8}.brief-details>summary>span{font-size:12px;color:#aeb9c8;float:right}.brief-details .outcome-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.brief-details .outcome-row h3{font-size:16px}.matching-note{font-size:12px;color:#a3afbd;line-height:1.9;margin:20px 0}.matching-note summary{cursor:pointer}.matching-note p{max-width:840px}.resource-cover{width:100%;padding:0;display:block;background:none}.resource .source-chip{font-size:10px;color:#c3d398;line-height:1.6}.resource-info h3{margin-top:9px}.resource-info .source-status{font-size:11px;color:#98a3b1}.video-player{width:100%;aspect-ratio:16/9;border:0;border-radius:7px;background:#030508;display:block}.player-poster{width:100%;max-height:55vh;object-fit:contain}.player-source{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;margin:16px 0}.player-source span{color:#aab6c7}.warning{background:#30291fe8;color:#f5d19e;border:1px solid #786342;border-radius:7px;padding:14px 18px;font-size:13px;line-height:1.8;margin-top:15px}@media(min-width:1450px){.stage{max-width:1200px}.card-image{height:220px}.card-copy h2{font-size:25px}}@media(max-width:900px){.comparison.options-4{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison.options-3{gap:12px}.card-copy{padding:6px 16px 20px}.card-copy h2{font-size:21px}.card-copy p{font-size:13px}.card-image{height:158px}}@media(max-width:700px){.stage{padding-top:29px}.comparison.options-3{grid-template-columns:1fr;gap:13px}.options-3 .creative{display:grid;grid-template-columns:118px 1fr;min-height:174px}.options-3 .card-image{height:100%;min-height:174px}.options-3 .card-image:after{background:linear-gradient(90deg,transparent,#141a2230)}.options-3 .card-copy{padding:17px 16px}.options-3 .card-type{font-size:11px;margin-bottom:6px}.options-3 .card-copy h2{font-size:18px;min-height:0;margin-bottom:7px}.options-3 .card-copy p{font-size:12px;line-height:1.75;min-height:0;margin-bottom:12px}.options-3 .choice-meta{font-size:10px;padding-top:8px}.options-3 .frame-credit{bottom:12px;left:10px;max-width:100px;font-size:9px}.options-3 .selected-mark{right:9px;top:10px}.options-3 .letter{left:9px;top:10px}.question-head h1{font-size:27px}.question-head p{font-size:12px;line-height:1.8}.context-line{margin-bottom:17px}.context-line input{font-size:12px;padding:12px 45px 12px 13px}.context-line>span{top:14px}.question-count{margin-bottom:10px;font-size:11px}.constraint-line{display:grid;grid-template-columns:auto 1fr;gap:9px}.constraint-line input[type=date]{width:100%}.constraint-line input:last-child{grid-column:1/-1}.recommendation{grid-template-columns:1fr}.reference-cover{min-height:0;aspect-ratio:16/9}.recommendation-copy{padding:22px}.recommendation h2{font-size:21px}.result-toolbar{flex-wrap:wrap}.result-toolbar button{width:100%}.brief-details{padding:19px}.brief-details>summary{font-size:17px}.brief-details>summary>span{display:block;float:none}.brief-details .outcome-rows{grid-template-columns:1fr 1fr;gap:22px 14px}.brief-details .outcome-row{padding-left:12px}.brief-details .outcome-row h3{font-size:15px}.player-source{align-items:flex-start;flex-direction:column}.dialog-header h2{font-size:17px;line-height:1.5;max-width:80%}.dialog-header .iconbutton{white-space:nowrap}}@media(max-width:370px){.options-3 .creative{grid-template-columns:100px 1fr}.options-3 .card-copy{padding:14px 12px}.options-3 .card-copy h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.flip-out .creative{transform:none!important;box-shadow:none}.flip-out .question-head{opacity:1}.flip-in .creative,.flip-in .question-head{animation:none!important}.creative{transition:none!important}}

/* Concise AI App requirement cards. */
.creative.compact .card-copy{padding:20px 22px 25px}.creative.compact .card-copy h2{font-size:22px;line-height:1.45;min-height:0;margin:0 0 10px}.creative.compact .card-copy p{font-size:15px;line-height:1.7;min-height:0;margin:0;color:#b9c3cf}.comparison.options-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto}.options-4 .creative.compact{display:grid;grid-template-columns:38% 1fr;min-height:180px}.options-4 .compact .card-image{height:100%;min-height:180px}.options-4 .compact .card-copy{align-self:center}.options-4 .card-image:after{background:linear-gradient(90deg,transparent,#141a2240)}.final-details{margin-top:24px}.final-details summary{cursor:pointer;font-size:15px;color:#d3dbb5}.final-details .field-pair{margin-top:18px}.final-details label{font-size:14px}.final-details input{margin-top:8px}.flip-out .creative:nth-child(4){transition-delay:65ms}.flip-in .creative:nth-child(4){animation-delay:65ms}
@media(max-width:700px){.comparison.options-4{grid-template-columns:1fr;gap:12px}.comparison .creative.compact{grid-template-columns:110px 1fr;min-height:124px}.comparison .compact .card-image{min-height:124px}.comparison .creative.compact .card-copy{padding:16px}.comparison .creative.compact .card-copy h2{font-size:19px;margin-bottom:6px}.comparison .creative.compact .card-copy p{font-size:14px;line-height:1.6}.options-4 .selected-mark{top:10px;right:9px}.question-head p{font-size:14px}.context-line input{font-size:14px}}
@media(max-width:370px){.comparison .creative.compact{grid-template-columns:92px 1fr}.comparison .creative.compact .card-copy{padding:13px}}
/* Adaptive conversation: one focused prompt, stable phase progress. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phase-progress{display:flex;justify-content:center;gap:26px;list-style:none;padding:0;margin:0 0 38px;color:#8e98a7;font-size:13px}.phase-progress li{display:flex;gap:8px;align-items:center}.phase-progress li span{font-size:11px;opacity:.6}.phase-progress .active{color:var(--accent)}.phase-progress .active span{opacity:1}.phase-progress .past{color:#c1c7d0}.branch-label{font-size:13px;color:var(--accent);margin-bottom:14px}.question-head h1{font-size:clamp(26px,3vw,42px);line-height:1.4}.question-head p{font-size:15px;line-height:1.7}.conversation-answer{max-width:760px;margin:30px auto 0;padding:26px;background:#121922f2;border:1px solid #ffffff35;border-radius:16px}.conversation-answer textarea{font-size:18px;line-height:1.9;min-height:180px;resize:vertical;background:transparent;border:0;box-shadow:none;padding:0;color:#f6f6f2}.conversation-answer input[type=date]{font-size:19px;margin-bottom:20px}.conversation-answer textarea:focus{outline:0}.conversation-answer:focus-within{border-color:#dcec9580}.answer-actions{display:flex;gap:20px;align-items:center;margin-top:22px}.answer-actions .primary{padding:14px 22px;font-size:15px}.answer-actions .quiet{font-size:14px;line-height:1.6}.interview-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.interview-options .creative.compact .card-copy{padding:17px 18px 20px}.interview-options .creative.compact .card-copy h2{font-size:20px;overflow-wrap:anywhere}.interview-options .card-image{height:126px}.interview-options .creative.compact .card-copy p{font-size:14px}.interview-options.count-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:auto}.interview-options.count-4 .creative{display:grid;grid-template-columns:38% 1fr}.interview-options.count-4 .card-image{height:100%;min-height:155px}.interview-options.count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:auto}.multi-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin:24px 0 12px}.multi-actions span{font-size:14px;color:#b5bdc8}.multi-actions .primary{padding:14px 25px;font-size:15px}.alternate{margin-top:20px}.alternate button,.minimal-back button{font-size:14px}.minimal-back{display:flex;justify-content:center;gap:25px}.comparison .creative{will-change:auto}.flip-out .creative,.flip-out .conversation-answer{transform:rotateY(-89deg) scale(.96)!important;pointer-events:none}.conversation-answer{backface-visibility:hidden;transform-origin:50% 50%;transition:transform .28s}.flip-in .conversation-answer{animation:cardTurnIn .38s ease both}.extraction-panel{max-width:760px;margin:20px auto;padding:26px;border:1px solid #dcec9560;border-radius:12px;background:#111a20fa}.extraction-panel h2{font-size:20px}.extraction-panel>p{font-size:14px;color:#abb5c2}.extraction-panel>div:not(.answer-actions){display:grid;grid-template-columns:100px 1fr;gap:15px;margin:15px 0;line-height:1.7;font-size:15px}.extraction-panel span{color:#adb7c3}.extraction-panel strong{font-weight:400;white-space:pre-wrap}.review-screen{max-width:1000px;margin:auto}.brief-narrative{padding:30px;border:1px solid #ffffff30;background:#111923f2;border-radius:16px;font-size:21px;line-height:2}.brief-narrative p{margin:0 0 16px;white-space:pre-wrap}.brief-narrative p:last-child{margin:0}.brief-narrative button{display:inline;background:transparent;color:var(--accent);border-bottom:1px solid #e5f99555;padding:0 3px;font:inherit;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.review-primary{display:flex;align-items:center;gap:20px;margin:25px 0}.review-primary span{font-size:13px;color:#bac3ce}.review-primary .primary{font-size:16px;padding:18px 24px}.review-groups{margin-top:25px}.review-group{border-bottom:1px solid #ffffff22;background:#111923ea;padding:20px 24px}.review-group>summary{cursor:pointer;font-size:17px}.review-answer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff12}.review-answer:last-child{border:0}.review-answer>div{min-width:0}.review-answer small{font-size:13px;color:#a9b5c3}.review-answer p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.8;margin:8px 0 0}.review-answer button{font-size:13px;flex-shrink:0}.pending-list{margin:20px 0;font-size:14px;color:#bec7d4;line-height:1.8}.pending-list summary{cursor:pointer}.closing-note{background:#1a222cf2;padding:24px;margin-top:20px;border-left:2px solid var(--accent);border-radius:0 10px 10px 0}.closing-note span{font-size:13px;color:var(--accent)}.closing-note p{font-size:17px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.creative:disabled{opacity:1}.conversation-answer .primary:disabled{opacity:.4}.custom-answer input{font-size:16px}
@media(max-width:700px){.phase-progress{gap:12px;margin-bottom:28px;font-size:12px;flex-wrap:wrap}.phase-progress li{gap:4px}.phase-progress li span{display:none}.conversation-answer{padding:20px;margin-top:24px}.conversation-answer textarea{font-size:16px;min-height:190px}.answer-actions{gap:14px;flex-wrap:wrap}.answer-actions .primary{font-size:14px}.interview-options,.interview-options.count-4,.interview-options.count-2{grid-template-columns:1fr;gap:12px}.comparison.interview-options .creative.compact{display:grid;grid-template-columns:90px 1fr;min-height:106px}.comparison.interview-options .compact .card-image{min-height:106px;height:100%}.comparison.interview-options .creative.compact .card-copy{padding:14px}.comparison.interview-options .creative.compact .card-copy h2{font-size:18px;margin-bottom:5px}.comparison.interview-options .creative.compact .card-copy p{font-size:14px}.multi-actions{position:sticky;bottom:0;background:#0d131beF;padding:13px 10px;margin:16px -5px 0;border-radius:10px;z-index:3;gap:15px;backdrop-filter:blur(12px)}.multi-actions .primary{font-size:14px;padding:13px 18px}.multi-actions span{font-size:12px}.extraction-panel{padding:20px}.extraction-panel>div:not(.answer-actions){grid-template-columns:1fr;gap:0}.brief-narrative{font-size:18px;padding:22px}.review-primary{align-items:stretch;flex-direction:column;gap:12px}.review-group{padding:18px 16px}.review-answer{gap:10px}.review-answer p{font-size:15px}.closing-note{padding:20px}.stage{padding-bottom:75px}.motion-control{bottom:14px;right:12px}}
@media(prefers-reduced-motion:reduce){.flip-out .conversation-answer{transform:none!important}.flip-in .conversation-answer{animation:none!important}}
/* Binary conversation: exactly two spatially stable choices. */
.binary-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:900px!important;margin:0 auto;gap:22px!important}
.binary-options .creative{position:relative;min-height:320px;overflow:hidden;transition:border-color .15s,box-shadow .15s;isolation:isolate}
.binary-options .card-image{height:200px!important}
.binary-options .card-copy{padding:22px!important}
.binary-options .card-copy h2{font-size:clamp(20px,2.3vw,28px);line-height:1.35}
.binary-options .card-copy p{font-size:14px;line-height:1.6;margin-top:10px;color:#aab2bc}
.binary-options .selected-mark{display:none}
.binary-options .head-target{border-color:#e5f995;box-shadow:0 0 0 2px #e5f99555}
.binary-options .head-target:after{content:'';position:absolute;bottom:0;left:0;height:5px;width:calc(var(--head-progress,0)*100%);background:#e5f995;transition:width .1s linear;z-index:3}
.camera-controls{position:relative;z-index:3;margin:-18px auto 28px;text-align:center;color:#aeb6bf;font-size:12px;max-width:650px;padding:0 16px}
.camera-controls button{font-size:13px;border:1px solid #ffffff25;border-radius:30px;padding:9px 16px;margin:0 4px}
.camera-controls button[aria-pressed=true]{color:#e5f995;border-color:#e5f99566}
.camera-controls p{min-height:16px;margin:8px 0 0}.camera-controls p:empty{display:none}
.camera-controls[hidden],[hidden]{display:none!important}
.question-screen .question-head{margin-bottom:28px}.phase-progress{margin-bottom:36px}.question-screen .alternate{margin-top:22px}
.question-screen .minimal-back{min-height:26px;margin-top:12px}.question-screen .question-head p{font-size:13px}
@media(max-width:650px){.binary-options{gap:10px!important}.binary-options .creative{min-height:240px}.binary-options .card-image{height:140px!important}.binary-options .card-copy{padding:15px 12px!important}.binary-options .card-copy h2{font-size:19px}.binary-options .card-copy p{font-size:12px}.phase-progress{gap:12px;margin-bottom:30px}.phase-progress li{font-size:11px}.question-screen .question-head h1{font-size:27px}.camera-controls{margin-top:0}.stage{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.binary-options .creative,.binary-options .head-target:after{transition:none}}
body:not(.view-outcome) .stage{min-height:calc(100svh - 112px);padding-top:40px;padding-bottom:20px}
body:not(.view-outcome) .question-screen{min-height:0}
.camera-controls{margin:0 auto 24px;min-height:68px}
.comparison.binary-options .creative.compact{display:block;min-height:320px}
@media(max-width:700px){body:not(.view-outcome) .stage{padding-top:35px;min-height:calc(100svh - 120px)}.comparison.binary-options .creative.compact{display:block;min-height:245px}.comparison.binary-options .compact .card-image{min-height:0;height:135px!important}.comparison.binary-options .creative.compact .card-copy{padding:15px 12px!important}.comparison.binary-options .creative.compact .card-copy h2{font-size:19px}.comparison.binary-options .creative.compact .card-copy p{font-size:12px}.question-screen .question-head{margin-top:20px}.camera-controls{padding-right:38px}}
/* Visible roll-selection feedback, separate from the card transition. */
.camera-controls{max-width:720px;margin:0 auto 24px;min-height:110px;text-align:left;padding:0 20px}
.head-panel{display:flex;align-items:center;justify-content:center;gap:16px;max-width:590px;margin:auto;padding:12px 18px;border:1px solid #ffffff24;border-radius:16px;background:#10161de8}
.head-feedback{min-width:0;flex:1}.camera-controls #head-status{font-size:13px;line-height:1.5;min-height:20px;margin:0;color:#c3cad3;display:flex;gap:8px;align-items:center}
#head-status:before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:100%;background:#77828f}
[data-phase=ready] #head-status:before,[data-phase=selected] #head-status:before{background:#e5f995;box-shadow:0 0 9px #e5f99566}
[data-phase=ready] #head-status,[data-phase=selected] #head-status{color:#e5f995}
[data-phase=calibrating] #head-status:before,[data-phase=loading] #head-status:before,[data-phase=recenter] #head-status:before{background:#e3bb6b}
[data-phase=error] #head-status:before,[data-phase=no-face] #head-status:before{background:#f3968c}
.head-preview{width:92px;height:84px;flex-shrink:0;position:relative;overflow:hidden;border-radius:10px;background:#050708;border:1px solid #ffffff30}.head-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.head-face-state{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#080c11bf;font-size:10px;color:#e5f995;padding:3px}
[data-phase=no-face] .head-face-state{color:#f3968c}
.head-meter{display:flex;align-items:center;gap:10px;height:22px;margin:6px 0;color:#aeb8c5;font-size:11px}.head-track{position:relative;flex:1;height:4px;background:#ffffff1d;border-radius:4px}.head-neutral{position:absolute;left:42%;right:42%;top:-3px;height:10px;border:1px solid #ffffff28;border-radius:3px}.head-marker{position:absolute;top:50%;left:calc(50% + var(--head-angle,0)*46%);height:10px;width:10px;border-radius:50%;background:#e5f995;transform:translate(-50%,-50%);transition:left .08s linear}
.camera-controls .head-actions{margin-top:7px}.camera-controls button{margin:0 8px 0 0;padding:5px 11px;font-size:12px}.camera-controls .camera-note{font-size:10px;line-height:1.5;margin-top:7px;color:#87929f}
body:not(.view-outcome) .stage{min-height:calc(100svh - 168px)}
@media(max-width:700px){.camera-controls{padding:0 16px 0;max-width:430px}.head-panel{padding:11px 12px;gap:10px}.head-preview{width:64px;height:76px}.camera-controls #head-status{font-size:12px}.head-meter{gap:6px;font-size:10px}body:not(.view-outcome) .stage{min-height:calc(100svh - 174px)}}
@media(prefers-reduced-motion:reduce){.head-marker{transition:none}}
.library-search{display:flex;align-items:center;gap:16px;margin-bottom:20px}.library-search label{white-space:nowrap;font-size:15px}.library-search input{max-width:650px;font-size:15px}.library-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;font-size:13px;color:var(--muted)}.library-more{text-align:center;margin:28px 0}.library-meta a{white-space:nowrap}.resource-info h3{overflow-wrap:anywhere}.resource-cover img{width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.library-search{align-items:flex-start;flex-direction:column;gap:8px}.library-search input{width:100%}.library-meta{font-size:12px;gap:10px}}

/* Card motion owns transform throughout both halves of the turn. */
.binary-options .creative{transition:transform .22s ease,border-color .18s,box-shadow .18s}
.binary-options .creative:hover{transform:none}
.turning .creative{will-change:transform;transition:border-color .18s,box-shadow .18s;animation:none!important;pointer-events:none}
.turning .creative .card-image img{transition:none;transform:none}
.turning .question-head{will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){.binary-options .creative{transition:none}}