@font-face{font-family:Como;src:url(/fonts/Como.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Como;src:url(/fonts/Como%20Medium.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Como;src:url(/fonts/Como%20Bold.woff) format("woff");font-weight:700;font-display:swap}html,body,#root{height:100%}.poc-root{display:flex;flex-direction:column;min-height:100%;background:#fff;-webkit-user-select:none;user-select:none}.poc-root button,.poc-root select,.poc-root input{font-family:var(--font-body)}.poc-screen{padding:2rem;font-size:1.1rem}.poc-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:#fff;border-bottom:1px solid #e3e6ea}.poc-title{font-weight:700;color:var(--color-brand-dark)}.poc-spacer{flex:1}.poc-navbtn{border:1px solid #cfd6dd;background:#fff;border-radius:8px;padding:6px 13px;cursor:pointer;font-size:14px}.poc-navbtn:disabled{opacity:.4;cursor:default}.poc-count{font-size:13px;color:#6b7280;min-width:54px;text-align:center}.poc-select{max-width:340px;padding:6px 8px;border:1px solid #cfd6dd;border-radius:8px;font-size:13px}.poc-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#46505a;cursor:pointer}.poc-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px 0}.badge{font-size:12px;padding:3px 10px;border-radius:99px;background:#eef1f4;color:#46505a}.badge.no{background:var(--color-brand);color:#fff;font-weight:600}.badge.mek{background:transparent;border:1px solid #cfd6dd}.badge.key{background:#ecfdf5;color:#047857;font-weight:600}.poc-applicator{margin:10px 16px 0;padding:9px 13px;border-radius:10px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;font-size:13px;white-space:pre-line}.poc-stage{flex:1;padding:20px 16px 60px;display:flex;flex-direction:column}.mech{flex:1;width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.mech.compact{gap:8px}.poc-g3 .mech{justify-content:center}.poc-g3 .opts,.poc-g3 .opts.list{margin-top:3.5vh;margin-bottom:0}.poc-g3 .opts.grid:not(.dense):not(.many){flex-wrap:nowrap}.poc-g3 .opts.grid:not(.dense):not(.many) .opt{flex:1 1 0;max-width:250px}.poc-g3 .opts.grid:not(.dense):not(.many) .opt img{max-height:210px;max-width:100%}.q-g3-s29 .opt-caption{display:none}.q-g3-s29 .opts.grid.dense{flex-wrap:wrap;gap:14px;max-width:980px}.q-g3-s29 .opts.grid.dense .opt{width:168px;height:168px}.q-g3-s29 .opts.grid.dense .opt img{max-height:100%;max-width:100%}.q-g3-s19 .opts.grid:not(.dense) .opt img{max-height:240px}.q-g3-s20 .opts.grid:not(.dense) .opt img{max-height:200px}.q-g3-s20 .stimulus img,.q-g3-s21 .stimulus img{max-height:420px}.q-g3-s35 .opts.grid.many{max-width:960px;gap:18px}.q-g3-s35 .opts.grid.many .opt{width:310px}.q-g3-s35 .opts.grid.many .opt img{max-height:150px;max-width:290px}.q-g3-s35 .reveal-stage img{max-height:340px}.q-g3-s34 .reveal-stage img{max-height:360px}.q-g3-s34 .mech{max-width:1260px}.q-g3-s34 .opts.grid:not(.dense):not(.many) .opt{max-width:420px}.q-g3-s34 .opts.grid:not(.dense):not(.many) .opt img{max-height:210px}.q-g3-s08 .mech{max-width:1280px}.q-g3-s08 .opts.grid:not(.dense):not(.many) .opt{max-width:420px}.q-g3-s08 .opts.grid:not(.dense):not(.many) .opt img{max-height:300px}.q-g3-s36 .waveform{height:74px;gap:6px}.q-g3-s36 .waveform span{width:6px;animation-name:wave}.poc-g3 .prompt{font-size:clamp(1.4rem,3vw,2rem)}.poc-g3 .tally-instruction{font-size:1.4rem;font-weight:600;line-height:1.4}.q-g3-s33 .tally-instruction{font-size:1.25rem}.poc-g3 .waveform{gap:16px;height:230px}.poc-g3 .waveform span{width:16px;border-radius:6px;animation-name:wave-g3}@keyframes wave-g3{0%,to{height:48px}50%{height:210px}}.prompt{margin:0;font-size:clamp(1.15rem,2.6vw,1.6rem);text-align:center}.prompt-sub{margin:-6px 0 0;color:var(--color-muted);font-size:1rem}.stimulus{display:flex;justify-content:center}.stimulus img{max-width:100%;max-height:280px;object-fit:contain}.mech.compact .stimulus img{max-height:130px}.shared-stimulus img{max-height:230px}.q-divider{width:100%;max-width:900px;border:none;border-top:1.5px solid #ececec;margin:2.4vh auto 0}.center-action{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center}.big-action-btn{border:none;background:var(--color-brand);color:#fff;font-family:var(--font-body);font-weight:700;font-size:1.25rem;padding:14px 32px;border-radius:14px;box-shadow:0 4px 0 0 var(--color-brand-dark, #4c0677);cursor:pointer}.big-action-btn:active{transform:translateY(2px);box-shadow:0 2px 0 0 var(--color-brand-dark, #4c0677)}.waveform{display:flex;align-items:center;justify-content:center;gap:7px;height:90px}.waveform span{width:5px;height:18px;background:var(--color-brand);border-radius:3px;animation:wave .9s ease-in-out infinite}.waveform span:nth-child(2){animation-delay:.1s}.waveform span:nth-child(3){animation-delay:.2s}.waveform span:nth-child(4){animation-delay:.3s}.waveform span:nth-child(5){animation-delay:.4s}.waveform span:nth-child(6){animation-delay:.5s}.waveform span:nth-child(7){animation-delay:.6s}@keyframes wave{0%,to{height:16px}50%{height:74px}}.mech.audio-gated{justify-content:center}.mech.audio-gated .center-action{margin-top:3vh;margin-bottom:0}.mech.audio-gated .opts{margin-top:3.5vh;margin-bottom:0}.reveal-stage{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:1000px}.reveal-stage img{max-width:100%;max-height:520px;object-fit:contain}.reveal-bar{height:6px;width:0;background:var(--color-brand);border-radius:3px;align-self:stretch;animation-name:reveal-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes reveal-fill{0%{width:0}to{width:100%}}.reveal-after{display:flex;flex-direction:column;align-items:center;gap:8px}.opts{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:7vh;margin-bottom:auto}.opts.list{flex-direction:column;align-items:center;gap:14px;max-width:560px;margin:7vh auto auto}.opts.grid.dense{gap:10px}.opt{position:relative;border:3px solid #d4d4d4;background:#fff;border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px #d4d4d4;transition:border-color .12s,box-shadow .12s,background .12s}.opt:hover{box-shadow:0 6px #c7c7c7}.opts.grid .opt{padding:8px}.opts.grid.dense .opt{width:92px;height:92px;padding:6px;border-radius:10px}.opts.list .opt{width:100%;min-height:62px;flex-direction:row}.opts.list.short{flex-direction:row;flex-wrap:wrap;align-items:stretch;max-width:940px}.opts.list.short .opt{width:auto;min-width:92px;min-height:0;padding:12px 26px;border-radius:999px;flex-direction:row}.opts.list.short.eq{align-items:stretch}.opts.list.short.eq .opt{width:250px}.opt img{max-width:100%;max-height:100%;object-fit:contain}.opts.grid .opt img{max-height:190px;max-width:300px;width:auto;height:auto}.opts.grid.many .opt img{max-height:132px;max-width:190px}.opts.grid.dense .opt img{max-height:100%;max-width:100%}.opt-text{font-size:1.2rem;font-weight:600;text-align:center}.opt-caption{font-size:1.05rem;font-weight:700;color:#2b2b31;text-align:center}.opt.sel{border-color:#820ad1;background:#fff;box-shadow:0 0 0 6px #820ad129}.opt.correct{border-color:#16a34a;box-shadow:0 0 0 2px #bbf7d0 inset}.key-check{position:absolute;top:4px;right:6px;color:#16a34a;font-weight:700}.trait{font-size:11px;color:#047857;text-align:center}.composite{gap:14px}.applicator{padding:9px 13px;border-radius:10px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;font-size:.95rem;max-width:720px}.applicator.story{line-height:1.5}.story-text{font-weight:700;text-align:center;max-width:860px;line-height:1.55;font-size:1.4rem;margin:0 0 4px}.part-progress{font-size:.85rem;color:var(--color-muted);font-weight:600}.part-card{width:100%;padding:4px 0}.part-card .prompt{font-size:1.45rem}.part-card .opts{margin-top:0}.mech.composite{justify-content:center;padding-bottom:10vh}.composite .part-nav{margin-top:4vh}.composite .opts.list.short .opt{padding:14px 34px}.composite .opt-text{font-size:1.35rem}.part-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:560px}.ghost-btn{border:1px solid #cfd6dd;background:#fff;border-radius:10px;padding:9px 18px;cursor:pointer;font-size:.95rem}.ghost-btn:disabled{opacity:.4;cursor:default}.primary{border:none;background:var(--color-brand);color:#fff;border-radius:10px;padding:11px 26px;cursor:pointer;font-size:1rem;font-weight:600}.primary:disabled{opacity:.4;cursor:default}.done-tag{color:#16a34a;font-weight:700}.hint-tag{color:var(--color-muted)}.mech.reading{flex-direction:row;align-items:center;gap:32px;max-width:1120px;width:100%;margin:0 auto}.reading-passage{flex:0 1 46%;background:#fff;border:1.5px solid #e6e9ee;border-radius:16px;padding:16px 20px;text-align:left;overflow-y:auto;max-height:66vh;box-shadow:0 1px 6px #1414280d}.reading-head{font-weight:700;color:#820ad1;font-size:1.05rem;margin-bottom:10px}.reading-passage p{margin:0 0 12px;font-size:1.3rem;line-height:1.55;font-weight:700;color:#2b2b31}.reading-side{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center}.reading-q{text-align:left;font-size:1.5rem;margin:0 0 20px}.reading-opts{display:flex;flex-direction:column;gap:14px;margin:0;max-width:none}.reading-opt{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;width:100%;text-align:left;padding:16px 18px;border-radius:14px}.reading-opt .opt-text{text-align:left;font-size:1.22rem;font-weight:500}.opt-letter{flex:none;width:34px;height:34px;border-radius:50%;background:#f1eef7;color:#820ad1;font-weight:700;display:flex;align-items:center;justify-content:center}.reading-opt.sel .opt-letter{background:#820ad1;color:#fff}.shapegrid-mech .shape-grid{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;max-width:920px;margin:4vh auto auto}.shape-btn{border:2px solid transparent;background:transparent;border-radius:12px;padding:4px;cursor:pointer;line-height:0;transition:background .1s,border-color .1s,transform .05s}.shape-btn:active{transform:scale(.94)}.shape-btn.sel{border-color:#820ad1;background:#f3eafc;box-shadow:0 0 0 3px #820ad12e}.shape-svg{width:52px;height:52px;display:block}.shaperow-mech{gap:10px;justify-content:flex-start;padding-top:4vh}.stimulus-row{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:1.5vh}.stimulus-row .shape-svg{width:104px;height:104px}.shaperow-q{margin:.4vh 0 0;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:700;text-align:center}.opts.shaperow-opts{flex-direction:column;align-items:center;gap:16px;margin-top:3vh;margin-bottom:auto;max-width:620px}.shaperow-opt{flex-direction:row;align-items:center;justify-content:center;width:100%;padding:14px 26px;border-radius:16px}.shape-row{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.shape-row .shape-svg{width:58px;height:58px}.scenematch-mech{gap:8px;justify-content:flex-start;padding-top:4vh}.scene-stimulus{display:flex;justify-content:center;margin-top:1vh}.scene-stimulus .scene-svg{width:220px;height:220px}.opts.scenematch-opts{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:18px;margin-top:3vh;margin-bottom:auto;max-width:940px}.scene-opt{padding:10px;border-radius:14px}.scene-svg{width:170px;height:170px;display:block}.assign-mech{gap:14px;justify-content:flex-start}.assign-table{display:grid;width:100%;max-width:1000px;border:2px solid #820ad1;border-radius:10px;overflow:hidden;background:#fff;margin-top:1vh}.assign-corner{background:#fff;border:1px solid #e2d2f2}.assign-colhead,.assign-rowhead{font-weight:700;color:#820ad1;display:flex;align-items:center;justify-content:center;padding:10px 8px;border:1px solid #e2d2f2;font-size:1.05rem}.assign-rowhead{justify-content:flex-start;padding-left:16px}.assign-cell{border:1px solid #e2d2f2;min-height:90px;display:flex;align-items:center;justify-content:center;padding:6px}.assign-placed{max-height:76px;max-width:100%;object-fit:contain;touch-action:none;cursor:grab}.assign-placed.fixed{cursor:default}.assign-placed.dragging{opacity:.3}.assign-slots{display:flex;justify-content:center;align-items:center;gap:22px;width:100%;flex-wrap:wrap;margin-top:6px}.assign-slot{width:152px;height:152px;border:3px solid #820ad1;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center}.assign-slot .assign-placed{max-height:128px;max-width:128px}.q-g3-s36 .assign-chip img{max-height:112px;max-width:132px}.assign-hint{margin:0;color:#17181a;font-weight:600}.assign-pool{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:1000px;border:2px dashed #820ad1;border-radius:12px;padding:12px;min-height:92px}.assign-chip{border:none;background:transparent;padding:4px;cursor:grab;line-height:0;touch-action:none;border-radius:10px}.assign-chip img{max-height:68px;max-width:112px;object-fit:contain}.assign-chip.dragging{opacity:.3}.assign-ghost{position:fixed;z-index:100;pointer-events:none;max-height:82px;max-width:122px;object-fit:contain;transform:translate(-50%,-50%);opacity:.92;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}.applicator-mech{gap:20px;justify-content:center}.applicator-mech .prompt{white-space:pre-line}.applicator-mech .center-action{margin-top:3vh;margin-bottom:0}.poc-g2 .applicator-mech .prompt{font-size:clamp(1.45rem,3vw,2rem);line-height:1.4}.poc-g2 .applicator-mech .big-action-btn{font-size:1.5rem;padding:18px 44px}.applicator-warning{color:#e11d1d;font-weight:800;font-size:1.5rem;text-align:center;margin:0;letter-spacing:.5px}.applicator-card{border:1.5px solid #c7d2fe;background:#eef2ff;border-radius:14px;padding:18px 26px;max-width:760px;text-align:center}.applicator-label{color:#3730a3;font-weight:700;font-size:.9rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.applicator-text{margin:0;font-size:1.45rem;font-weight:700;color:#17181a}.imagerow-mech{gap:12px;justify-content:flex-start;padding-top:8vh}.opts.imagerow-opts{flex-direction:column;align-items:center;gap:16px;margin-top:3vh;margin-bottom:auto;max-width:940px}.imagerow-opt{flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;width:100%;padding:12px 22px;border-radius:16px}.imagerow-opt .opt-letter{width:40px;height:40px;font-size:1.25rem}.imagerow-opt.sel .opt-letter{background:#820ad1;color:#fff}.image-row{display:flex;align-items:center;justify-content:space-around;gap:20px;flex:1}.image-row img{max-height:86px;max-width:130px;object-fit:contain}.tally-mech{gap:12px;justify-content:flex-start;align-items:center;padding-top:5vh}.tally-title{color:#1f4fa0;letter-spacing:1px}.applicator-text.small{font-size:1.05rem;font-weight:500}.tally-instruction{font-size:clamp(1.1rem,2.3vw,1.4rem);font-weight:700;text-align:center;max-width:900px;line-height:1.4}.tally-warn-note{color:#9aa0a6;font-weight:500;font-size:.9rem;text-align:center;margin:6px 0 0}.tally-list{width:100%;max-width:760px;display:flex;flex-direction:column;gap:10px;margin-top:1vh}.tally-list.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;max-width:1000px}.tally-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1.5px solid #e2d2f2;border-radius:12px;background:#fff}.tally-no{font-weight:700;color:#820ad1;min-width:24px}.tally-sounds{font-weight:700;font-size:1.25rem;letter-spacing:1px;flex:1}.tally-text{font-weight:600;font-size:1.02rem;flex:1;line-height:1.35}.tally-row.col{flex-direction:column;align-items:stretch;gap:8px}.tally-row.col .tally-main{display:flex;gap:10px;align-items:baseline}.tally-row.col .tally-text{font-weight:700;font-size:1.1rem}.tally-bullets{margin:0 0 0 30px;padding:0;display:flex;flex-direction:column;gap:6px}.tally-bullets li{font-size:1.05rem;color:#46505a}.tally-row.col .tally-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px dashed #e2d2f2;padding-top:8px}.tally-word{color:#6b7280;font-size:.95rem}.tally-btns{display:flex;gap:8px}.tally-btn{border:2px solid #cfd6dd;background:#fff;border-radius:999px;padding:11px 30px;font-weight:700;cursor:pointer;font-size:1.12rem}.tally-btn.ok.on,.tally-btn.no.on{border-color:#820ad1;background:#f3eafc;color:#820ad1}.tally-score{font-size:1.2rem;font-weight:700;margin-top:8px}.entry-mech{gap:12px;justify-content:flex-start;align-items:center}.entry-grid{width:100%;max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:1vh}.entry-cell{border:1.5px solid #e2d2f2;border-radius:12px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:8px}.entry-label{font-weight:700;color:#1f4fa0;font-size:1.05rem}.entry-note{color:#6b7280;font-size:.9rem;margin-top:-4px}.entry-input{width:100%;box-sizing:border-box;resize:vertical;border:1.5px solid #cfd6dd;border-radius:8px;padding:8px 10px;font-family:var(--font-body);font-size:1rem;-webkit-user-select:text;user-select:text}.entry-input:focus{outline:none;border-color:#820ad1;box-shadow:0 0 0 3px #820ad124}.entry-count{font-size:.95rem;color:#46505a}.entry-count b,.entry-total b{color:#820ad1}.entry-total{font-size:1.2rem;font-weight:700;margin-top:8px}.grid-mech{gap:12px;justify-content:flex-start;align-items:center}.grid-list{width:100%;max-width:820px;display:flex;flex-direction:column;gap:12px;margin-top:1vh}.grid-list.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;max-width:1060px}.grid-item{border:1.5px solid #e2d2f2;border-radius:12px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:8px}.grid-stem{font-weight:600;font-size:1rem}.grid-no{font-weight:700;color:#820ad1}.grid-opts{display:flex;flex-wrap:wrap;gap:8px}.grid-chip{border:2px solid #d4d4d4;background:#fff;border-radius:999px;padding:6px 14px;font-family:var(--font-body);font-size:.95rem;cursor:pointer}.grid-chip.on{border-color:#820ad1;background:#f3eafc;color:#820ad1;font-weight:600;box-shadow:0 0 0 3px #820ad124}.audiotap-mech{gap:16px;justify-content:center}.audiotap-mech .center-action{margin-top:3vh;margin-bottom:0}.tap-btn{border:3px solid #d9ccef;background:#fff;color:var(--color-brand);border-radius:28px;width:230px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px #d9ccef;touch-action:manipulation;transition:transform .08s ease,box-shadow .08s ease,border-color .15s ease}.tap-btn:hover{border-color:var(--color-brand);box-shadow:0 8px 0 0 var(--color-brand)}.tap-btn:active{transform:translateY(6px);box-shadow:0 2px 0 0 var(--color-brand)}.tap-apple{width:118px;height:118px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.15))}.tap-btn:active .tap-apple{transform:scale(.92)}.tap-label{font-size:1.35rem;font-weight:700;letter-spacing:.02em}.tap-count{font-size:1.35rem;font-weight:700;margin-top:24px}.tap-count b{color:var(--color-brand)}.tap-playing{color:var(--color-brand);font-weight:600;margin-top:8px}.tap-hint{color:var(--color-muted);font-size:1rem;margin-top:8px}.cm-mech{gap:10px;justify-content:flex-start;align-items:center;padding-top:4vh}.cm-columns{display:flex;justify-content:center;align-items:flex-end;gap:24px;width:100%;max-width:820px;margin-top:1vh}.cm-col{display:flex;flex-direction:column;align-items:center;flex:1;max-width:160px}.cm-bar-wrap{height:190px;display:flex;align-items:flex-end}.cm-bar{width:56px;border-radius:12px 12px 6px 6px;box-shadow:inset -7px 0 #00000021;min-height:24px}.cm-drop{margin-top:12px;width:132px;min-height:96px;border:2px dashed #cbb6e6;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px}.cm-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:3vh;width:100%;max-width:820px;border:2px dashed #820ad1;border-radius:12px;padding:14px;min-height:100px}.cm-card{border:2px solid #e0cef0;background:#fff;border-radius:12px;padding:10px 12px;cursor:grab;touch-action:none;box-shadow:0 3px 6px #00000014}.cm-card.dragging{opacity:.3}.cm-stars{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:110px}.cm-star{width:26px;height:26px;display:block}.cm-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);background:#fff;border:2px solid #820ad1;border-radius:12px;padding:8px;box-shadow:0 6px 12px #0000004d}.match-mech{gap:6px;align-items:center;padding-top:2vh}.match-wrap{position:relative;width:100%;max-width:940px;margin:1.5vh auto 0}.match-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.match-cols{position:relative;z-index:1;display:flex;gap:96px;width:100%;align-items:flex-start}.match-col{display:flex;flex-direction:column;gap:10px;flex:1}.match-right{flex:0 0 240px;max-width:240px}.match-item{position:relative;display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:2px solid #d8dde4;border-radius:12px;padding:12px 14px;cursor:pointer;font-size:1.02rem;color:#263040;transition:border-color .12s,box-shadow .12s}.match-item.word{font-weight:700;font-size:1.1rem;padding:14px}.match-item.word .match-text{text-align:center}.match-item.active{background:#faf5ff}.match-num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:800;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center}.match-num.sm{width:22px;height:22px;font-size:.82rem}.match-text{flex:1}.match-dot{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #0000002e}@media(max-width:640px){.match-cols{gap:44px}.match-item{font-size:.9rem;padding:8px 10px}}.tr-mech{gap:10px;justify-content:center;align-items:center}.tr-mech .center-action{margin-top:3vh;margin-bottom:0}.tr-progress{color:var(--color-muted);font-size:.9rem}.tr-ring{width:270px;height:270px;margin-top:2vh;overflow:visible}.tr-ring-disc{fill:#f6effc}.tr-ring-bg{fill:none;stroke:#e6e2ee;stroke-width:11}.tr-ring-fg{fill:none;stroke:#820ad1;stroke-width:11;stroke-linecap:round;stroke-dashoffset:0;animation-name:tr-akis;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes tr-akis{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--tr-c)}}.tr-ring-num{fill:#820ad1;font-size:40px;font-weight:800;text-anchor:middle;dominant-baseline:central;transform-box:fill-box;transform-origin:center}.tr-ring-num.pulse{animation:tr-nabiz 1s ease-out}@keyframes tr-nabiz{0%{transform:scale(1)}25%{transform:scale(1.3)}to{transform:scale(1)}}.tr-ring-unit{fill:#9b7bbd;font-size:11px;font-weight:600;text-anchor:middle;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.tr-ring-num.pulse{animation:none}}.tr-q{font-size:1.3rem;font-weight:700;color:#46505a;margin:2vh 0 0}.tr-hint{color:var(--color-muted);font-size:1rem;margin:4px 0 0}.tr-buttons{display:flex;gap:18px;margin-top:18px}.tr-btn{border:2px solid #d4d4d4;background:#fff;border-radius:999px;padding:16px 42px;font-family:var(--font-body);font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 4px #e0e0e0}.tr-btn:active{transform:translateY(2px);box-shadow:0 2px #e0e0e0;border-color:#820ad1;background:#f3eafc;color:#820ad1}.reveal-mech{justify-content:center}.reveal-mech .center-action{margin-top:2vh;margin-bottom:0}.q-g2-s44 .mech,.q-g2-s45 .mech,.q-g2-s46 .mech,.q-g2-s47 .mech,.q-g2-s48 .mech,.q-g2-s49 .mech{justify-content:center}.q-g2-s44 .opts,.q-g2-s45 .opts,.q-g2-s46 .opts,.q-g2-s47 .opts,.q-g2-s48 .opts,.q-g2-s49 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s35 .mech{padding-top:8vh}.q-g2-s40 .mech,.q-g2-s41 .mech{padding-top:5vh}.q-g2-s40 .opts.grid .opt img,.q-g2-s41 .opts.grid .opt img{max-height:250px;max-width:250px}.q-s3 .stimulus img{max-height:360px}.q-s3 .opt{padding:18px 34px}.q-s3 .opt-text{font-size:1.55rem}.q-s6 .stimulus img{max-height:440px}.q-s21 .part-card .prompt{font-size:1.5rem}.q-s23 .mech{max-width:1400px}.q-s23 .stimulus img{max-height:360px}.q-s32 .part-card .prompt{font-size:1.15rem}.q-g4-s6 .mech{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"prompt stimulus" "footer stimulus" "opts   opts";align-items:start;align-content:start;column-gap:34px;row-gap:20px;max-width:1120px;padding-top:2vh}.q-g4-s6 .prompt{grid-area:prompt;white-space:pre-line;text-align:left;margin:0;align-self:start}.q-g4-s6 .prompt-footer{grid-area:footer;margin:0;align-self:start;font-size:clamp(1.15rem,2.6vw,1.6rem);font-weight:600;line-height:1.35}.q-g4-s6 .stimulus{grid-area:stimulus;margin:0;align-self:start}.q-g4-s6 .stimulus img{max-height:420px;max-width:460px;border-radius:10px}.q-g4-s6 .opts{grid-area:opts;margin-top:14px}.q-g4-s6 .opts .opt{min-height:78px;padding:0 46px}.q-g4-s6 .opt-text{font-size:1.6rem}@media(max-width:720px){.q-g4-s6 .mech{grid-template-columns:1fr;grid-template-areas:"prompt" "stimulus" "footer" "opts";justify-items:center}.q-g4-s6 .prompt,.q-g4-s6 .prompt-footer{text-align:left;width:100%}}.q-g4-s40.poc-stage,.q-g4-s42.poc-stage,.q-g4-s43.poc-stage,.q-g4-s46.poc-stage,.q-g4-s47.poc-stage,.q-g4-s48.poc-stage{justify-content:center}.q-g4-s40 .mech,.q-g4-s42 .mech,.q-g4-s43 .mech,.q-g4-s46 .mech,.q-g4-s47 .mech,.q-g4-s48 .mech{flex:0 0 auto;gap:2.4vh}.q-g4-s2 .mech,.q-g4-s3 .mech,.q-g4-s4 .mech,.q-g4-s5 .mech{padding-top:3.5vh}.q-g4-s3 .opts .opt,.q-g4-s4 .opts .opt{min-height:76px;padding:0 42px}.q-g4-s3 .opt-text,.q-g4-s4 .opt-text{font-size:1.55rem}.q-g4-s5 .opts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1080px;margin-left:auto;margin-right:auto}.q-g4-s5 .opts .opt{width:100%;min-height:132px;align-items:center;justify-content:center}.q-g4-s5 .opt-text{font-size:1.12rem}.tally-audio{text-align:center;margin:6px auto 18px}.tally-card{width:min(620px,94%);margin:0 auto;border:2px solid #e5e7eb;border-radius:16px;padding:26px;background:#fff;display:flex;flex-direction:column;gap:16px}.tally-q{font-size:21px;font-weight:600;color:#1f2937;text-align:center}.poc-g4 .tally-mech{justify-content:center;padding-bottom:6vh}.poc-g4 .tally-instruction{font-size:clamp(1.3rem,2.9vw,1.75rem)}.poc-g4 .tally-card{width:min(760px,94%);padding:34px}.poc-g4 .tally-q{font-size:26px}.tally-page-sounds{font-size:30px;font-weight:800;letter-spacing:2px;text-align:center;color:#1f2937}.q-g2-s29 .tally-card{width:min(780px,94%);padding:36px;gap:18px}.q-g2-s29 .tally-page-sounds{font-size:40px;letter-spacing:3px}.q-g4-s7 .mech{padding-top:7vh}.q-g4-s7 .prompt-footer{text-align:center;font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:600;max-width:900px;margin:6px auto 4px}.prompt-footer{text-align:left;max-width:900px;margin:4px auto 0;font-size:1.15rem;font-weight:600;line-height:1.4;color:var(--color-ink, #263040)}.q-g4-s2 .prompt-footer{text-align:center;font-size:clamp(1.2rem,2.7vw,1.6rem);font-weight:700;max-width:950px;margin:12px auto 6px;line-height:1.4}.q-g4-s35 .prompt-sub{white-space:pre-line;max-width:720px;margin:8px auto 4px;text-align:center;color:#1f2937;font-size:1.05rem;line-height:1.55}.q-g4-s3 .mech,.q-g4-s4 .mech,.q-g4-s5 .mech{padding-top:7vh}.q-g4-s16 .opts.grid.dense{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:720px;margin-left:auto;margin-right:auto}.q-g4-s16 .opts.grid.dense .opt{width:100%;height:auto;aspect-ratio:1 / 1}.q-g4-s25 .opts.grid.dense{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:860px;margin-left:auto;margin-right:auto}.q-g4-s25 .opts.grid.dense .opt{width:100%;height:auto;aspect-ratio:1 / 1.12;flex-direction:column}.q-g4-s25 .opt-caption{display:block;font-size:.85rem;margin-top:2px}.q-g4-s26 .opt-caption{display:none}.q-g4-s26 .opts.grid.dense{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:780px;margin-left:auto;margin-right:auto}.q-g4-s26 .opts.grid.dense .opt{width:100%;height:auto;aspect-ratio:1 / 1}.q-g4-s32 .opts.grid,.q-g4-s32 .opts.grid.many{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:840px;margin-left:auto;margin-right:auto}.q-g4-s17 .colorseq-mech{justify-content:center;padding-bottom:6vh}.q-g4-s17 .colorseq-pool{margin-top:3vh}.q-g4-s18 .mech,.q-g4-s19 .mech{padding-top:6vh}.q-g4-s19 .stimulus img{max-height:320px}.q-g4-s32 .opts.grid,.q-g4-s32 .opts.grid.many{gap:20px;max-width:960px}.q-g4-s32 .opts .opt{aspect-ratio:1 / 1;min-height:150px}.q-g4-s32 .opt img{max-height:118px}.q-g4-s34 .opts .opt{min-height:168px}.q-g4-s34 .opt img{max-height:138px}.q-g4-s37 .opts.grid,.q-g4-s37 .opts.grid.many{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:920px;margin-left:auto;margin-right:auto}.q-g4-s36 .stimulus img{max-height:470px}.q-g4-s34 .stimulus img{max-height:300px}.q-g4-s34 .opts.grid,.q-g4-s34 .opts.grid.many{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:660px;margin-left:auto;margin-right:auto}.q-g4-s34 .opts.grid .opt{width:100%;aspect-ratio:1 / 1;padding:8px}.q-g4-s34 .opts.grid .opt img{max-height:100%;max-width:100%}.q-g4-s35 .stimulus img{max-height:480px}.q-g4-s35 .opts.grid,.q-g4-s35 .opts.grid.many{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:460px;margin-left:auto;margin-right:auto}.q-g4-s35 .opts.grid .opt{width:100%;aspect-ratio:1 / 1;padding:6px}.q-g4-s35 .opts.grid .opt img{max-height:100%;max-width:100%}.q-g4-s38 .stimulus{display:flex;justify-content:center;width:100%}.q-g4-s21 .prompt-sub{white-space:pre-line;text-align:left;max-width:720px;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.5}.q-g4-s50 .opts.grid,.q-g4-s51 .opts.grid{flex-wrap:nowrap;gap:18px;max-width:1120px;margin-left:auto;margin-right:auto}.q-g4-s50 .opts.grid .opt,.q-g4-s51 .opts.grid .opt{flex:0 0 auto;width:250px;height:250px;padding:6px}.q-g4-s50 .opts.grid .opt img,.q-g4-s51 .opts.grid .opt img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.q-g4-s52 .opts.grid{flex-direction:column;flex-wrap:nowrap;gap:10px;max-width:760px;margin-left:auto;margin-right:auto}.q-g4-s52 .opts.grid .opt{width:100%;padding:6px 12px}.q-g4-s52 .opts.grid .opt img{width:100%;height:auto;max-width:100%;max-height:108px;object-fit:contain}.order-story{max-width:1040px;margin:0 auto 6px;background:#820ad112;border:2px solid rgba(130,10,209,.38);border-radius:14px;padding:14px 22px;text-align:left;font-size:1.22rem;font-weight:600;line-height:1.5;color:#2b3644}.order-story p{margin:6px 0}.q-g4-s23 .order-story{max-width:820px;padding:9px 16px;font-size:.9rem;line-height:1.4}.q-g4-s23 .order-story p{margin:3px 0}.colorseq-mech{gap:8px;align-items:center}.colorseq-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:110px;width:100%;max-width:760px;margin:2vh auto 0;border:2px dashed #820ad1;border-radius:16px;padding:14px;background:#faf5ff}.colorseq-hint{color:#9b7bbd;font-size:1rem}.colorseq-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:2vh}.colorseq-btn{position:relative;width:120px;height:84px;border-radius:16px;border:3px solid rgba(0,0,0,.14);cursor:grab;touch-action:none;box-shadow:0 3px 8px #0000002e}.colorseq-btn.dragging{opacity:.3}.colorseq-badge{position:absolute;top:-11px;left:-11px;width:30px;height:30px;border-radius:50%;background:#111;color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center}.colorseq-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);width:120px;height:84px;border-radius:16px;border:3px solid rgba(0,0,0,.2);box-shadow:0 6px 14px #00000059}.order-mech{gap:6px;align-items:center;padding-top:5vh}.order-sort{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;width:100%;max-width:1180px;margin:3vh auto 0}.order-sort-card{position:relative;width:190px;height:160px;border:3px solid #d4d4d4;border-radius:14px;background:#fff;box-shadow:0 6px #d4d4d4;display:flex;align-items:center;justify-content:center;padding:10px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .12s,transform .08s,border-color .12s}.order-sort-card img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.order-sort-card.dragging{cursor:grabbing;border-color:#820ad1;box-shadow:0 12px 24px #820ad159;transform:scale(1.04);z-index:5;opacity:.95}.order-seq{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:1180px;margin-top:1.5vh}.order-slot{position:relative;width:262px}.order-badge{position:absolute;top:-9px;left:-9px;z-index:2;width:26px;height:26px;border-radius:50%;background:#820ad1;color:#fff;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center}.order-empty{display:block;width:262px;height:218px;border:2px dashed #cbb6e6;border-radius:12px;background:#faf7ff}.order-card{border:2px solid #d8dde4;background:#fff;border-radius:12px;padding:6px;cursor:pointer;box-shadow:0 2px 6px #0000001a;display:flex;align-items:center;justify-content:center;width:262px;height:218px}.order-card img{max-width:100%;max-height:100%}.order-card.in-seq{border-color:#820ad1}.order-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:1220px;margin-top:1.5vh}.order-pool .order-card{width:292px;height:242px}.order-pool-empty{color:var(--color-muted);font-style:italic}.q-s9 .mech{max-width:1320px}.q-s9 .opts.grid .opt img{max-height:250px;max-width:400px}.q-s15 .mech{max-width:1300px}.q-s15 .part-card .opts{margin-top:5vh}.q-s15 .opts.grid.many .opt img{max-height:170px;max-width:230px}.q-s16 .opts.grid .opt img{max-height:150px;max-width:170px}.q-s34 .opts.grid .opt img,.q-s35 .opts.grid .opt img,.q-s36 .opts.grid .opt img,.q-s37 .opts.grid .opt img,.q-s38 .opts.grid .opt img,.q-s39 .opts.grid .opt img{max-height:270px;max-width:300px}.q-s34 .mech,.q-s35 .mech,.q-s36 .mech,.q-s37 .mech,.q-s38 .mech,.q-s39 .mech{justify-content:center;padding-bottom:7vh}.q-s34 .opts,.q-s35 .opts,.q-s36 .opts,.q-s37 .opts,.q-s38 .opts,.q-s39 .opts{margin-top:6vh;margin-bottom:0}.q-s34 .opts.grid .opt img,.q-s35 .opts.grid .opt img,.q-s36 .opts.grid .opt img,.q-s37 .opts.grid .opt img,.q-s38 .opts.grid .opt img,.q-s39 .opts.grid .opt img{max-height:200px;max-width:220px}.q-s41 .mech,.q-s42 .mech,.q-s43 .mech,.q-s46 .mech,.q-s47 .mech,.q-s51 .mech{padding-top:8vh}.q-s41 .opts,.q-s42 .opts,.q-s43 .opts,.q-s46 .opts,.q-s47 .opts,.q-s51 .opts{margin-top:5vh}.q-s41 .opts.list.short .opt,.q-s42 .opts.list.short .opt,.q-s43 .opts.list.short .opt,.q-s46 .opts.list.short .opt,.q-s47 .opts.list.short .opt,.q-s51 .opts.list.short .opt{min-height:100px;padding:22px 28px}.q-s41 .opts.list.short.eq .opt,.q-s42 .opts.list.short.eq .opt,.q-s43 .opts.list.short.eq .opt,.q-s46 .opts.list.short.eq .opt,.q-s47 .opts.list.short.eq .opt,.q-s51 .opts.list.short.eq .opt{width:300px}.q-s41 .opt-text,.q-s42 .opt-text,.q-s43 .opt-text,.q-s46 .opt-text,.q-s47 .opt-text,.q-s51 .opt-text{font-size:1.4rem}.q-s3 .stimulus img{max-height:460px}.q-s3 .opt{padding:22px 42px}.q-s3 .opt-text{font-size:1.75rem}.q-s6 .stimulus img{max-height:540px}.q-s6 .opts.list.short .opt{padding:13px 32px}.q-s6 .opt-text{font-size:1.3rem}.q-s9 .opts.grid .opt img{max-height:300px;max-width:470px}.q-s16 .stimulus img{max-height:360px}.q-s16 .opts.grid .opt img{max-height:120px;max-width:135px}.q-s15 .part-card .opts{margin-top:8vh}.q-s15 .opts.grid.many .opt img{max-height:205px;max-width:275px}.q-s14 .opts{margin-top:2vh}.q-s14 .opts.grid.many .opt img{max-height:150px;max-width:210px}.q-g2-s23 .opts.grid{flex-direction:column;align-items:center;gap:14px;max-width:980px}.q-g2-s23 .opts.grid .opt{width:100%}.q-g2-s23 .opts.grid .opt img{max-width:920px;max-height:150px;width:100%}.q-g2-s28 .mech{justify-content:center}.q-g2-s28 .opts{margin-bottom:0}.q-g2-s35 .opts.grid{display:grid;grid-template-columns:repeat(4,1fr);justify-items:stretch;align-items:stretch;max-width:800px;gap:16px}.q-g2-s35 .opts.grid .opt{width:100%;box-sizing:border-box}.q-g2-s35 .opts.grid .opt img{max-height:130px;max-width:100%}.q-g2-s35 .opt-caption{display:none}.q-g2-s3 .mech{padding-top:4vh}.q-g2-s3 .opts.list.short .opt{min-width:110px;padding:18px 46px}.q-g2-s3 .opt-text{font-size:1.9rem}.q-g2-s4 .mech,.q-g2-s5 .mech,.q-g2-s6 .mech,.q-g2-s7 .mech,.q-g2-s8 .mech{padding-top:4vh}.q-g2-s4 .opts.list.short .opt{min-width:100px;padding:16px 40px}.q-g2-s4 .opt-text{font-size:1.8rem}.q-g2-s7 .opts.list.short .opt{min-width:110px;padding:18px 46px}.q-g2-s7 .opt-text{font-size:1.9rem}.q-g2-s5 .stimulus img{max-height:410px}.q-g2-s5 .opts.list.short .opt{padding:16px 34px}.q-g2-s5 .opt-text{font-size:1.5rem}.q-g2-s18 .mech{padding-top:4vh}.q-g2-s18 .stimulus img{max-height:620px;max-width:860px}.q-g2-s18 .opts.list.short .opt{width:140px;min-width:0;padding:20px 0}.q-g2-s18 .opt-text{font-size:2rem}.q-g2-s19 .shape-svg{width:66px;height:66px}.q-g2-s19 .shape-btn{border:2px solid #d9d9e2;background:#f7f7fb;box-shadow:0 2px 3px #00000014;padding:8px}.q-g2-s19 .shape-btn.sel{border-color:#820ad1;background:#f3eafc}.q-g2-s19 .shape-grid{display:grid;grid-template-columns:repeat(8,1fr);justify-items:center;align-items:center;gap:10px;max-width:780px}.q-g2-s20 .assign-hint{font-size:1.45rem;font-weight:800;color:#17181a}.q-g2-s20 .assign-pool{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;align-items:center}@media(max-width:1100px){.mech{max-width:100%}}@media(max-width:860px){.poc-stage{padding:14px 10px 48px}.prompt{font-size:1.3rem}.story-text{font-size:1.25rem}.prompt-sub,.opt-text{font-size:1.02rem}.opts.grid .opt img{max-width:42vw;max-height:30vh}.opts.grid.many .opt img{max-width:27vw;max-height:20vh}.stimulus img{max-height:30vh}.shared-stimulus img{max-height:26vh}.reveal-stage img{max-height:44vh}.part-nav{max-width:100%}}.q-s26 .mech,.q-s27 .mech,.q-s28 .mech,.q-s31 .mech{justify-content:center}.q-s26 .opts,.q-s27 .opts,.q-s28 .opts,.q-s31 .opts{margin-top:4vh;margin-bottom:0}.q-s32 .mech{padding-top:5vh}.q-s15 .mech.composite>.prompt,.q-s21 .mech.composite>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s15 .part-card .opts{margin-top:3vh}.q-s22 .shared-stimulus{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s22 .shared-stimulus img{height:300px;width:auto;max-height:none;max-width:100%}.q-s22 .part-card .opts .opt img{max-height:120px}.q-s19 .stimulus img{height:360px;width:auto;max-height:none;max-width:100%}.q-s19 .opts .opt img{max-height:130px}.q-s14 .waveform,.q-s29 .waveform,.q-g2-s26 .waveform{height:200px;gap:14px}.q-s14 .waveform span,.q-s29 .waveform span,.q-g2-s26 .waveform span{width:12px;border-radius:6px;animation-name:wave-buyuk}@keyframes wave-buyuk{0%,to{height:36px}50%{height:170px}}.q-s23 .order-seq,.q-s23 .order-pool{flex-wrap:nowrap;max-width:1180px}.q-s23 .order-slot{width:calc((100% - 36px)/4)}.q-s23 .order-pool .order-card{width:calc((100% - 42px)/4);height:auto;aspect-ratio:292 / 242}.q-s23 .order-card{padding:0;overflow:hidden}.q-s23 .order-card.in-seq,.q-s23 .order-empty{width:100%;height:auto;aspect-ratio:292 / 242}.q-s23 .order-card img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block}.q-s35 .mech,.q-s36 .mech,.q-s37 .mech,.q-s38 .mech,.q-s39 .mech{justify-content:center}.q-s35 .mech:not(.audio-gated)>.prompt,.q-s36 .mech:not(.audio-gated)>.prompt,.q-s37 .mech:not(.audio-gated)>.prompt,.q-s38 .mech:not(.audio-gated)>.prompt,.q-s39 .mech:not(.audio-gated)>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s35 .opts,.q-s36 .opts,.q-s37 .opts,.q-s38 .opts,.q-s39 .opts{margin-top:3vh;margin-bottom:0}.q-s3 .mech,.q-s5 .mech{justify-content:center}.q-s3 .mech>.prompt,.q-s5 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s3 .opts,.q-s5 .opts{margin-top:3vh;margin-bottom:0}.q-s5 .stimulus img{height:320px;width:auto;max-height:none;max-width:100%}.q-s8 .mech{justify-content:center}.q-s8 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s8 .opts{margin-top:4vh;margin-bottom:0;zoom:.85}.q-s9 .mech{justify-content:center}.q-s9 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s9 .opts{flex-wrap:nowrap;max-width:1120px;margin-top:3vh;margin-bottom:0}.q-s9 .opts .opt{flex:1 1 0;max-width:360px}.q-s9 .opts.grid .opt img{max-width:100%;max-height:240px}.q-s41 .mech,.q-s42 .mech,.q-s43 .mech,.q-s46 .mech,.q-s47 .mech,.q-s51 .mech{justify-content:center}.q-s41 .mech>.prompt,.q-s42 .mech>.prompt,.q-s43 .mech>.prompt,.q-s46 .mech>.prompt,.q-s47 .mech>.prompt,.q-s51 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s41 .opts,.q-s42 .opts,.q-s43 .opts,.q-s46 .opts,.q-s47 .opts,.q-s51 .opts{margin-top:3vh;margin-bottom:0}.q-g2-s44 .mech,.q-g2-s45 .mech,.q-g2-s46 .mech,.q-g2-s47 .mech,.q-g2-s48 .mech,.q-g2-s49 .mech,.q-g3-s39 .mech,.q-g3-s40 .mech,.q-g3-s41 .mech,.q-g3-s42 .mech,.q-g3-s43 .mech,.q-g3-s44 .mech,.q-g4-s40 .mech,.q-g4-s42 .mech,.q-g4-s43 .mech,.q-g4-s46 .mech,.q-g4-s47 .mech,.q-g4-s48 .mech{justify-content:center}.q-g2-s44 .mech>.prompt,.q-g2-s45 .mech>.prompt,.q-g2-s46 .mech>.prompt,.q-g2-s47 .mech>.prompt,.q-g2-s48 .mech>.prompt,.q-g2-s49 .mech>.prompt,.q-g3-s39 .mech>.prompt,.q-g3-s40 .mech>.prompt,.q-g3-s41 .mech>.prompt,.q-g3-s42 .mech>.prompt,.q-g3-s43 .mech>.prompt,.q-g3-s44 .mech>.prompt,.q-g4-s40 .mech>.prompt,.q-g4-s42 .mech>.prompt,.q-g4-s43 .mech>.prompt,.q-g4-s46 .mech>.prompt,.q-g4-s47 .mech>.prompt,.q-g4-s48 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s44 .opts,.q-g2-s45 .opts,.q-g2-s46 .opts,.q-g2-s47 .opts,.q-g2-s48 .opts,.q-g2-s49 .opts,.q-g3-s39 .opts,.q-g3-s40 .opts,.q-g3-s41 .opts,.q-g3-s42 .opts,.q-g3-s43 .opts,.q-g3-s44 .opts,.q-g4-s40 .opts,.q-g4-s42 .opts,.q-g4-s43 .opts,.q-g4-s46 .opts,.q-g4-s47 .opts,.q-g4-s48 .opts{margin-top:3vh;margin-bottom:0}.q-s6 .mech{justify-content:center}.q-s6 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s6 .opts{margin-top:-2vh;margin-bottom:0}.q-s13 .mech{justify-content:center}.q-s13 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s13 .stimulus img{max-height:330px}.q-s13 .opts{margin-top:3vh;margin-bottom:0}.q-s13 .opts.grid .opt{width:180px;height:180px}.q-s13 .opts.grid .opt img{max-width:160px;max-height:160px}.q-s16 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s16 .mech{justify-content:center}.q-s16 .opts{margin-top:4vh;margin-bottom:0}.q-s17 .mech{justify-content:center}.q-s17 .mech>.prompt{width:100%;max-width:900px;padding-bottom:1.6vh;border-bottom:1.5px solid #ececec}.q-s17 .mech.compact .stimulus img{max-height:90px}.q-s17 .opts.grid.dense{display:grid;grid-template-columns:repeat(7,72px);gap:6px;justify-content:center;margin-top:1.6vh;margin-bottom:0}.q-s17 .opts.grid.dense .opt{width:72px;height:72px;margin:0}.q-s17 .opts.grid.dense .opt img{max-width:60px;max-height:60px}.q-s19 .mech{justify-content:center}.q-s19 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-s19 .opts{margin-top:3vh;margin-bottom:0}.rp-main.poc-g1{height:82vh;min-height:0;overflow:hidden}html:has(.rp-main.poc-g1),body:has(.rp-main.poc-g1){overflow:hidden}.rp-main.poc-g1>.mech,.rp-main.poc-g2>.mech,.rp-main.poc-g3>.mech,.rp-main.poc-g4>.mech{zoom:var(--rp-z, 1)}@media(max-height:900px){.rp-main.poc-g1{--rp-z: .93}}@media(max-height:820px){.rp-main.poc-g1{--rp-z: .84}}@media(max-height:720px){.rp-main.poc-g1{--rp-z: .74}}.q-g2-s2 .mech>.prompt-sub{width:100%;max-width:900px;text-align:center;padding-bottom:2.4vh;margin-bottom:1.5vh;border-bottom:1.5px solid #ececec}.q-g2-s3 .mech{justify-content:center}.q-g2-s3 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s3 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s4 .mech{justify-content:center}.q-g2-s4 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s4 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s5 .mech{justify-content:center}.q-g2-s5 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s5 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s6 .mech{justify-content:center}.q-g2-s6 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s6 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s7 .mech{justify-content:center}.q-g2-s7 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s7 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s18 .mech{justify-content:center}.q-g2-s18 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s18 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s19 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s20 .mech{justify-content:center}.q-g2-s20 .mech>.assign-hint{width:100%;max-width:900px;text-align:center;padding-top:2.4vh;margin-top:1vh;border-top:1.5px solid #ececec}.q-g2-s23 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s28 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s28 .opts{margin-top:4vh;max-width:1160px;flex-wrap:nowrap}.q-g2-s28 .opts.grid .opt{width:262px;height:262px}.q-g2-s28 .opts.grid .opt img{max-width:240px;max-height:240px}.q-g2-s28 .opts.grid .opt{padding:0;overflow:hidden}.q-g2-s28 .opts.grid .opt img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:9px}.q-g2-s29 .mech{justify-content:center}.q-g2-s29 .mech>.tally-warn-note{width:100%;max-width:900px;text-align:center;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec;margin-bottom:1.5vh}.q-g2-s30 .mech.composite{justify-content:center}.q-g2-s30 .mech.composite>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s30 .part-card .prompt{font-size:1.6rem}.q-g2-s30 .part-card .opts{margin-top:3vh;gap:22px}.q-g2-s30 .part-card .opts .opt{min-width:190px;padding:20px 44px}.q-g2-s30 .part-card .opt-text{font-size:1.6rem}.q-g2-s30 .part-nav{margin-top:4vh}.q-g2-s34 .mech.composite{justify-content:center}.q-g2-s34 .mech.composite>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s34 .part-card .prompt{font-size:1.6rem}.q-g2-s34 .part-card .opts{margin-top:3vh;gap:22px}.q-g2-s34 .part-card .opts .opt{min-width:190px;padding:20px 44px}.q-g2-s34 .part-card .opt-text{font-size:1.6rem}.q-g2-s34 .part-nav{margin-top:4vh}.q-g2-s35 .mech{justify-content:center;padding-top:0}.q-g2-s35 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s35 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s37 .mech{justify-content:center}.q-g2-s37 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s38 .mech{justify-content:center}.q-g2-s38 .mech>.tally-warn-note{width:100%;max-width:900px;text-align:center;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec;margin-bottom:1.5vh}.q-g2-s40 .mech,.q-g2-s41 .mech{justify-content:center;padding-top:0}.q-g2-s40 .opts,.q-g2-s41 .opts{margin-top:4vh;margin-bottom:0}.q-g2-s40 .reveal-stage img{max-height:440px}.q-g2-s42 .mech{justify-content:center}.q-g2-s42 .mech>.prompt{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s42 .opts{margin-top:4vh;margin-bottom:0}.poc-g2 .mech:not(.part-card>.mech):not(:has(>.q-divider)):not(:has(>.prompt-sub)):not(:has(>.tally-warn-note))>.prompt,.poc-g2 .mech:not(.part-card>.mech):not(:has(>.q-divider))>.prompt-sub,.poc-g2 .mech:not(.part-card>.mech):not(:has(>.q-divider))>.tally-warn-note{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g2-s44 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g2-s45 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g2-s46 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g2-s47 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g2-s48 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g2-s49 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub{padding-bottom:0;border-bottom:none}.q-g2-s44 .mech>.prompt-sub,.q-g2-s45 .mech>.prompt-sub,.q-g2-s46 .mech>.prompt-sub,.q-g2-s47 .mech>.prompt-sub,.q-g2-s48 .mech>.prompt-sub,.q-g2-s49 .mech>.prompt-sub,.q-g3-s39 .mech>.prompt-sub,.q-g3-s40 .mech>.prompt-sub,.q-g3-s41 .mech>.prompt-sub,.q-g3-s42 .mech>.prompt-sub,.q-g3-s43 .mech>.prompt-sub,.q-g3-s44 .mech>.prompt-sub,.q-g4-s40 .mech>.prompt-sub,.q-g4-s42 .mech>.prompt-sub,.q-g4-s43 .mech>.prompt-sub,.q-g4-s46 .mech>.prompt-sub,.q-g4-s47 .mech>.prompt-sub,.q-g4-s48 .mech>.prompt-sub{width:100%;max-width:900px;text-align:center}.poc-g2 .reading-side>.reading-q{padding-bottom:2vh;border-bottom:1.5px solid #ececec;margin-bottom:1.5vh}.poc-g3 .mech:not(.part-card>.mech):not(:has(>.q-divider)):not(:has(>.prompt-sub)):not(:has(>.tally-warn-note))>.prompt,.poc-g3 .mech:not(.part-card>.mech):not(:has(>.q-divider))>.prompt-sub,.poc-g3 .mech:not(.part-card>.mech):not(:has(>.q-divider))>.tally-warn-note{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g3-s39 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g3-s40 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g3-s41 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g3-s42 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g3-s43 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g3-s44 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub{padding-bottom:0;border-bottom:none}.poc-g3 .reading-side>.reading-q{padding-bottom:2vh;border-bottom:1.5px solid #ececec;margin-bottom:1.5vh}.rp-main.poc-g2,.rp-main.poc-g3{height:82vh;min-height:0;overflow:hidden}html:has(.rp-main.poc-g2),body:has(.rp-main.poc-g2),html:has(.rp-main.poc-g3),body:has(.rp-main.poc-g3){overflow:hidden}@media(max-height:900px){.rp-main.poc-g2,.rp-main.poc-g3{--rp-z: .93}}@media(max-height:820px){.rp-main.poc-g2,.rp-main.poc-g3{--rp-z: .84}}@media(max-height:720px){.rp-main.poc-g2,.rp-main.poc-g3{--rp-z: .74}}.q-g3-s20 .mech,.rp-main.q-g3-s20>.mech{zoom:calc(var(--rp-z, 1) * .86)}.q-g3-s21 .mech,.rp-main.q-g3-s21>.mech{zoom:calc(var(--rp-z, 1) * .9)}.q-g3-s25 .opts.grid .opt{padding:6px;overflow:hidden}.q-g3-s25 .opts.grid .opt img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:9px}.rp-main.q-g3-s25>.mech{max-width:1280px}.q-g3-s25 .mech>.prompt{font-size:1.35rem;line-height:1.4;max-width:820px}.q-g3-s25 .opts.grid:not(.dense):not(.many){max-width:1240px}.q-g3-s25 .opts.grid:not(.dense):not(.many) .opt{max-width:300px;aspect-ratio:292 / 242}.q-g3-s25 .opts.grid:not(.dense):not(.many) .opt img{max-height:none}.q-g3-s28 .tally-card img{max-height:250px!important}.q-g3-s28 .mech,.rp-main.q-g3-s28>.mech{zoom:calc(var(--rp-z, 1) * .92)}.q-g3-s29 .mech,.rp-main.q-g3-s29>.mech{zoom:calc(var(--rp-z, 1) * .92)}.q-g3-s29 .mech>.prompt-sub{text-align:center}.q-g3-s33 .mech.mech.mech.mech.mech>.tally-warn-note.tally-warn-note,.q-g3-s37 .mech.mech.mech.mech.mech>.tally-warn-note.tally-warn-note{order:-1;font-size:1.25rem;font-weight:700;color:var(--color-text, #1f1f1f);line-height:1.4;border-bottom:none;padding-bottom:0;margin-bottom:1vh}.q-g3-s33 .mech>.tally-instruction,.q-g3-s37 .mech>.tally-instruction{width:100%;max-width:900px;font-weight:500;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g3-s37 .mech,.rp-main.q-g3-s37>.mech{zoom:calc(var(--rp-z, 1) * .84)}.q-g3-s8 .mech,.rp-main.q-g3-s8>.mech{zoom:calc(var(--rp-z, 1) * .84)}.q-g3-s8 .mech>.prompt-sub{text-align:center}.poc-g4 .mech:not(.part-card>.mech):not(:has(>.q-divider)):not(:has(>.prompt-sub)):not(:has(>.tally-warn-note))>.prompt,.poc-g4 .mech:not(.part-card>.mech):not(:has(>.q-divider))>.prompt-sub,.poc-g4 .mech:not(.part-card>.mech):not(:has(>.q-divider))>.tally-warn-note{width:100%;max-width:900px;padding-bottom:2.4vh;border-bottom:1.5px solid #ececec}.q-g4-s40 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g4-s42 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g4-s43 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g4-s46 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g4-s47 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub,.q-g4-s48 .mech.mech.mech.mech.mech>.prompt-sub.prompt-sub{padding-bottom:0;border-bottom:none}.poc-g4 .reading-side>.reading-q{padding-bottom:2vh;border-bottom:1.5px solid #ececec;margin-bottom:1.5vh}.rp-main.poc-g4{height:82vh;min-height:0;overflow:hidden}html:has(.rp-main.poc-g4),body:has(.rp-main.poc-g4){overflow:hidden}@media(max-height:900px){.rp-main.poc-g4{--rp-z: .93}}@media(max-height:820px){.rp-main.poc-g4{--rp-z: .84}}@media(max-height:720px){.rp-main.poc-g4{--rp-z: .74}}.q-g4-s2 .mech>.prompt-footer,.q-g4-s7 .mech>.prompt-footer{width:100%;max-width:900px;padding-bottom:2vh;border-bottom:1.5px solid #ececec}.q-g4-s35 .mech,.rp-main.q-g4-s35>.mech{zoom:calc(var(--rp-z, 1) * .9)}.poc-g4 .mech:not(.reading){justify-content:center}.poc-g4 .mech>.prompt-sub,.poc-g4 .mech>.tally-warn-note{text-align:center}.poc-g4 .waveform{gap:16px;height:230px}.poc-g4 .waveform span{width:16px;border-radius:6px;animation-name:wave-g3}.q-g4-s35 .stimulus img{max-height:440px}.q-g4-s35 .opts.grid,.q-g4-s35 .opts.grid.many{max-width:330px;gap:10px}.q-g4-s37 .opts.grid,.q-g4-s37 .opts.grid.many{max-width:660px;gap:16px}.q-g4-s37 .opts.grid .opt img{max-height:90px}.q-g4-s37 .stimulus img{max-height:320px}.q-g4-s54 .opts.grid,.q-g4-s54 .opts.grid.many{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px;margin-left:auto;margin-right:auto}.q-g4-s54 .opts.grid .opt{width:100%}.q-g4-s54 .opts.grid .opt img{max-height:150px;max-width:100%}.poc-g4 .mech:not(.reading)>.opts{margin-top:4vh;margin-bottom:0}.q-g3-s2 .stimulus img{max-height:26vh}.q-g3-s2 .opts.grid:not(.dense):not(.many) .opt{max-width:400px}.q-g3-s2 .opts.grid:not(.dense):not(.many) .opt img{max-height:31vh}.poc-g3 .mech.reading{max-width:1400px;gap:24px;align-items:center}.poc-g3 .reading-passage{flex:0 1 64%;max-height:none;overflow:visible;padding:14px 22px}.poc-g3 .reading-passage p{font-size:min(1.1rem,2.15vh);line-height:1.5;margin-bottom:.8vh}.poc-g3 .reading-side{flex:1 1 36%}.poc-g3 .reading-side>.reading-q{font-size:min(1.3rem,2.6vh)}.poc-g3 .reading-opt{padding:12px 14px}.poc-g3 .reading-opt .opt-text{font-size:min(1.1rem,2.1vh)}.poc-g2 .mech.reading,.poc-g4 .mech.reading{max-width:1400px;gap:24px;align-items:center}.poc-g2 .reading-passage,.poc-g4 .reading-passage{flex:0 1 64%;max-height:none;overflow:visible;padding:14px 22px}.poc-g2 .reading-passage p,.poc-g4 .reading-passage p{font-size:min(1.1rem,2.15vh);line-height:1.5;margin-bottom:.8vh}.poc-g2 .reading-side,.poc-g4 .reading-side{flex:1 1 36%}.poc-g2 .reading-side>.reading-q,.poc-g4 .reading-side>.reading-q{font-size:min(1.3rem,2.6vh)}.poc-g2 .reading-opt,.poc-g4 .reading-opt{padding:12px 14px}.poc-g2 .reading-opt .opt-text,.poc-g4 .reading-opt .opt-text{font-size:min(1.1rem,2.1vh)}.q-g4-s23 .order-story{max-width:1100px;padding:12px 20px;font-size:min(1.05rem,2.05vh);line-height:1.42}.q-g4-s23 .order-story p{margin:4px 0}.q-g4-s21 .mech>.applicator-note{color:#111827;font-weight:800;font-size:1.7rem;margin:0 0 3vh}.tap-ready{margin:0 0 3vh;font-size:1.6rem;font-weight:800;color:#820ad1}.tap-btn:disabled{opacity:.45;cursor:default}.colorseq-undo-hint{margin:4px 0 0;color:var(--color-muted);font-size:.95rem;text-align:center}.q-g4-s23 .order-sort{margin-top:2vh;gap:14px}.q-g4-s23 .order-sort-card{box-sizing:border-box;width:196px;height:150px;padding:8px}.mech>.applicator-note{color:#1f2937;font-weight:800;font-size:1.15rem}.q-g4-s55 .mech>.tally-warn-note{order:-1;color:#111827;font-weight:800;font-size:1.5rem;margin:0 0 2vh}.poc-g1 .reading-passage,.poc-g2 .reading-passage,.poc-g3 .reading-passage,.poc-g4 .reading-passage{padding:28px}.poc-g1 .reading-passage p,.poc-g2 .reading-passage p,.poc-g3 .reading-passage p,.poc-g4 .reading-passage p{font-size:min(1.25rem,2.45vh);line-height:1.6;margin-bottom:1.2vh}.q-g2-s40 .opts.grid .opt img{max-height:170px;max-width:190px}.q-g2-s40 .opts.grid .opt{padding:8px}.q-g2-s40 .opts.grid{max-width:700px;margin-left:auto;margin-right:auto}.q-g4-s18 .prompt-footer{text-align:center;font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:700;margin:1.5vh auto 0}.rp-root{--rp-purple: #820ad1;--rp-frame: #f2f2f2;position:relative;min-height:100vh;background:#fff;font-family:var(--font-body, "Como", system-ui, sans-serif);color:#1c1c1e}.rp-root button{font-family:var(--font-body, "Como", system-ui, sans-serif)}.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7vh;border:none;color:#fff;background:#820ad1;border-radius:16px;box-shadow:0 3px #4c0677;cursor:pointer;transition:transform .06s ease,box-shadow .12s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.rp-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #4c0677}.rp-btn:disabled{opacity:.65;cursor:default}.rp-ico{width:2.5vh;height:2.5vh}.rp-ico-sm{width:2vh;height:2vh}.rp-top{position:fixed;top:0;left:0;right:0;height:8vh;z-index:9999;background:#fff;box-shadow:0 2px 5px #0000001a;display:grid;grid-template-columns:minmax(calc(10vh + 1vw),1fr) minmax(0,10fr) minmax(calc(10vh + 1vw),1fr);align-items:center;padding:0 1vw}.rp-top>.rp-back,.rp-top>.rp-timer{justify-self:center}.rp-back{width:10vh;height:4vh;padding:0}.rp-timer{width:10vh;height:4vh;padding:0;gap:.4vh;opacity:.65;font-family:"Como-Bold",var(--font-body, "Como", system-ui, sans-serif);font-weight:700;font-size:2vh}.rp-timer .rp-ico-sm{width:1.8vh;height:1.8vh}.rp-timer.low{background:#c92a2a;box-shadow:0 3px #7d1414;opacity:1}.rp-time{font-variant-numeric:tabular-nums}.rp-dots{flex:1;display:flex;align-items:center;justify-content:center;gap:1vh;overflow:hidden}.rp-dot{width:1.2vh;height:1.2vh;border-radius:50%;border:.2vh solid #ccc;background:#fff;flex:none}.rp-dot.done,.rp-dot.current{background:var(--rp-purple);border-color:var(--rp-purple)}.rp-main{margin-top:8vh;margin-bottom:10vh;min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:1.5vh 3vw}.rp-bottom{position:fixed;bottom:0;left:0;right:0;height:10vh;background:#fff;border-top:1px solid rgba(0,0,0,.25);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(calc(15vh + 1vw),3fr);align-items:center;padding:0 1vw}.rp-bottom>*{justify-self:center}.rp-frame{height:7vh;border-radius:15px;background:var(--rp-frame);padding:0 2.2vh;display:flex;align-items:center;justify-content:center;gap:1vh;color:var(--rp-purple);font-weight:700;font-size:2.1vh}.rp-elapsed{min-width:11vh;font-variant-numeric:tabular-nums;color:var(--rp-purple)}.rp-area{max-width:100%;min-width:0}.rp-area-icon{display:inline-flex;flex:none}.rp-area-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-forward{width:15vh;height:7vh;border-radius:15px}.rp-main{position:relative;z-index:1}.rp-finish-scrim{position:fixed;inset:0;z-index:10000;background:#0006;display:flex;align-items:center;justify-content:center}.rp-finish-card{width:275px;padding:46px 47px 50px;border-radius:22px;background:#fff;box-shadow:0 10px 30px #00000026}.rp-finish-card p{margin:0 0 14px;color:#555;font-size:17px}.rp-finish-bar{height:6px;border-radius:4px;background:#e9ecef;overflow:hidden}.rp-finish-bar span{display:block;height:100%;width:0;background:#0d6efd;border-radius:4px;animation:rp-finish-dol 1.5s ease-out forwards}@keyframes rp-finish-dol{to{width:100%}}.rp-error{position:fixed;bottom:11vh;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:12px;background:#fff3f3;color:#c92a2a;border:1px solid #ffd0d0;font-size:.95rem;z-index:10000}.rp-msg{margin:auto;color:#6b6b70;font-size:1.1rem}.rp-done{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:40px}.rp-done-badge{width:96px;height:96px;border-radius:50%;background:#e6f7ec;color:#2b8a3e;display:flex;align-items:center;justify-content:center}.rp-done-badge .rp-ico{width:48px;height:48px}.rp-done h1{margin:6px 0 0;font-size:1.9rem}.rp-done p{margin:0;color:#6b6b70;font-size:1.1rem}.rp-pill{margin-top:14px;padding:12px 30px;font-size:1.1rem;font-weight:700}.rp-done-scrim{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:150px 16px 24px;background:#00000080}.rp-done-card{width:100%;max-width:500px;background:#fff;border:1px solid rgba(0,0,0,.175);border-radius:6px;overflow:hidden}.rp-done-card-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #dee2e6}.rp-done-card-head h2{margin:0;font-size:1.5rem;font-weight:400;color:#212529}.rp-done-close{border:none;background:transparent;font-size:1.8rem;font-weight:300;line-height:1;color:#6c757d;cursor:pointer;padding:0 4px}.rp-done-close:hover{color:#212529}.rp-done-card-body{margin:0;padding:24px;color:#6b6b70;font-size:1rem}.rp-done-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #dee2e6}.rp-done-cta{background:#820ad1;color:#fff;border:1px solid #820ad1;border-radius:4px;padding:6px 12px;font-size:1rem;font-weight:400;cursor:pointer}.rp-done-cta:hover{background:#9b5ac4;border-color:#9b5ac4}.rp-done-cta.rp-done-cta-ikincil{background:#fff;color:#820ad1}.rp-done-cta.rp-done-cta-ikincil:hover{background:#820ad1;color:#fff}.rp-main>.mech{animation:rp-soru-belir 2s ease both}@keyframes rp-soru-belir{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.rp-main>.mech{animation:none}}.rp-done-scrim{position:relative;z-index:10001}.rp-sync{position:fixed;bottom:11vh;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:12px;background:#fff9e6;color:#8a6100;border:1px solid #ffe3a3;font-size:.9rem;z-index:10000}.rp-error-retry{margin-left:12px;padding:4px 12px;border-radius:8px;border:1px solid #c92a2a;background:#fff;color:#c92a2a;font:inherit;cursor:pointer}.rp-hazirlik-bar span{animation:none;transition:width .3s ease-out}:root{--color-brand: #820ad1;--color-brand-dark: #4c0677;--color-text: #1c1c1e;--color-surface: #ffffff;--color-muted: #6b6b70;--font-body: "Como", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%;padding:clamp(1rem,4vw,3rem);text-align:center}.message{margin:0;font-size:clamp(1.125rem,2.5vw,1.75rem)}.debug{display:grid;grid-template-columns:auto auto;gap:.25rem 1rem;margin:0;font-size:.875rem;color:var(--color-muted)}.debug dt{text-align:right;font-weight:600}.debug dd{margin:0;text-align:left}