body.learner-mode{background:#fbfdff;color:#15345a}body.learner-mode #legacyHeader,body.learner-mode .demo{display:none}body.learner-mode main{padding:0;max-width:none}.session-top{position:sticky;top:0;z-index:10;background:#fff;min-height:100px;border-bottom:2px solid #e9eff8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:18px 4%;box-shadow:0 5px 15px #5277ac06}.top-tools{display:flex;align-items:center;gap:18px}.iconbtn{border:0;background:none;font-size:27px;color:#6884a3;padding:10px}.mand-trigger{border-radius:30px;background:#eef5ff;color:#1656b5;border:1px solid #c5dbfa;padding:11px 20px;white-space:nowrap}.top-tokens{display:flex;justify-content:center;flex-wrap:wrap;max-width:520px;gap:12px;border:none;padding:4px;background:transparent!important}.coin{width:45px;height:45px;border-radius:50%;border:2px solid #ccdaeb;background:#fff;display:grid;place-items:center;color:#b8750a;font-size:29px}.coin.filled{background:linear-gradient(140deg,#ffe98c,#ffc13e);border-color:#ffd462;box-shadow:inset 0 -3px 0 #efb334}.top-reward{justify-self:end;display:flex;align-items:center;gap:12px;text-align:left;border:none;padding:5px;background:transparent}.top-reward small{display:block;color:#607a96;font-size:13px;font-weight:400}.top-reward strong{font-size:18px;display:block;margin-top:4px}.reward-mini{font-size:37px}.reward-mini img{width:46px;height:46px;object-fit:contain}.session-body{max-width:1500px;margin:auto;padding:30px 4% 20px;min-height:calc(100dvh - 100px)}.path-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.path-title h1{font-size:36px;letter-spacing:-.6px}.path-title span{font-size:14px;color:#7790a9}.learning-path{height:430px;position:relative;margin:10px auto 5px}.path-line{position:absolute;width:100%;height:100%;inset:0}.path-stop{position:absolute;transform:translate(-50%,-50%);width:160px;background:transparent!important;border:0!important;padding:0;text-align:center;color:#19385d}.node-face{position:relative;display:flex;justify-content:center;align-items:center;margin:auto auto 17px;width:128px;height:128px;font-size:63px;background:linear-gradient(150deg,#f4f8ff,#dfebfc);border:3px solid #dbe7fb;border-radius:50%;box-shadow:0 7px 0 #d2e0f4,inset 0 3px 0 white;transition:transform .15s}.node-face img{width:82px;height:82px;border-radius:28px;object-fit:contain;mix-blend-mode:multiply}.path-stop:hover .node-face{transform:translateY(-5px)}.path-stop strong{display:block;font-size:19px}.path-stop small{display:inline-block;font-size:12px;background:#d8f5f0;color:#23786e;padding:5px 10px;border-radius:15px;margin-top:10px}.path-stop.current .node-face{background:linear-gradient(150deg,#4a9aff,#1264e7);border-color:#8dc1ff;box-shadow:0 7px 0 #0a54c7,inset 0 3px 0 #8cbeff}.path-stop.finished .node-face{background:#e2f6df;border-color:#ccefc5;box-shadow:0 7px 0 #b9ddb1}.break-stop .node-face{background:#d4f0f0;border-color:#bce7e6;box-shadow:0 7px 0 #a9d6d5}.checkmark{position:absolute;bottom:-10px;right:4px;width:32px;height:32px;border:3px solid white;background:#3cbb65;border-radius:50%;font-size:20px;color:white}.start-pill{display:inline-block;margin-top:13px;background:#1975f0;color:white;border-radius:20px;padding:7px 23px;font-size:14px;box-shadow:0 3px 0 #0d5dca}.stop-0{left:8%;top:44%}.stop-1{left:25%;top:59%}.stop-2{left:42%;top:29%}.stop-3{left:59%;top:64%}.stop-4{left:76%;top:36%}.stop-5{left:92%;top:56%}.path-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8396ab;margin-top:25px}.quiet{background:transparent;border:0;color:#6f829a;font-size:13px}.trial-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.trial-head h1{font-size:clamp(25px,3vw,40px);text-align:center;font-weight:700;margin:20px 0 30px}.backbtn,.speakbtn{border:1px solid #d3e4fc;border-radius:50%;background:#f0f6ff;color:#175dc5;width:47px;height:47px;padding:0;font-size:26px}.speakbtn{font-size:23px;margin-right:15px}.stimuli{display:flex;gap:24px;justify-content:center;margin:20px auto 30px;max-width:1200px}.stimulus{flex:1;min-width:0;aspect-ratio:1.07;max-width:370px;border:2px solid #d1def0;border-radius:26px;background:white!important;box-shadow:0 5px 0 #e7edf5;padding:22px;touch-action:manipulation}.stimulus img{width:100%;height:100%;object-fit:contain;pointer-events:none}.stimulus span{font-size:100px}.stimulus:disabled{opacity:1}.stimulus:hover{border-color:#8bb6f0;box-shadow:0 5px 0 #cbdcf1}.stimulus:active{transform:translateY(3px)}.trial-footer{display:flex;justify-content:center;align-items:center;gap:22px;color:#7a91a9;font-size:13px;margin-top:35px;flex-wrap:wrap}.prompt-pill{padding:8px 13px;font-size:12px;background:#f3f7fc;border-color:#e4ecf5;color:#6a7f99;border-radius:20px}.match-sample{text-align:center;font-size:60px}.prompt-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mand-pop{position:fixed;left:4%;top:92px;z-index:15;width:370px;max-height:calc(100dvh - 110px);overflow:auto;background:white;border:1px solid #d1e0f2;border-radius:20px;box-shadow:0 18px 50px #25487530;padding:22px}.mand-pop h2{font-size:21px;margin:0}.mand-pop h3{font-size:14px;color:#6e8095;margin:20px 0 10px}.length-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.length-buttons button{background:#eaf3ff;color:#2057a7;padding:13px 5px;font-size:14px}.phrase-buttons{display:grid;gap:7px}.phrase-buttons button{text-align:left;font-weight:500;font-size:14px;padding:11px 13px}.mand-pop .field{margin:12px 0}.session-body .task{border:0;background:transparent;min-height:400px}.celebrate{text-align:center;padding:60px 20px}.celebrate>div{font-size:80px}.celebrate button{margin:15px 5px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;max-height:390px;overflow:auto;padding:5px}.library-tile{padding:6px;border:2px solid #dae4f2;border-radius:12px;position:relative}.library-tile img{width:100%;aspect-ratio:1;object-fit:contain}.library-tile small{display:block;font-size:12px}.library-tile.excluded{opacity:.35;border-color:#b64848}.phrase-table{margin-top:20px}.review-only{border-left:4px solid #6b91d3}.mand-bars .barrow{grid-template-columns:100px 1fr 35px}.report-modal{width:min(950px,96vw)}.report-modal h1{font-size:27px}.report-only{display:none}.cue{border-color:#edba3b!important}.single .stimulus{max-width:360px}
@media(min-width:1450px){.learning-path{height:500px}.node-face{width:150px;height:150px}.node-face img{width:95px;height:95px}}
@media(max-width:900px){.session-top{padding:15px 3%;gap:12px;min-height:88px}.top-tools{gap:4px}.mand-trigger{padding:10px 12px;font-size:14px}.coin{width:34px;height:34px;font-size:23px}.top-tokens{gap:7px;max-width:310px}.top-reward{gap:6px}.top-reward strong{font-size:15px}.reward-mini{font-size:28px}.learning-path{height:400px}.path-stop{width:115px}.node-face{width:100px;height:100px;font-size:47px}.node-face img{width:68px;height:68px}.path-stop strong{font-size:16px}.stimuli{gap:15px}.stimulus{border-radius:20px;padding:15px}.session-body{padding:25px 3%}.mand-pop{top:82px}.path-title h1{font-size:30px}}
@media(max-width:620px){.session-top{grid-template-columns:1fr 1fr;gap:10px;padding:10px 4%}.top-tokens{grid-row:2;grid-column:1/3;justify-self:center;max-width:100%;gap:10px}.coin{width:30px;height:30px;font-size:21px}.top-reward{grid-column:2;grid-row:1}.iconbtn{font-size:22px}.top-reward small{font-size:11px}.session-body{padding:20px 5%;min-height:calc(100dvh - 120px)}.path-title{align-items:start}.path-title span{font-size:12px;margin-top:16px}.learning-path{height:860px;max-width:370px;margin:auto}.path-line{display:none}.learning-path:before{content:'';position:absolute;left:49%;top:70px;bottom:90px;border-left:5px dotted #cbd9eb}.path-stop{width:140px;transform:translate(-50%,0)}.stop-0{left:32%;top:15px}.stop-1{left:67%;top:155px}.stop-2{left:32%;top:295px}.stop-3{left:67%;top:435px}.stop-4{left:32%;top:575px}.stop-5{left:67%;top:715px}.node-face{width:88px;height:88px;font-size:42px;margin-bottom:10px}.node-face img{width:58px;height:58px}.start-pill{margin-top:6px;padding:5px 17px;font-size:12px}.path-foot{gap:12px}.trial-head h1{font-size:23px;margin:16px 0}.backbtn,.speakbtn{width:36px;height:36px;font-size:20px;flex-shrink:0}.speakbtn{display:none}.stimuli{gap:9px;margin:45px auto}.stimulus{padding:6px;border-radius:15px;aspect-ratio:.85}.stimulus span{font-size:50px}.trial-footer{gap:12px}.mand-pop{top:116px;left:3%;width:94%;max-height:calc(100dvh - 130px)}.menu-grid{grid-template-columns:1fr}.trial-head{gap:8px}}
@media print{body>*{display:none!important}dialog.report-modal[open]{display:block!important;position:absolute;inset:0;width:100%;max-height:none;overflow:visible;box-shadow:none}dialog.report-modal button{display:none}.report-modal::backdrop{background:white}}