:root{--bg:#081625;--bg2:#0c2030;--mint:#68edcb;--mint-quiet:rgba(104,237,203,.1);--cream:#f4f6f4;--muted:#9baebc;--line:rgba(208,240,238,.13);--violet:#b5a1f6;--ease:cubic-bezier(.22,1,.36,1);--header:82px;--footer:78px;--pad:clamp(24px,4.25vw,80px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--cream);overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{color:inherit;border:0;cursor:pointer}button:disabled{cursor:default;opacity:.3}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:active:not(:disabled){translate:0 1px}button[hidden],[hidden]{display:none!important}svg{display:block}svg.icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;word-break:keep-all}h1{font-size:clamp(45px,5vw,86px);line-height:1.2;font-weight:750}h2{font-size:clamp(36px,3.6vw,62px);line-height:1.25;font-weight:720}h3{letter-spacing:-.035em;font-weight:650}p{word-break:keep-all}em{font-style:normal;color:var(--mint)}.micro{font-family:Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.19em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--mint);font-size:11px;font-family:Arial,sans-serif;letter-spacing:.15em;font-weight:600;margin-bottom:25px}.eyebrow:before{content:"";width:23px;height:1px;background:var(--mint)}.desc{font-size:clamp(14px,1.12vw,18px);color:var(--muted);line-height:1.85;margin-top:23px;font-weight:400}.desc strong{font-weight:550;color:#d8e8e8}.fine{font-size:11px;color:#96aab6;line-height:1.65}.mono{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 81% 40%,rgba(32,106,103,.16),transparent 46%),radial-gradient(ellipse at 8% 100%,rgba(58,48,98,.12),transparent 42%)}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(190,236,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(190,236,230,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 20%,#000 80%)}.spark{position:absolute;border-radius:100%;background:#c8fff1;box-shadow:0 0 9px rgba(104,237,203,.5);animation:twinkle var(--dur,5s) ease-in-out infinite;animation-delay:var(--delay,0s);opacity:.15}.spark.cross{border-radius:0;width:1px!important;height:9px!important;background:linear-gradient(transparent,#e1fff9,transparent);box-shadow:none}.spark.cross:after{content:"";position:absolute;width:9px;height:1px;top:4px;left:-4px;background:linear-gradient(90deg,transparent,#e1fff9,transparent)}@keyframes twinkle{0%,100%{opacity:.13;transform:scale(.7)}45%{opacity:.68;transform:scale(1.13)}}
.topbar{height:var(--header);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;border-bottom:1px solid rgba(223,246,239,.065)}.brand{display:flex;align-items:center;gap:16px;background:none;padding:0;text-align:left}.wordmark{font-family:Arial,sans-serif;font-size:23px;font-weight:750;letter-spacing:.07em;color:#f4faf8}.wordmark i{font-style:normal;color:var(--mint)}.brand-sub{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.17em;color:#8b9ea9;border-left:1px solid var(--line);padding-left:16px;line-height:1.65}.top-tools{display:flex;align-items:center;gap:12px}.pill-label{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:8px 11px;color:#a8bfc5;font-size:9px;letter-spacing:.09em;font-family:Arial,sans-serif}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px rgba(104,237,203,.5)}.tool{display:flex;gap:8px;align-items:center;color:#adbdc7;background:transparent;padding:8px;font-size:11px;border-radius:8px;transition:color .25s,background .25s}.tool:hover{color:#fff;background:rgba(255,255,255,.04)}.tool .icon{width:17px;height:17px}.tool[aria-pressed=true]{color:var(--mint)}
#stage{height:calc(100dvh - var(--header) - var(--footer));position:relative;z-index:2;isolation:isolate}.scene{position:absolute;inset:0;padding:clamp(22px,3.8vh,42px) var(--pad);visibility:hidden;opacity:0;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.scene.active{visibility:visible;opacity:1;pointer-events:auto}.scene>div{min-height:0}.split{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(26px,4vw,75px);width:100%;max-width:1600px;margin:auto;flex:1;min-height:0}.split.wide-right{grid-template-columns:.7fr 1.3fr;gap:3.5vw}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{font-size:clamp(34px,3.3vw,55px)}.section-head .eyebrow{margin-bottom:14px}.section-head .aside-copy{font-size:13px;color:var(--muted);line-height:1.8;text-align:right;max-width:280px}.actions{display:flex;gap:13px;align-items:center;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 20px;border-radius:11px;line-height:1.4;font-size:13px;font-weight:600;transition:background .25s,box-shadow .25s,transform .25s;border:1px solid transparent;position:relative;overflow:hidden}.btn .icon{width:18px;height:18px}.btn.primary{background:var(--mint);color:#0c292a;box-shadow:0 8px 35px rgba(49,167,143,.13)}.btn.primary:hover{background:#95f3d9;box-shadow:0 8px 40px rgba(104,237,203,.21);transform:translateY(-2px)}.btn.secondary{border-color:var(--line);background:rgba(255,255,255,.035);color:#dceae7}.btn.secondary:hover{background:rgba(255,255,255,.07)}.btn.ghost{background:transparent;padding-left:4px;color:#bfcecF}.btn.small{font-size:12px;padding:11px 15px;gap:10px}.btn.shine:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%);transform:translateX(-115%);animation:shine 7s ease-in-out infinite;pointer-events:none}@keyframes shine{0%,60%{transform:translateX(-115%)}82%,100%{transform:translateX(115%)}}.tag{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;color:#a9c0c7;font-size:10px;line-height:1.5;background:rgba(8,22,37,.35)}.tag.mint{border-color:rgba(104,237,203,.2);color:var(--mint);background:rgba(104,237,203,.04)}.tag.violet{color:#c4b6f8;border-color:rgba(181,161,246,.22)}.frame-note{position:absolute;left:22px;right:22px;bottom:14px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#8ea8b4}.reveal{opacity:1}.scene.entering .reveal{animation:reveal .75s var(--ease) both;animation-delay:var(--r,0ms)}@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* Opening: typographic sculpture, not a recreated app screen. */
.hero-copy{position:relative;z-index:4}.hero-title{max-width:690px}.hero-title .lastline{display:block;margin-top:5px}.hero-sub{display:flex;align-items:center;gap:12px;color:#90aab2;font-size:11px;margin-top:35px}.hero-sub:before{content:"";display:inline-block;width:27px;height:1px;background:var(--mint);opacity:.5}.hero-art{position:relative;width:100%;height:min(59vh,590px);min-height:390px;perspective:1100px}.core-halo{position:absolute;width:430px;height:430px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(104,237,203,.14),rgba(104,237,203,.015) 58%,transparent 68%);filter:blur(16px)}.orbit{position:absolute;border:1px solid rgba(153,235,217,.13);border-radius:50%;width:82%;height:74%;left:9%;top:12%;transform:rotate(-24deg)}.orbit.two{width:62%;height:100%;left:19%;top:-1%;border-color:rgba(178,158,244,.105);transform:rotate(30deg)}.orbit.three{width:101%;height:46%;left:-1%;top:26%;transform:rotate(-29deg);border-style:dashed;border-color:rgba(153,235,217,.075)}.orbit:after{content:"";position:absolute;left:20%;top:8%;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 13px var(--mint)}.core{width:clamp(160px,17vw,270px);aspect-ratio:1;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotateX(9deg) rotateY(-16deg) rotateZ(-7deg);border-radius:27%;background:linear-gradient(145deg,rgba(122,217,198,.18),rgba(16,48,56,.87) 42%,rgba(7,18,34,.97));border:1px solid rgba(177,251,231,.47);box-shadow:inset 2px 2px 6px rgba(255,255,255,.16),inset -5px -5px 25px rgba(0,0,0,.4),15px 28px 40px rgba(0,0,0,.4),0 0 80px rgba(104,237,203,.08);display:grid;place-items:center;animation:corefloat 8s ease-in-out infinite}.core:before{content:"";position:absolute;inset:12px;border-radius:24%;border:1px solid rgba(162,242,222,.12)}.core-letter{font-family:Arial,sans-serif;font-size:clamp(97px,11.3vw,178px);font-weight:760;letter-spacing:-.09em;padding-right:.09em;background:linear-gradient(145deg,#f5fffb,#70eccc 53%,#338e83);background-clip:text;color:transparent;filter:drop-shadow(4px 9px 1px rgba(3,20,28,.7))}.core-label{position:absolute;bottom:18px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.29em;color:#bce6db}@keyframes corefloat{0%,100%{transform:translate(-50%,-50%) rotateX(9deg) rotateY(-16deg) rotateZ(-7deg)}50%{transform:translate(-50%,-54%) rotateX(5deg) rotateY(-9deg) rotateZ(-3deg)}}.orbit-card{display:flex;align-items:center;gap:13px;position:absolute;min-width:164px;padding:18px 20px;background:linear-gradient(135deg,rgba(32,68,77,.88),rgba(11,31,46,.94));border:1px solid rgba(174,235,224,.21);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.24);backdrop-filter:blur(10px);transition:border-color .25s,box-shadow .25s;z-index:3;text-align:left;animation:cardfloat 7s ease-in-out infinite}.orbit-card:hover{border-color:rgba(104,237,203,.7);box-shadow:0 12px 50px rgba(104,237,203,.13)}.orbit-card .icon{width:28px;height:28px;color:var(--mint)}.orbit-card b{display:block;font-size:14px;font-weight:650;letter-spacing:-.03em}.orbit-card small{font-family:Arial,sans-serif;font-size:8px;color:#a0b9bf;letter-spacing:.1em;display:block;margin-top:5px}.orbit-card.vocabulary{left:4%;top:11%;transform:rotate(-9deg);animation-delay:-1s}.orbit-card.listening{right:1%;top:17%;transform:rotate(8deg);animation-delay:-3s}.orbit-card.omr{left:1%;bottom:22%;transform:rotate(-6deg);animation-delay:-5s}.orbit-card.analysis{right:0;bottom:19%;transform:rotate(7deg);animation-delay:-2s}.orbit-card.listening .icon,.orbit-card.analysis .icon{color:var(--violet)}@keyframes cardfloat{0%,100%{translate:0 0}50%{translate:0 -9px}}.art-caption{position:absolute;bottom:2%;width:100%;text-align:center;color:#7f9aa6;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.23em}.art-caption:before,.art-caption:after{content:"";display:inline-block;vertical-align:middle;height:1px;width:28px;margin:0 13px;background:rgba(144,196,185,.23)}
/* One operating flow */
.flow-layout{max-width:1500px;width:100%;margin:auto}.flow-title h2{max-width:800px}.flow-area{height:260px;position:relative;margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center;isolation:isolate}.flow-line{position:absolute;left:8%;right:8%;height:1px;top:50%;background:linear-gradient(90deg,transparent,rgba(104,237,203,.45),transparent);opacity:.2;transition:opacity .5s}.flow-card{position:relative;padding:23px 23px 20px;background:linear-gradient(135deg,rgba(26,57,68,.91),rgba(11,30,45,.95));border:1px solid var(--line);border-radius:17px;min-height:177px;transition:transform 1.05s var(--ease),border-color .6s,box-shadow .6s;z-index:1}.flow-card:nth-of-type(2){transform:translateY(-17px) rotate(-6deg)}.flow-card:nth-of-type(3){transform:translateY(24px) rotate(3deg)}.flow-card:nth-of-type(4){transform:translateY(-15px) rotate(-3deg)}.flow-card:nth-of-type(5){transform:translateY(17px) rotate(5deg)}.flow-card .flow-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.flow-card .flow-top .icon{color:var(--mint);width:29px;height:29px}.flow-card .number{font-size:11px;font-family:Arial,sans-serif;color:#7a999f}.flow-card h3{font-size:21px;margin-bottom:7px}.flow-card p{font-size:12px;color:#98b1b9;line-height:1.65}.flow-card:after{content:"";position:absolute;right:-26px;top:50%;width:10px;height:10px;border:1px solid var(--mint);border-width:1px 1px 0 0;transform:rotate(45deg);opacity:0;transition:opacity .5s .45s}.flow-card:last-child:after{display:none}.flow-area.connected .flow-card{transform:translateY(0) rotate(0);border-color:rgba(104,237,203,.32);box-shadow:0 10px 30px rgba(0,0,0,.18)}.flow-area.connected .flow-line,.flow-area.connected .flow-card:after{opacity:1}.flow-area.connected:after{content:"";position:absolute;height:2px;left:0;right:0;top:50%;background:linear-gradient(90deg,transparent,var(--mint),transparent);animation:trace 1.2s ease-in-out both;z-index:3;pointer-events:none}@keyframes trace{from{clip-path:inset(0 100% 0 0);opacity:1}80%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}.flow-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding-top:23px;border-top:1px solid var(--line)}.flow-bottom .line-copy{font-size:15px;color:#a9bcc2;line-height:1.8}.flow-bottom .line-copy strong{color:var(--cream);font-weight:500}
/* Explore cards */
.hub-wrap{max-width:1500px;width:100%;margin:auto}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature-card{background:linear-gradient(155deg,rgba(32,61,73,.64),rgba(11,27,43,.95));border:1px solid rgba(198,244,232,.14);border-radius:20px;position:relative;text-align:left;min-height:300px;padding:25px 23px 23px;overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),border-color .3s,box-shadow .3s}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(104,237,203,.13),transparent 65%);z-index:-1;opacity:0;transition:opacity .3s}.feature-card:after{content:"";position:absolute;height:1px;left:20px;right:20px;top:0;background:linear-gradient(90deg,transparent,rgba(155,255,229,.8),transparent);opacity:.5}.feature-card:hover{transform:translateY(-9px);border-color:rgba(104,237,203,.5);box-shadow:0 20px 40px rgba(0,0,0,.2)}.feature-card:hover:before{opacity:1}.feature-card .card-no{font-size:10px;color:#839da8;letter-spacing:.15em;font-family:Arial,sans-serif;display:flex;justify-content:space-between;align-items:center}.feature-card .card-no .icon{height:17px;width:17px;transition:transform .3s;color:#8ea6ae}.feature-card:hover .card-no .icon{transform:translate(2px,-2px);color:var(--mint)}.icon-tile{width:75px;height:75px;border-radius:21px;background:linear-gradient(145deg,rgba(104,237,203,.18),rgba(14,43,49,.7));border:1px solid rgba(104,237,203,.25);box-shadow:inset 1px 1px 1px rgba(209,255,239,.1),0 12px 22px rgba(0,0,0,.14);display:grid;place-items:center;flex-shrink:0;color:var(--mint)}.icon-tile .icon{width:37px;height:37px;stroke-width:1.45}.feature-card .icon-tile{margin:28px 0 28px}.feature-card[data-goto="4"] .icon-tile,.feature-card[data-goto="6"] .icon-tile{color:var(--violet);background:linear-gradient(145deg,rgba(181,161,246,.18),rgba(36,34,63,.7));border-color:rgba(181,161,246,.25)}.feature-card h3{font-size:22px;margin-bottom:12px}.feature-card p{font-size:12px;color:var(--muted);line-height:1.8;min-height:44px}.feature-card .card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:10px;color:var(--mint)}.card-cta .icon{height:16px;width:16px}.hub-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px;font-size:11px;color:#819da8}.hub-bottom span:first-child{color:#b2c7c8}
/* Shared detail frames */
.backlink{display:inline-flex;gap:7px;align-items:center;background:transparent;padding:0;margin-bottom:22px;color:#a6b9c2;font-size:11px}.backlink:hover{color:var(--mint)}.backlink .icon{width:14px;height:14px}.detail-copy .eyebrow{margin-bottom:18px}.detail-frame{position:relative;border:1px solid rgba(180,235,222,.18);border-radius:24px;background:radial-gradient(ellipse at 70% 0%,rgba(70,135,124,.14),transparent 65%),linear-gradient(150deg,rgba(22,50,64,.8),rgba(9,26,42,.94));box-shadow:0 30px 70px rgba(0,0,0,.2);width:100%;height:min(61vh,575px);min-height:410px;overflow:hidden}.frame-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 23px;border-bottom:1px solid var(--line);color:#aec4ca;font-size:10px}.frame-top .micro{font-size:9px}.frame-top .status{display:flex;align-items:center;gap:7px}.detail-frame .orbital-illustration{position:relative;height:48%;display:grid;place-items:center;overflow:hidden}.visual-ring{position:absolute;border:1px solid rgba(151,220,205,.11);border-radius:50%;width:290px;height:290px;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-ring:after{content:"";position:absolute;inset:22px;border:1px dashed rgba(151,220,205,.12);border-radius:50%;animation:spin 45s linear infinite}.large-tile{width:116px;height:116px;border-radius:28px;transform:rotate(-7deg);position:relative;z-index:2;box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 80px rgba(104,237,203,.07)}.large-tile .icon{width:61px;height:61px}.large-tile .letter-aa{font-family:Arial,sans-serif;font-size:55px;font-weight:550;letter-spacing:-.05em}.visual-side{position:absolute;right:11%;top:44%;color:#72949e;font-size:9px;letter-spacing:.15em;font-family:Arial,sans-serif;writing-mode:vertical-rl}.segmented{display:flex;padding:4px;gap:4px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.12);margin-top:29px;width:fit-content}.segmented button{padding:11px 19px;display:flex;gap:9px;align-items:center;color:#93adb6;background:none;font-size:12px;border-radius:8px;transition:background .2s,color .2s}.segmented button .icon{width:17px;height:17px}.segmented button[aria-selected=true]{background:rgba(104,237,203,.12);color:var(--mint);box-shadow:inset 0 0 0 1px rgba(104,237,203,.12)}.segment-desc{margin-top:16px;min-height:54px;max-width:340px;color:#9aafba;font-size:13px;line-height:1.8}.mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 23px}.mini-step{border:1px solid var(--line);border-radius:10px;padding:15px 11px;color:#87a3ae;transition:background .3s,border-color .3s,color .3s;text-align:center}.mini-step .step-num{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;margin:0 auto 9px;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:10px}.mini-step b{font-size:11px;display:block;font-weight:550}.mini-step.done{border-color:rgba(104,237,203,.38);background:rgba(104,237,203,.055);color:#d7f3e9}.mini-step.done .step-num{color:var(--bg);background:var(--mint);border-color:var(--mint)}.mini-step.active{box-shadow:0 0 25px rgba(104,237,203,.12)}.demo-btn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px}.demo-status{font-size:11px;color:#9ab2ba}.wave{display:flex;align-items:center;gap:5px;height:47px;position:absolute;left:15%;bottom:10%;right:15%;justify-content:center;opacity:.4}.wave i{width:3px;height:var(--h);border-radius:3px;background:var(--mint);transform-origin:center;animation:wave 1.8s ease-in-out infinite;animation-delay:var(--d)}@keyframes wave{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}
/* OMR is a paper-style explanatory demo, not an app screen. */
.omr-layout{height:calc(100% - 59px);padding:26px 25px 49px;display:grid;grid-template-columns:1fr;align-content:center;gap:17px}.paper-demo{background:var(--cream);border-radius:13px;color:#112735;padding:20px 22px;position:relative;box-shadow:0 20px 35px rgba(0,0,0,.2);overflow:hidden}.paper-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;margin-bottom:12px;border-bottom:1px solid #d7e2e3}.paper-title b{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.14em;font-weight:700}.paper-title span{font-size:9px;color:#6c808a}.omr-row{display:grid;grid-template-columns:30px repeat(5,1fr) 25px;gap:9px;align-items:center;min-height:43px}.omr-number{font-family:Arial,sans-serif;font-size:12px;font-weight:650;color:#4b6470}.bubble{display:grid;place-items:center;width:29px;height:29px;margin:auto;border:1px solid #9baeb4;border-radius:50%;background:transparent;color:#627884;font-family:Arial,sans-serif;font-size:11px;transition:background .2s,border-color .2s,color .2s,transform .2s}.bubble:hover{transform:scale(1.08);border-color:#248971}.bubble[aria-pressed=true]{background:#173447;border-color:#173447;color:#fff;box-shadow:0 0 0 3px rgba(23,52,71,.06)}.omr-check{font-size:14px;color:#00816f;font-family:Arial,sans-serif}.omr-check.wrong{color:#bd4651}.paper-demo .scanline{position:absolute;left:0;right:0;top:0;height:2px;background:#4eccab;box-shadow:0 0 18px #68edcb;opacity:0;pointer-events:none}.paper-demo.grading .scanline{animation:scan 1.05s ease-in-out both}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}.omr-result{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 1px}.omr-score{display:flex;align-items:center;gap:12px;color:#9eb6bf;font-size:11px}.omr-score strong{font-size:36px;letter-spacing:-.04em;color:var(--mint);line-height:1;font-family:Arial,sans-serif;font-weight:550}.omr-score small{font-size:10px;display:block;margin-top:5px}.omr-key{font-size:10px;color:#8faab3;min-height:17px}.support-note{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.7;color:#a3b8c0;margin-top:27px;max-width:335px}.support-note .icon{width:18px;height:18px;color:#a997dd;flex-shrink:0}
/* Source screenshot, not fabricated dashboard. */
.real-frame{height:min(65vh,600px);min-height:440px}.real-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.smalltab{background:none;border:1px solid transparent;padding:6px 8px;border-radius:5px;font-size:10px;color:#94b1bb}.smalltab[aria-pressed=true]{border-color:rgba(104,237,203,.3);background:rgba(104,237,203,.07);color:var(--mint)}.image-stage{position:absolute;inset:63px 17px 61px;overflow:hidden;border-radius:12px;background:#0c2433;border:1px solid rgba(185,236,218,.14)}.image-stage img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .85s var(--ease),transform-origin .85s var(--ease);z-index:3;opacity:0;pointer-events:none}.image-stage.loaded img{opacity:1}.image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(circle at 50% 40%,rgba(104,237,203,.07),transparent 66%);z-index:1}.image-fallback > .icon{width:47px;height:47px;color:#6b9b9c;stroke-width:1.1;margin-bottom:22px}.image-fallback h3{font-size:21px;font-weight:550;margin:0 0 12px;line-height:1.5}.image-fallback p{font-size:11px;color:#91adb8;line-height:1.8}.image-fallback .btn{margin-top:22px}.image-stage.loaded .image-fallback{display:none}.real-frame .frame-note{bottom:17px;align-items:center}.local-upload{background:transparent;color:var(--mint);font-size:10px;display:flex;gap:6px;align-items:center;padding:3px 0}.local-upload .icon{width:14px;height:14px}.source-footnote{margin-top:23px;font-size:10px;color:#809ba6;line-height:1.85;max-width:340px}.source-footnote a{text-decoration:underline;text-underline-offset:3px}.analysis-points{display:flex;flex-direction:column;gap:15px;margin-top:25px}.analysis-point{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#bdd1d2}.analysis-point>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(104,237,203,.24);color:var(--mint);font-family:Arial,sans-serif;font-size:9px;flex-shrink:0}.analysis-point small{display:block;font-size:10px;color:#839faa;margin-top:5px;line-height:1.6}
/* One record, four perspectives. */
.role-frame{background:radial-gradient(ellipse at 45% 35%,rgba(90,125,123,.14),transparent 58%),linear-gradient(145deg,rgba(23,49,62,.8),rgba(10,26,41,.95))}.role-orbit{height:260px;position:relative;width:100%;margin:0 auto;max-width:500px}.role-orbit-line{position:absolute;inset:32px 95px;border:1px solid rgba(156,219,207,.17);border-radius:50%}.role-center{position:absolute;left:50%;top:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,rgba(104,237,203,.17),rgba(12,35,44,.95));border:1px solid rgba(156,244,220,.27);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 50px rgba(104,237,203,.05)}.role-center .icon{color:var(--mint);width:29px;height:29px}.role-center span{font-size:8px;color:#a4bfbf;letter-spacing:.12em;font-family:Arial,sans-serif}.role-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;font-size:10px;color:#8fa9b4;min-width:60px}.role-node .role-avatar{width:48px;height:48px;border:1px solid rgba(187,223,217,.2);border-radius:15px;background:#102b3b;display:grid;place-items:center;transition:color .4s,border-color .4s,box-shadow .4s,background .4s}.role-node .role-avatar .icon{width:23px;height:23px;stroke-width:1.6}.role-node[data-role="director"]{left:16%;top:26px}.role-node[data-role="teacher"]{right:16%;top:26px}.role-node[data-role="student"]{left:16%;bottom:16px}.role-node[data-role="parent"]{right:16%;bottom:16px}.role-node[aria-pressed=true]{color:var(--mint)}.role-node[aria-pressed=true] .role-avatar{border-color:var(--mint);background:#18433e;box-shadow:0 0 25px rgba(104,237,203,.13)}.role-quote{margin:0 23px;padding:20px 23px;border:1px solid rgba(169,230,216,.14);border-radius:12px;background:rgba(5,17,29,.3)}.role-quote .role-caption{font-size:8px;letter-spacing:.16em;color:var(--mint);font-family:Arial,sans-serif;margin-bottom:10px}.role-quote h3{font-size:20px;line-height:1.55;margin-bottom:12px;word-break:keep-all}.role-quote p{font-size:11px;line-height:1.8;color:#a0b6bf}.role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:330px;margin-top:28px}.role-tabs button{border:1px solid var(--line);padding:12px 15px;text-align:left;display:flex;gap:12px;align-items:center;font-size:12px;background:rgba(255,255,255,.025);border-radius:10px;color:#9cb3bd;transition:border-color .2s,background .2s}.role-tabs button .icon{width:17px;height:17px}.role-tabs button[aria-pressed=true]{color:var(--mint);border-color:rgba(104,237,203,.35);background:rgba(104,237,203,.07)}
/* Closing */
.closing{max-width:1550px;width:100%;margin:auto;position:relative}.closing-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.closing-head .eyebrow{margin-bottom:0}.closing-head span{font-size:10px;color:#839fa8}.closing-lines{border-top:1px solid var(--line)}.closing-line{display:grid;grid-template-columns:66px 1fr 1fr 60px;align-items:center;border-bottom:1px solid var(--line);padding:21px 0;position:relative}.closing-line .n{font-family:Arial,sans-serif;font-size:11px;color:#76919e;letter-spacing:.15em}.closing-line .first{font-size:clamp(28px,3vw,49px);letter-spacing:-.05em;color:#bdcccf;font-weight:450}.closing-line .last{font-size:clamp(32px,3.9vw,66px);letter-spacing:-.05em;line-height:1.2;font-weight:700;color:var(--mint)}.closing-line:nth-child(2) .last{color:var(--cream)}.closing-line:nth-child(3) .last{color:var(--violet)}.closing-line .icon{width:24px;height:24px;color:#426c70;margin-left:auto;stroke-width:1.25}.closing-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px}.closing-bottom .closing-brand{font-family:Arial,sans-serif;font-size:27px;font-weight:750;letter-spacing:.04em}.closing-bottom .closing-brand small{display:block;font-size:10px;font-weight:400;color:#8ea7b0;letter-spacing:.05em;margin-top:8px}.closing-bottom .actions{margin:0}.closing-note{font-size:10px;color:#839da6;margin-top:24px}
/* Navigation, overlays, motion. */
.bottombar{height:var(--footer);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;background:linear-gradient(0deg,rgba(8,22,37,.97),rgba(8,22,37,.7));border-top:1px solid rgba(223,246,239,.07)}.foot-left{display:flex;align-items:center;gap:17px;min-width:235px}.scene-count{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.08em;color:#d1e5df;white-space:nowrap}.scene-count span{font-size:10px;color:#6e8d9d;margin-left:5px}.scene-name{font-size:10px;color:#8ba6b2;border-left:1px solid var(--line);padding-left:17px}.progress-dots{display:flex;align-items:center;gap:8px}.progress-dot{width:20px;height:20px;display:grid;place-items:center;border:0;background:none;padding:0;position:relative}.progress-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#385362;transition:width .4s var(--ease),border-radius .4s,background .4s}.progress-dot[aria-current=true]{width:41px}.progress-dot[aria-current=true]:before{width:34px;border-radius:5px;background:var(--mint)}.foot-right{display:flex;gap:9px;align-items:center;min-width:235px;justify-content:flex-end}.key-hint{font-family:Arial,sans-serif;color:#738e9c;font-size:9px;letter-spacing:.08em;margin-right:9px}.nav-arrow{width:35px;height:35px;border:1px solid rgba(179,222,212,.2);border-radius:50%;background:rgba(255,255,255,.025);display:grid;place-items:center;transition:background .25s,border-color .25s}.nav-arrow:hover:not(:disabled){background:rgba(104,237,203,.09);border-color:var(--mint)}.nav-arrow .icon{width:17px;height:17px}.auto-button{display:grid;place-items:center;background:none;color:#8ea9b3;padding:7px;margin-right:8px}.auto-button .icon{width:14px;height:14px}.auto-button[aria-pressed=true]{color:var(--mint)}.auto-bar{position:absolute;left:0;top:-1px;height:2px;background:var(--mint);width:0;pointer-events:none;opacity:.6}.transition-shell{position:fixed;z-index:80;pointer-events:none;border:1px solid rgba(150,248,216,.4);border-radius:20px;background:radial-gradient(ellipse at 50% 40%,rgba(56,115,107,.8),rgba(8,22,37,.99));box-shadow:0 0 70px rgba(104,237,203,.13);overflow:hidden}.transition-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(157,252,217,.17) 50%,transparent 70%)}.flying-icon .icon-tile > .icon{width:52%;height:52%}.flying-icon{position:fixed!important;margin:0!important;z-index:85;pointer-events:none;transform:none!important;animation:none!important;display:grid!important}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:rgba(3,12,22,.83);backdrop-filter:blur(17px);padding:40px;display:flex;align-items:center;justify-content:center}.dialog-panel{width:min(100%,940px);max-height:90dvh;overflow:auto;padding:32px;border:1px solid rgba(177,235,218,.22);border-radius:22px;background:linear-gradient(140deg,#142d3c,#0a1d2d);box-shadow:0 30px 100px rgba(0,0,0,.6)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:23px}.dialog-top h2{font-size:25px}.close-dialog{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:none;color:#abc3ca}.close-dialog .icon{height:15px;width:15px}.toc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.toc-item{min-height:115px;text-align:left;border-radius:11px;border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:9px}.toc-item:hover,.toc-item.current{border-color:rgba(104,237,203,.55);background:rgba(104,237,203,.06)}.toc-item span{color:var(--mint);font-size:10px;font-family:Arial,sans-serif;letter-spacing:.1em}.toc-item strong{font-size:14px;font-weight:550}.toc-item small{font-size:10px;color:#8fa7b2;line-height:1.6}.dialog-info{font-size:12px;line-height:1.95;color:#aac0c7;display:flex;flex-direction:column;gap:15px}.dialog-info h3{font-size:15px;color:#e0efea;margin-top:5px}.dialog-info a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.dialog-bottom{padding-top:20px;margin-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#9aafbb}.textlink{background:none;padding:0;color:var(--mint);font-size:11px}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,10px);background:#163c3c;color:#d8f8ea;border:1px solid rgba(104,237,203,.32);padding:12px 20px;border-radius:10px;font-size:12px;line-height:1.7;z-index:140;box-shadow:0 12px 45px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 36px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.no-js{position:fixed;inset:20%;z-index:200;background:#102b3b;border:1px solid var(--mint);padding:40px;line-height:2}.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01s!important}.reduced-motion .reveal{opacity:1!important;transform:none!important}.reduced-motion .spark{opacity:.2}.reduced-motion .wave i{transform:scaleY(.7)}
@media(min-width:1800px){.scene{padding-top:4vh;padding-bottom:4vh}.feature-card{min-height:365px}.feature-card .icon-tile{margin-top:38px;margin-bottom:38px}.detail-frame{height:600px}.hero-art{height:620px;min-height:550px}.role-orbit{height:290px}}
@media(max-height:760px) and (min-width:961px){:root{--header:65px;--footer:62px}.scene{padding-top:20px;padding-bottom:20px}.eyebrow{margin-bottom:17px}h1{font-size:clamp(42px,4.6vw,70px)}h2{font-size:clamp(33px,3.4vw,50px)}.desc{margin-top:17px;font-size:13px}.actions{margin-top:25px}.hero-art{height:440px;min-height:340px}.hero-sub{margin-top:24px}.feature-card{min-height:266px;padding:20px}.feature-card .icon-tile{width:66px;height:66px;margin:20px 0}.feature-card h3{font-size:20px}.feature-card .card-cta{margin-top:17px}.section-head{margin-bottom:22px}.detail-frame{height:450px;min-height:400px}.large-tile{width:100px;height:100px}.backlink{margin-bottom:18px}.frame-top{padding:16px 20px}.mini-step{padding:11px 8px}.demo-btn-row{padding:15px 23px}.role-orbit{height:222px}.role-quote{padding:16px 20px}.role-quote h3{font-size:17px;margin-bottom:8px}.flow-area{height:230px}.flow-card{padding:20px;min-height:160px}.closing-line{padding:17px 0}.closing-head{margin-bottom:24px}.closing-bottom{padding-top:24px}.closing-note{margin-top:16px}}
@media(max-width:1160px) and (min-width:961px){.brand-sub{display:none}.feature-card{padding:20px 16px}.feature-card h3{font-size:19px}.split,.split.wide-right{grid-template-columns:.85fr 1.15fr;gap:28px}.orbit-card{min-width:142px;padding:15px}.orbit-card.vocabulary{left:-5%}.orbit-card.omr{left:-5%}.orbit-card.listening{right:-2%}.orbit-card.analysis{right:-2%}.foot-left,.foot-right{min-width:200px}.key-hint{display:none}}
@media(max-width:960px){:root{--header:72px;--footer:69px;--pad:28px}h1{font-size:clamp(40px,7.4vw,67px)}h2{font-size:clamp(32px,5.6vw,47px)}.top-tools{gap:7px}.brand-sub{display:none}.pill-label{display:none}.tool{padding:7px}.scene{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;justify-content:flex-start;padding-top:36px;padding-bottom:38px;scrollbar-width:thin;scrollbar-color:#294c58 transparent}.split,.split.wide-right{display:flex;flex-direction:column;align-items:stretch;gap:32px;flex:none;margin:0;min-height:auto}.hero-copy{padding-top:6px}.hero-title{max-width:700px}.hero-art{height:465px;min-height:400px;max-width:620px;align-self:center;width:100%}.hero-sub{margin-top:24px}.core{width:225px}.core-letter{font-size:148px}.orbit-card{min-width:161px}.hero-copy .desc br{display:initial}.feature-grid{grid-template-columns:repeat(2,1fr);gap:15px}.feature-card{min-height:280px}.section-head{align-items:flex-start}.section-head .aside-copy{font-size:11px;max-width:230px}.flow-area{height:430px;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.flow-card{min-height:163px}.flow-card:after{display:none}.flow-line{display:none}.flow-area.connected:after{display:none}.flow-bottom{align-items:flex-start;flex-direction:column}.flow-title h2{max-width:680px}.hub-wrap,.flow-layout,.closing{margin:0}.detail-frame,.real-frame{height:510px;min-height:450px;max-width:750px;align-self:center}.detail-copy .desc{max-width:680px}.detail-copy h2 br{display:initial}.segment-desc{max-width:660px;min-height:0}.support-note{max-width:680px}.real-frame{height:550px}.source-footnote{max-width:660px}.image-stage{inset:65px 18px 65px}.role-orbit{height:245px}.role-tabs{max-width:500px;grid-template-columns:repeat(4,1fr)}.role-tabs button{padding:12px 10px;gap:7px}.analysis-points{flex-direction:row;flex-wrap:wrap;gap:22px}.analysis-point{font-size:12px}.closing{padding-top:5px}.closing-head{margin-bottom:28px}.closing-line{grid-template-columns:35px 1fr 1fr 27px;padding:32px 0}.closing-line .first{font-size:clamp(23px,3.7vw,34px)}.closing-line .last{font-size:clamp(30px,4.9vw,45px)}.closing-bottom{padding-top:36px;align-items:flex-start;flex-wrap:wrap;gap:27px}.closing-note{line-height:1.8}.foot-left,.foot-right{min-width:0}.scene-name{display:none}.key-hint{display:none}.foot-right{gap:7px}.progress-dots{gap:5px}.progress-dot{width:14px}.progress-dot[aria-current=true]{width:29px}.progress-dot[aria-current=true]:before{width:24px}.auto-button{margin-right:2px}.toc-grid{grid-template-columns:repeat(2,1fr)}.dialog-backdrop{padding:23px}.dialog-panel{padding:25px}.dialog-info{font-size:11px}.frame-note{font-size:9px}.hub-bottom{line-height:1.7}}
@media(max-width:560px){:root{--header:65px;--footer:65px;--pad:22px}.wordmark{font-size:20px}.tool .tool-label{display:none}.top-tools{gap:8px}.topbar{padding-left:22px;padding-right:15px}.scene{padding-top:27px;padding-bottom:32px}.eyebrow{font-size:9px;gap:9px;margin-bottom:21px}.eyebrow:before{width:16px}h1{font-size:43px;line-height:1.23}h2{font-size:33px;line-height:1.28}.hero-copy .desc{font-size:13px;line-height:1.85;max-width:300px}.actions{gap:11px;margin-top:25px}.btn{padding:13px 16px;font-size:12px;gap:12px}.hero-sub{font-size:10px;line-height:1.65;max-width:300px}.hero-art{height:355px;min-height:330px;margin-top:0}.core{width:155px;border-radius:26%}.core-letter{font-size:100px}.core-label{font-size:6px;bottom:13px}.core:before{inset:8px}.core-halo{width:300px;height:300px}.orbit-card{min-width:118px;padding:12px 11px;gap:9px;border-radius:11px}.orbit-card b{font-size:11px}.orbit-card small{font-size:6px;letter-spacing:.08em;margin-top:4px}.orbit-card .icon{width:21px;height:21px}.orbit-card.vocabulary{left:0%;top:12%}.orbit-card.listening{right:-1%;top:20%}.orbit-card.omr{left:-1%;bottom:22%}.orbit-card.analysis{right:-1%;bottom:17%}.art-caption{font-size:7px;letter-spacing:.12em}.art-caption:before,.art-caption:after{width:15px;margin:0 8px}.section-head{flex-direction:column;gap:15px}.section-head h2{font-size:32px}.section-head .aside-copy{text-align:left;max-width:none;font-size:11px}.flow-area{gap:13px;height:397px;margin-top:20px}.flow-card{padding:17px 14px;min-height:158px}.flow-card h3{font-size:19px}.flow-card p{font-size:10px}.flow-card .flow-top{margin-bottom:16px}.flow-card .flow-top .icon{width:24px;height:24px}.flow-bottom .line-copy{font-size:13px}.feature-grid{gap:12px}.feature-card{padding:17px 14px;min-height:255px;border-radius:15px}.feature-card .card-no{font-size:8px}.feature-card .icon-tile{width:61px;height:61px;border-radius:17px;margin:22px 0}.icon-tile .icon{width:30px;height:30px}.feature-card h3{font-size:17px;margin-bottom:9px}.feature-card p{font-size:10px;line-height:1.8;min-height:38px}.feature-card .card-cta{font-size:9px;margin-top:20px}.hub-bottom{flex-direction:column;gap:4px;font-size:10px;padding-top:19px}.backlink{margin-bottom:19px}.detail-copy .eyebrow{font-size:9px;margin-bottom:15px}.detail-copy h2{font-size:32px}.detail-copy h2 br{display:block}.desc{font-size:13px;margin-top:17px;line-height:1.85}.detail-frame{min-height:435px;height:460px;border-radius:18px}.frame-top{padding:16px 16px}.frame-top .micro{font-size:8px}.frame-top .status{font-size:9px}.large-tile{width:104px;height:104px;border-radius:27px}.large-tile .icon{width:51px;height:51px}.frame-note{left:16px;right:16px;font-size:8px;line-height:1.7}.frame-note .micro{font-size:7px;letter-spacing:.12em}.mini-steps{padding:0 16px;gap:7px}.mini-step{padding:11px 7px}.mini-step b{font-size:10px}.demo-btn-row{padding:17px 16px;gap:8px}.demo-status{font-size:9px}.btn.small{padding:10px 12px;font-size:11px}.segmented{margin-top:22px}.segmented button{padding:10px 15px;font-size:11px}.segment-desc{font-size:12px}.omr-layout{padding:20px 15px 46px;gap:17px}.paper-demo{padding:17px 13px}.paper-title b{font-size:10px}.paper-title span{font-size:8px}.omr-row{grid-template-columns:19px repeat(5,1fr) 15px;gap:5px;min-height:43px}.bubble{width:26px;height:26px;font-size:10px}.omr-score{gap:8px;font-size:10px}.omr-score strong{font-size:30px}.omr-result{gap:8px}.omr-key{font-size:9px}.support-note{font-size:11px;margin-top:21px}.real-frame{height:430px;min-height:430px}.real-frame .frame-top{align-items:flex-start;flex-direction:column;gap:12px}.image-stage{inset:91px 12px 68px}.real-controls{gap:2px}.smalltab{font-size:9px;padding:5px 6px}.image-fallback h3{font-size:17px}.image-fallback p{font-size:10px}.image-fallback > .icon{width:34px;height:34px;margin-bottom:14px}.image-fallback .btn{margin-top:15px}.real-frame .frame-note{flex-wrap:wrap;gap:6px;bottom:11px}.local-upload{font-size:9px}.analysis-points{flex-direction:column;gap:13px;margin-top:21px}.source-footnote{font-size:9px;margin-top:19px}.role-tabs{grid-template-columns:repeat(2,1fr);max-width:100%;margin-top:22px}.role-tabs button{padding:11px 13px}.role-orbit{height:225px}.role-orbit-line{inset:32px 62px}.role-node[data-role="director"],.role-node[data-role="student"]{left:9%}.role-node[data-role="teacher"],.role-node[data-role="parent"]{right:9%}.role-center{width:86px;height:86px}.role-center span{font-size:6px}.role-node .role-avatar{width:40px;height:40px;border-radius:12px}.role-node .role-avatar .icon{width:20px;height:20px}.role-quote{margin:0 16px;padding:17px}.role-quote h3{font-size:16px;margin-bottom:10px}.role-quote p{font-size:10px}.closing-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:23px}.closing-line{grid-template-columns:27px 1fr 27px;padding:25px 0;row-gap:7px}.closing-line .n{font-size:9px;grid-row:1 / 3;align-self:start;padding-top:5px}.closing-line .first{font-size:25px}.closing-line .last{font-size:43px;grid-row:2;grid-column:2}.closing-line .icon{grid-column:3;grid-row:1/3;width:20px;height:20px}.closing-bottom{gap:23px;padding-top:25px}.closing-bottom .closing-brand{font-size:23px}.closing-bottom .actions{gap:9px}.closing-note{font-size:9px}.bottombar{padding-left:19px;padding-right:17px}.scene-count{font-size:11px}.scene-count span{font-size:9px;margin-left:4px}.progress-dots{gap:3px}.progress-dot{width:10px}.progress-dot[aria-current=true]{width:25px}.progress-dot[aria-current=true]:before{width:19px}.nav-arrow{width:31px;height:31px}.foot-right{gap:6px}.auto-button{padding:5px;margin-right:0}.auto-button .icon{width:12px;height:12px}.dialog-backdrop{padding:15px}.dialog-panel{padding:20px;border-radius:17px;max-height:88dvh}.dialog-top{padding-bottom:17px;margin-bottom:17px}.dialog-top h2{font-size:22px}.toc-grid{gap:9px}.toc-item{padding:13px;min-height:109px;gap:8px}.toc-item strong{font-size:12px}.toc-item small{font-size:9px}.dialog-bottom{font-size:9px;line-height:1.7;align-items:flex-start}.toast{bottom:80px;font-size:11px;min-width:240px;padding:11px 15px}.role-frame .frame-note .micro{display:none}}
@media(prefers-reduced-motion:reduce){body:not(.motion-explicit-on) .spark,body:not(.motion-explicit-on) .core,body:not(.motion-explicit-on) .orbit-card{animation:none}}
@media print{body,html{overflow:visible;height:auto}.topbar,.bottombar,#ambient,.dialog-backdrop,.toast{display:none!important}#stage{height:auto}.scene{position:relative;visibility:visible;opacity:1;display:flex;page-break-after:always;min-height:90vh;padding:35px;overflow:visible}.scene .split{display:grid;grid-template-columns:1fr 1fr}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Original logo, connected overview, interactive exercises and editable copy. */
:root{--header:74px;--footer:64px;--pad:clamp(24px,4vw,76px);--ink:#173044;--amber:#f1c384}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans CJK KR',Arial,sans-serif}
button,select,input,textarea{font:inherit}select{cursor:pointer}textarea{resize:vertical}h1:focus,h2:focus{outline:none}h1{font-weight:740}h2{font-size:clamp(33px,3.2vw,53px);font-weight:720}.desc{font-size:clamp(13px,1vw,17px)}
.scene{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#264c59 transparent;padding-top:24px;padding-bottom:24px}.scene>.split{flex:none;margin:auto;width:100%;gap:clamp(25px,4vw,68px)}.scene>div{flex-shrink:0}.scene .split.wide-right{grid-template-columns:.85fr 1.15fr;gap:4vw}
.topbar{background:rgba(8,22,37,.4)}.brand{gap:11px}.brand-sub{font-size:7px}.wordmark{font-size:21px;letter-spacing:.025em;font-weight:750}.top-tools{gap:6px}.tool{font-size:10px;gap:7px}.tool.primary-tool{border:1px solid rgba(104,237,203,.32);padding:10px 13px;margin-right:8px;color:var(--mint);background:rgba(104,237,203,.035)}.tool.primary-tool.is-active{background:rgba(104,237,203,.14)}
.logo-plate{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#fff,#eaf0f5);border-radius:24%;overflow:hidden;flex-shrink:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffffa8}.logo-plate img{width:93%;height:93%;object-fit:contain;display:block;mix-blend-mode:normal}.logo-plate.small{width:40px;height:40px;border-radius:12px}.brand-core{background:linear-gradient(145deg,#fff,#d9e4ed);border:1px solid #fff9;padding:8%;box-shadow:inset 0 0 10px #fff,14px 24px 45px #0005,0 0 100px #67edcb18}.brand-core .logo-plate{background:none;box-shadow:none;position:absolute;inset:4%;width:92%;height:92%;border-radius:0}.brand-core:before{border-color:#14395b19}.brand-core .core-label{color:#123b67;bottom:16px;letter-spacing:.18em;font-weight:700;z-index:2}.brand-core:hover{box-shadow:inset 0 0 10px #fff,14px 24px 45px #0005,0 0 120px #67edcb36}.hero-art{height:min(59vh,620px)}.hero-title{font-size:clamp(42px,4.3vw,79px);line-height:1.3}.hero-sub{line-height:1.7}.hero-art .orbit-card.omr{bottom:18%}.hero-art .orbit-card.analysis{bottom:14%}.orbit-card small{letter-spacing:.12em}
.detail-path{display:flex;gap:25px;margin-bottom:22px}.detail-path .backlink{margin:0}.detail-copy .eyebrow{font-size:9px;letter-spacing:.13em}.space-top{margin-top:20px}.v2-frame{height:min(66vh,645px);min-height:465px;display:flex;flex-direction:column;overflow:hidden;border-radius:23px;background:linear-gradient(150deg,#183746c4,#0a1d30eb);border-color:#9fc9c627}.v2-frame .frame-top{flex-shrink:0;padding:16px 20px;min-height:49px}.v2-frame .frame-top .micro{font-size:8px}.demo-badge{font-size:9px;letter-spacing:0;color:#c2bbd9;background:#bca1f511;border:1px solid #c4ace623;line-height:1.5;padding:5px 9px;border-radius:6px;white-space:nowrap;font-weight:500}.frame-foot{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line);color:#8ea7b4;font-size:9px;line-height:1.7;margin-top:auto;flex-shrink:0}.frame-foot .btn{white-space:nowrap;padding:3px 0;font-size:10px;gap:7px}.frame-foot .btn .icon{width:13px;height:13px}.feedback{font-size:11px;line-height:1.65;color:#93afb9;min-height:18px}.feedback.good{color:#8be4bf}.feedback.bad{color:#efb1aa}.empty-table{text-align:center;padding:35px!important;color:#6f818d}
.feature-grid.six{grid-template-columns:repeat(3,1fr);gap:15px}.six .feature-card{min-height:185px;padding:20px 22px;display:grid;grid-template-columns:65px 1fr;column-gap:19px;border-radius:18px}.six .feature-card .card-no{grid-column:1/-1;font-size:8px;margin-bottom:17px}.six .feature-card .icon-tile{width:61px;height:61px;margin:0;border-radius:17px}.six .feature-card .icon-tile .icon{width:29px;height:29px}.six .feature-card h3{font-size:22px;margin:0 0 8px}.six .feature-card p{font-size:11px;line-height:1.7;min-height:0}.six .feature-card .card-cta{grid-column:1/-1;margin-top:16px;font-size:10px}.six .feature-card:first-child{background:linear-gradient(130deg,#244e51bb,#142d3ded);border-color:#68edcb49}.scene-1 .section-head h2 br{display:none}.scene-1 .section-head .desc{font-size:13px;line-height:1.6;margin-top:13px}.scene-1 .section-head .desc br{display:none}.scene-1 .section-head{margin-bottom:23px}.scene-1 .eyebrow{margin-bottom:14px}
.overview-wrap{width:100%;max-width:1570px;margin:auto}.overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:21px}.overview-head h2{font-size:clamp(30px,3vw,48px)}.overview-head h2 br{display:none}.overview-head .eyebrow{font-size:9px;margin-bottom:12px}.overview-head .desc{font-size:12px;line-height:1.65;margin-top:12px}.overview-head .desc br{display:none}.overview-actions{display:flex;gap:13px;align-items:flex-end;flex-direction:column;flex-shrink:0}.textlink{display:inline-flex;gap:6px;align-items:center;line-height:1.6}.textlink .icon{width:13px;height:13px}.dashboard-shell{border:1px solid #c7e3df55;border-radius:19px;overflow:hidden;color:var(--ink);background:#f5f8f9;box-shadow:0 25px 65px #0004;position:relative}.dashboard-top{display:flex;align-items:center;justify-content:space-between;padding:16px 25px;background:linear-gradient(115deg,#fff,#eff5f5);border-bottom:1px solid #dfe6e8}.dashboard-brand{display:flex;align-items:center;gap:13px}.dashboard-brand .logo-plate{width:38px;height:38px;border-radius:10px;border:1px solid #e0e8ed}.dashboard-brand b{display:block;font-size:17px;letter-spacing:-.04em}.dashboard-brand small{display:block;font-size:10px;margin-top:4px;color:#6f818d}.dash-summary{display:flex;gap:27px}.dash-summary>div{display:flex;align-items:center;gap:8px}.dash-summary b{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-.05em;color:#174951}.dash-summary small{font-size:12px;color:#819698;margin-left:4px;font-weight:400}.dash-summary span{font-size:10px;color:#657d87}.dash-summary>div:nth-child(2) b{color:#637787}.dash-summary>div:nth-child(3) b{color:#a57239}.dashboard-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eaf0f1;padding:7px 24px;color:#6d7f8a;font-size:9px}.dashboard-caption .demo-badge{color:#6d6482;border-color:#c2b6d35c;background:#eee9f485;font-size:8px;padding:3px 6px}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;padding:11px 23px;border-bottom:1px solid #dee8ea;gap:10px}.filter-tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.filter-tabs button{background:transparent;font-size:10px;white-space:nowrap;padding:8px 12px;border:1px solid transparent;color:#90a8b3;border-radius:7px;transition:background .2s}.filter-tabs button[aria-pressed=true]{background:#68edcb14;color:var(--mint);border-color:#68edcb2d}.dashboard-toolbar .filter-tabs button{color:#6b7e89;font-size:11px;padding:6px 12px}.dashboard-toolbar .filter-tabs button[aria-pressed=true]{background:#174650;color:#e8fff9;border-color:#174650}.attention-filter{display:flex;align-items:center;gap:6px;font-size:10px;background:#fff;border:1px solid #cddce0;border-radius:6px;padding:6px 10px;color:#6d7c82;white-space:nowrap}.attention-filter .icon{width:13px;height:13px}.attention-filter[aria-pressed=true]{border-color:#c99151;background:#fff3df;color:#99652e}.table-scroll{overflow-x:auto;scrollbar-width:thin}.status-table{border-collapse:collapse;width:100%;min-width:680px;table-layout:fixed}.status-table th:first-child{width:25%}.status-table thead th{background:#f4f7f8;text-align:left;padding:11px 15px;font-size:11px;font-weight:500;border-bottom:1px solid #dfe8ea}.status-table thead th:first-child{padding-left:25px}.status-table thead th>small{display:block;font-size:8px;margin-top:4px;color:#8a9aa3}.student-column{display:flex;align-items:center;gap:8px;background:transparent;padding:0;color:#324c5d;text-align:left}.student-dot{width:26px;height:26px;display:grid;place-items:center;background:#e3eaf0;color:#5b7589;border-radius:8px;font-size:10px;font-family:Arial,sans-serif}.student-column.selected .student-dot{background:#d4efe6;color:#135c50}.student-column span>small{display:block;color:#82969f;font-size:8px;margin-top:3px}.student-column:hover{color:#00836f}.status-table tbody th,.status-table tbody td{border-bottom:1px solid #e0e8eb;padding:8px 13px;text-align:left;font-weight:400}.status-table tbody tr:last-child th,.status-table tbody tr:last-child td{border:0}.status-table tbody th{padding-left:25px}.status-table tbody tr:hover{background:#eaf2f4}.task-name{display:flex;align-items:center;gap:12px;padding:0;background:none;color:#294557;text-align:left}.task-name>.icon{width:19px;height:19px;color:#66858e}.task-name b{font-size:12px;font-weight:600;display:block}.task-name small{display:block;font-size:8px;color:#7c939d;margin-top:4px}.task-name:hover b{color:#00785f}.status-cell{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:left;width:100%;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:#305261;transition:background .2s,border-color .2s}.status-cell>span{display:flex;align-items:center;gap:6px}.status-cell .icon{width:12px;height:12px}.status-cell b{font-size:12px;font-weight:600}.status-cell small{font-size:8px;opacity:.75;white-space:nowrap}.status-cell.done{color:#267868;background:#dcefe774}.status-cell.pending{color:#83929b;background:#e8ecef66}.status-cell.retry{color:#976e36;background:#f8e9d099}.status-cell:hover{border-color:currentColor;transform:translateY(-1px)}.dashboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 24px;border-top:1px solid #dfe7e9;font-size:8px;color:#82949c}.legend{display:flex;gap:16px}.legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;display:inline-block;border-radius:50%}.legend-dot.mint{background:#4f9684}.legend-dot.amber{background:#b68648}.legend-dot.muted{background:#95a4ac}.overview-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;font-size:10px;color:#90a9b3}.overview-footer .btn{padding:2px 0;font-size:11px}
.vocab-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0 18px;max-width:450px}.vocab-modes button{background:#ffffff03;border:1px solid var(--line);border-radius:9px;text-align:left;font-size:11px;padding:13px 12px;color:#98b1bc;display:flex;gap:9px;align-items:center}.vocab-modes button>span{font-family:Arial,sans-serif;font-size:8px;color:#64838f}.vocab-modes button[aria-pressed=true]{border-color:#68edcb65;color:var(--mint);background:#68edcb0b}.vocab-play{padding:25px 28px;display:flex;flex-direction:column;flex:1;justify-content:center;min-height:0}.question-kicker,.exercise-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;font-family:Arial,sans-serif;letter-spacing:.06em;color:#89aab7;margin-bottom:16px}.question-kicker span:first-child{color:var(--mint)}.vocab-word{font-family:Arial,sans-serif;font-size:clamp(37px,4vw,67px);font-weight:650;letter-spacing:-.04em;color:#f4faf8;margin:8px 0 14px}.vocab-word.korean-word{font-family:inherit;font-size:45px}.sample-prompt{font-size:12px;line-height:1.8;color:#b0c4cc;margin-bottom:21px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid button{background:#ffffff05;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:15px;padding:16px;font-size:13px;color:#c3d6d9;text-align:left}.choice-grid button span{width:20px;height:20px;border:1px solid #aacdcf2d;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:9px;color:#839faa}.choice-grid button[aria-pressed=true]{border-color:#68edcb99;background:#68edcb12;color:var(--mint)}.answer-input{background:#081d2db3;border:1px solid #aacdcf40;border-radius:11px;color:#effaf5;outline:none;padding:16px 17px;font-size:17px;width:100%}.answer-input::placeholder{color:#5f8391;font-size:12px}.answer-input:focus{border-color:var(--mint)}.sentence-sample{font-family:Arial,sans-serif;font-size:clamp(25px,2.4vw,39px);line-height:1.5;letter-spacing:-.02em;color:#eff8f4;margin:9px 0 17px}.inline-blank{display:inline-flex;min-width:75px;justify-content:center;border-bottom:2px solid var(--mint);color:var(--mint);background:#68edcb0d;border-radius:4px}.vocab-bottom{display:flex;gap:14px;align-items:center;margin-top:26px}.vocab-bottom .btn{white-space:nowrap;flex-shrink:0}.matching-list{display:flex;flex-direction:column;gap:12px}.matching-list label{display:grid;grid-template-columns:1fr 20px 1.1fr;gap:14px;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:8px}.matching-list b{font-family:Arial,sans-serif;font-size:17px;font-weight:500}.matching-list .icon{width:17px;height:17px;color:#658991}.matching-list select{background:#0a2436;border:1px solid #89b3ba3d;color:#bad5d4;border-radius:5px;font-size:11px;padding:8px;width:100%}
.capability-list{display:flex;flex-direction:column;gap:19px;margin-top:29px}.capability-list>div{display:flex;gap:14px;align-items:flex-start}.capability-list>div>span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.06em;color:var(--mint);border:1px solid #68edcb30;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.capability-list b{display:block;font-size:13px;font-weight:550;color:#d4e6e5}.capability-list small{font-size:10px;color:#8eaab5;display:block;margin-top:7px;line-height:1.5}.listening-play{padding:15px 28px 18px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.audio-sculpture{position:relative;height:132px;display:flex;justify-content:center;align-items:center;isolation:isolate}.audio-sculpture .icon-tile{width:73px;height:73px;border-radius:23px;transform:rotate(-7deg);z-index:2}.audio-sculpture .icon-tile .icon{width:36px;height:36px}.audio-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-13deg);width:235px;height:115px;border:1px solid #90c5bd27;border-radius:50%}.equalizer{position:absolute;display:flex;align-items:center;gap:5px;justify-content:center;inset:0;z-index:-1}.equalizer i{height:var(--h);width:3px;border-radius:4px;background:var(--mint);opacity:.18;transform:scaleY(.35);transition:transform .3s}.equalizer.playing i{animation:wave .9s ease-in-out infinite;animation-delay:var(--d);opacity:.48}.audio-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 13px}.audio-caption b{font-size:16px;font-family:Arial,sans-serif;font-weight:500}.audio-caption span{font-size:8px;color:#8ca7b3;max-width:160px;text-align:right}audio{width:100%;height:35px;display:block;margin-bottom:18px;border-radius:8px;color-scheme:light}.listening-choices{display:flex;flex-direction:column;gap:7px}.listening-choices button{display:flex;gap:15px;align-items:center;background:#071a2b55;border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:#c4d5de;font-size:13px;font-family:Arial,sans-serif;text-align:left}.listening-choices button>span{font-size:9px;color:#6c909c}.listening-choices button.selected{background:#68edcb15;border-color:#68edcb65;color:var(--mint)}.listening-play .feedback{margin-top:12px;font-size:10px}.transcript{font-size:10px;color:#96b1bb;margin-top:12px;line-height:1.8}.transcript summary{cursor:pointer;color:var(--mint);font-size:10px}.transcript p{margin-top:10px;line-height:1.85;font-family:Arial,sans-serif}
.practice-split{grid-template-columns:.87fr 1.13fr!important}.source-paper{border:1px solid #c0d6d020;background:linear-gradient(135deg,#ffffff08,#00000008);border-radius:12px;padding:19px;margin-top:19px}.source-head{display:flex;gap:10px;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;font-size:8px;color:#5f8997;letter-spacing:.07em;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.source-head span:last-child{font-family:inherit;color:#8ba7b1;font-size:8px;letter-spacing:0}#sourceText p{font-family:Arial,sans-serif;font-size:13px;line-height:1.75;color:#bacdd6;margin:6px 0}.practice-legend{display:flex;gap:12px;justify-content:space-between;margin-top:18px;font-size:9px;color:#6c8b99}.practice-legend b{display:block;font-size:10px;color:#abbdc5;font-weight:500;margin-top:6px}.practice-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:17px 20px 12px}.practice-toolbar>span{font-size:9px;color:#8fabba}.practice-play{padding:10px 22px 8px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.exercise-label{font-size:8px;margin-bottom:11px}.exercise-label span:first-child{color:var(--mint)}.practice-play .sample-prompt{font-size:11px;margin-bottom:14px}.answer-tray{padding:14px;min-height:95px;border:1px dashed #68edcb55;background:#68edcb06;border-radius:11px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;margin:16px 0}.tray-hint{font-size:10px;color:#6e949e;align-self:center;line-height:1.9;margin:auto;text-align:center}.word-chip{font-family:Arial,sans-serif;font-size:14px;line-height:1.3;background:#f4f7f4;color:#1e3b4b;border:1px solid #ffffffb3;border-radius:7px;box-shadow:0 3px 0 #bbc5c85c;padding:10px 12px;cursor:grab;transition:transform .2s,opacity .2s}.word-chip:hover:not(:disabled){transform:translateY(-2px)}.word-chip.chosen{background:#b9f0dc;color:#184c40;border-color:#b9f0dc;box-shadow:0 2px 0 #76c0ac40;font-size:13px;padding:9px 10px}.word-chip:disabled,.sentence-chip:disabled{opacity:.12;cursor:default}.token-pool{display:flex;gap:8px;flex-wrap:wrap}.sentence-chip{font-size:12px;font-family:Arial,sans-serif;color:#d3e0e4;background:#ffffff06;border:1px solid #cadbd329;border-radius:8px;padding:11px 12px;display:flex;gap:10px;align-items:flex-start;text-align:left;line-height:1.5;width:100%;cursor:grab}.sentence-chip span{font-size:9px;color:#789eaa;margin-top:1px;flex-shrink:0}.sentence-chip.chosen{background:#68edcb12;border-color:#68edcb30;color:#bff3de}.sentence-tray{min-height:81px;padding:10px;gap:6px;margin:11px 0}.sentence-tray .sentence-chip{padding:6px 9px;font-size:11px}.sentence-pool{gap:6px}.sentence-pool .sentence-chip{font-size:11px;padding:9px 10px}.practice-actions{display:flex;gap:8px;align-items:center;padding:12px 22px 4px;flex-shrink:0}.practice-actions .textlink{margin-left:auto;font-size:10px}.practice-actions .btn{font-size:11px;padding:10px 12px;gap:7px}.practice-feedback{padding:7px 22px 12px;min-height:45px;font-size:10px}.cloze-lines{display:flex;flex-direction:column;gap:24px;margin:27px 0}.cloze-lines label{display:flex;align-items:flex-start;gap:13px;font-family:Arial,sans-serif;font-size:19px;line-height:2;color:#d6e6e8}.question-no{font-size:10px;color:#7397a1;margin-top:4px}.cloze-lines select{font-family:Arial,sans-serif;background:#153d40;border:1px solid #68edcb5c;color:var(--mint);font-size:17px;padding:4px;border-radius:5px;margin:0 5px;max-width:150px}
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0 28px}.journey-card{background:linear-gradient(145deg,#ffffff07,#142f3d66);border:1px solid var(--line);border-radius:17px;padding:23px 25px;text-align:left;position:relative;transition:transform .5s,border-color .4s,background .4s}.journey-card>.icon{position:absolute;right:-25px;top:50%;width:24px;height:24px;color:#47706f}.journey-no{display:block;font-size:9px;font-family:Arial,sans-serif;color:#668c95;margin-bottom:17px}.journey-card .icon-tile{width:65px;height:65px;border-radius:19px;margin-bottom:20px}.journey-card .icon-tile .icon{width:31px;height:31px}.journey-card h3{font-size:23px;margin-bottom:9px}.journey-card p{font-size:11px;color:#8fabba}.journey-card.current{background:linear-gradient(135deg,#68edcb17,#68edcb05);border-color:#68edcb75;transform:translateY(-6px);box-shadow:0 13px 32px #0003}.journey-description{display:grid;grid-template-columns:145px 1fr;gap:12px;align-items:start;border-top:1px solid var(--line);padding-top:24px}.journey-description>.micro{margin-top:6px;color:var(--mint);font-size:9px}.journey-description h3{font-size:23px;font-weight:500}.journey-description p{grid-column:2;font-size:11px;color:#8aa6b2}.scene-6 .section-head .desc{font-size:13px}
.omr-v2{padding:20px 24px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:17px}.student-ribbon{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8ba8b7}.student-select{background:#132f40;color:#d6e8e8;border:1px solid #a9d2d12f;border-radius:8px;font-size:12px;padding:9px 30px 9px 12px;min-width:105px}.omr-v2 .paper-demo{padding:17px 22px;box-shadow:0 15px 25px #0002;flex-shrink:0}.omr-v2 .paper-title{margin-bottom:8px;padding-bottom:12px}.omr-v2 .omr-row{grid-template-columns:27px repeat(5,1fr);min-height:37px;gap:8px}.omr-v2 .bubble{width:26px;height:26px;font-size:10px}.manual-score{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#b5a1f60a;border:1px solid #b5a1f629;padding:12px 14px;border-radius:10px}.manual-score b{display:block;font-size:11px;font-weight:500;color:#d2c8e9}.manual-score small{font-size:9px;color:#9088a3;display:block;margin-top:5px}.manual-score label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:#9d96b2}.manual-score select{background:#24334a;color:#e7dfff;border:1px solid #cdbbf04f;padding:7px;border-radius:6px;font-size:13px}.omr-action{display:flex;justify-content:space-between;align-items:center;gap:18px}.omr-action>.btn{font-size:12px;padding:12px 16px;flex-shrink:0}.omr-action>span{font-size:9px;line-height:1.6;color:#8aabb2;max-width:175px}.result-path{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:25px;color:#89a4b1;font-size:10px}.result-path strong{font-weight:500;color:var(--mint)}.result-path .icon{width:12px;height:12px;color:#4e797d}.asset-tools{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.asset-tools .textlink{font-size:10px}.omr-report{margin:17px 20px;background:#f4f8f7;border-radius:13px;color:#264653;padding:20px 24px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.report-heading{display:flex;justify-content:space-between;gap:14px;font-size:12px;font-weight:600}.report-heading span:last-child{font-size:8px;color:#86999c;font-weight:400}.result-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:19px 0 15px;padding-bottom:18px;border-bottom:1px solid #d8e4e4}.total-score strong{font-family:Arial,sans-serif;font-size:61px;letter-spacing:-.06em;color:#145d58;font-weight:650;line-height:1}.total-score>span{font-size:11px;color:#789a9d;margin-left:7px}.score-breakdown{display:flex;flex-direction:column;gap:10px;min-width:46%}.score-breakdown>span{font-size:10px;color:#6d858d;display:flex;justify-content:space-between;gap:15px}.score-breakdown b{color:#2c525d;font-size:12px}.score-breakdown>span:last-child b{color:#796592}.question-result-table table{width:100%;border-collapse:collapse;text-align:center;font-size:11px}.question-result-table th{font-weight:500}.question-result-table thead th{font-size:9px;color:#799197;padding:9px;border-bottom:1px solid #d4e0e1}.question-result-table td,.question-result-table tbody th{padding:9px 7px;border-bottom:1px solid #dce6e5}.question-result-table tbody tr:last-child td,.question-result-table tbody tr:last-child th{border-bottom:0;color:#83738e}.correct{color:#217766;font-weight:600}.incorrect{color:#bd6866;font-weight:600}.result-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:12px;border-top:1px solid #d7e6e3;font-size:10px}.result-summary b{color:#267d6a;font-size:11px}.result-summary span{color:#81959c;font-size:9px}
.record-student{display:flex;align-items:center;gap:13px;margin-top:23px}.record-student>span{font-size:9px;color:#7899a7}.student-record-panel{padding:22px 24px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.record-person{display:flex;align-items:center;gap:13px;margin-bottom:19px}.student-avatar{width:43px;height:43px;display:grid;place-items:center;background:#68edcb16;border:1px solid #68edcb25;color:var(--mint);font-family:Arial,sans-serif;font-size:19px;border-radius:14px}.record-person b{display:block;font-size:19px;font-weight:550}.record-person small{display:block;font-size:9px;margin-top:6px;color:#8aa5b2}.record-person .tag{margin-left:auto;font-size:8px}.record-list{display:flex;flex-direction:column;gap:8px}.record-item{display:flex;align-items:center;text-align:left;gap:13px;background:#ffffff04;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:#b9cfd5}.record-item:hover{border-color:#68edcb75;background:#68edcb05}.record-icon{display:grid;place-items:center;width:28px;height:28px;color:#86c5bb}.record-icon .icon{width:21px;height:21px}.record-item b{font-size:12px;font-weight:550;display:block}.record-item small{font-size:8px;color:#6f95a2;display:block;margin-top:4px}.record-item strong{font-size:13px;margin-left:auto;font-weight:550}.record-item>.icon{width:13px;height:13px;color:#567e8b}.record-item .done{color:#a2dfc8}.record-item .pending{color:#738e9b}.record-item .retry{color:#e2bf87}.record-note{margin-top:15px;font-size:9px;line-height:1.7;color:#7898a6}
.counsel-steps{display:flex;flex-direction:column;gap:17px;margin-top:30px}.counsel-steps>div{display:flex;gap:12px;align-items:center}.counsel-steps span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:9px;background:#68edcb10;border:1px solid #68edcb38;color:var(--mint)}.counsel-steps b{font-size:15px;font-weight:500;color:#c4d9dd}.counsel-boundary{font-size:11px;line-height:1.9;color:#82a1ae;margin-top:25px;padding-left:14px;border-left:2px solid #a890d057}.counsel-boundary strong{font-weight:500;color:#c6badf}.counsel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px 0}.counsel-panel{padding:18px 22px;flex:1;overflow:auto;min-height:0;scrollbar-width:thin}.counsel-document{background:#f5f6f1;color:#24444e;border-radius:12px;padding:23px 26px;box-shadow:0 14px 28px #0002;min-height:100%}.document-kicker{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#8b9d9d;font-family:Arial,sans-serif;margin-bottom:17px}.document-kicker span:last-child{color:#527b79;font-family:inherit;font-size:10px;letter-spacing:0}.counsel-document>h3{font-size:23px;font-weight:650;letter-spacing:-.06em;margin-bottom:18px}.evidence-grid{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin-bottom:20px}.evidence-grid>span{flex:1;min-width:90px;background:#e4ede8;border-radius:7px;padding:10px 12px;color:#69877e;font-size:8px;white-space:nowrap}.evidence-grid b{display:block;color:#27624e;font-size:18px;font-weight:600;margin-top:5px}.consult-block{border-top:1px solid #dce4dd;padding-top:15px;margin-top:15px}.consult-block>.micro{font-size:8px;color:#8a9990;letter-spacing:.07em}.consult-block p{font-size:13px;line-height:1.9;margin-top:11px;color:#3d5d64}.consult-block .teacher-quote{font-size:15px;line-height:1.85;color:#34585e;word-break:keep-all}.next-action{padding:13px 16px;border:0;background:#ebeee5;border-radius:8px;margin-top:17px}.next-action .micro{color:#7f9075}.next-action p{font-size:11px;line-height:1.8;margin-top:8px;color:#536c4f}.document-sign{font-size:8px;color:#9aa79f;text-align:right;margin-top:19px}.brand-role{border:0;background:none;box-shadow:none}.brand-role .logo-plate{width:92px;height:92px;border-radius:22px}.v2-frame.role-frame .role-orbit{height:270px;flex-shrink:0}.v2-frame.role-frame .role-quote{margin-bottom:22px}.v2-frame.role-frame .role-quote h3{font-size:19px}
.closing-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6vw;width:100%;max-width:1520px;margin:auto}.end-lines p{font-size:clamp(32px,3.9vw,64px);letter-spacing:-.055em;line-height:1.55;color:#b4c6ca;font-weight:400}.end-lines strong{color:var(--mint);font-weight:700}.end-lines p:nth-child(2) strong{color:#eff5f1}.end-lines p:nth-child(3) strong{color:#bcacee}.closing-message .desc{font-size:15px;line-height:1.8;margin-top:28px}.ending-brand{perspective:1100px;position:relative}.full-logo-card{width:min(100%,435px);aspect-ratio:1;background:#fff;border-radius:35px;overflow:hidden;transform:rotateY(-11deg) rotateZ(5deg);border:1px solid #dfe8e9;box-shadow:-5px 14px 0 #c4d4df,0 28px 75px #0004;position:relative;z-index:1;animation:endfloat 9s ease-in-out infinite}.full-logo-card img{width:100%;height:100%;object-fit:contain;display:block}.logo-glow{position:absolute;inset:-12%;background:radial-gradient(circle,#68edcb24,transparent 62%);filter:blur(12px)}.brand-signature{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.2em;color:#6a98a1;text-align:center;margin-top:39px}.role-orbit-live .role-orbit-line{box-shadow:0 0 30px rgba(104,237,203,.08) inset;animation:rolePulse 6s ease-in-out infinite}.role-orbit-live .role-center{animation:roleFloat 7s ease-in-out infinite}.role-orbit-live .role-node{transition:transform .25s ease}.role-orbit-live .role-node[aria-pressed=true]{transform:translateY(-4px)}.full-logo-card.interactive{cursor:grab;touch-action:none;user-select:none}.full-logo-card.interactive.dragging{cursor:grabbing}.role-quote .fine{margin-top:10px;color:#8faeb8;font-size:10px;line-height:1.8}@keyframes rolePulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.03);opacity:1}}@keyframes roleFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}.ending-brand .full-logo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 38%,#ffffff55 49%,transparent 60%);transform:translateX(-100%);animation:shine 9s ease-in-out infinite;pointer-events:none}@keyframes endfloat{0%,100%{transform:rotateY(-11deg) rotateZ(5deg) translateY(0)}50%{transform:rotateY(-6deg) rotateZ(3deg) translateY(-9px)}}
.cell-detail .demo-badge{margin-bottom:10px;display:inline-block}.cell-value{font-family:Arial,sans-serif;font-size:64px;color:var(--mint);letter-spacing:-.07em;margin:22px 0}.cell-value.pending{font-family:inherit;font-size:45px;color:#9caeb8}.cell-value.retry{color:var(--amber)}.cell-detail>p{font-size:13px;line-height:1.9;color:#9cb8c2;max-width:610px}.cell-detail>.fine{font-size:10px;margin-top:20px}.cell-path{display:flex;align-items:center;gap:12px;margin-top:27px;font-size:11px;color:#668d9b}.cell-path .icon{width:15px;height:15px}.cell-path strong{font-weight:500;color:var(--mint)}
#modalPanel{max-width:760px}.wide-modal#modalPanel{max-width:1080px}.review-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:34px}.review-left>.fine{font-size:11px;line-height:1.85}.review-fields{display:flex;flex-direction:column;gap:14px}.review-fields label,.scene-choice{display:flex;flex-direction:column;gap:7px;color:#9ab5be;font-size:11px}.scene-choice{margin:18px 0}.review-fields input:not([type=checkbox]),.review-fields textarea,.scene-choice select{width:100%;background:#081d2db3;border:1px solid #8eb5bd33;border-radius:8px;padding:11px 12px;color:#daebe9;font-size:13px;line-height:1.7}.review-fields .check-label{display:flex;flex-direction:row;gap:9px;align-items:center;font-size:10px}.check-label input{accent-color:#68edcb}.review-right{border-left:1px solid var(--line);padding-left:30px}.review-right h3{font-size:19px;margin-bottom:14px}.review-right>.fine{font-size:10px;line-height:1.9}.asset-edit-card{background:#ffffff03;border:1px solid var(--line);border-radius:9px;padding:14px 16px;margin:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.asset-edit-card b{font-size:13px;width:100%;font-weight:500}.asset-edit-card small{width:100%;font-size:9px;color:#819eab}.asset-edit-card .btn{font-size:10px;padding:8px 10px}.asset-edit-card .textlink{font-size:10px}.embedded-shot{width:100%;min-height:200px;flex:1;display:grid;place-items:center;overflow:hidden;cursor:zoom-in;background:#eef3f1;border-radius:8px;position:relative}.embedded-shot img{width:100%;height:100%;max-height:490px;object-fit:contain;display:block}.dashboard-shell>.embedded-shot{height:260px;max-height:36vh;border-radius:0;border-bottom:1px solid #d0dcdc}.omr-report>.embedded-shot{height:100%}.student-record-panel>.embedded-shot{height:100%}.large-shot{display:grid;place-items:center}.large-shot img{display:block;max-width:100%;max-height:72vh;object-fit:contain}.official-screen{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.official-screen img{width:100%;max-height:65vh;object-fit:contain}.official-screen>.fine{font-size:10px;line-height:1.8}.remote-status{width:100%;padding:45px 25px;text-align:center;border:1px dashed var(--line);border-radius:9px;font-size:12px;color:#90acb8}.official-screen>.demo-badge{white-space:normal}.toc-grid{grid-template-columns:repeat(4,1fr)}.toc-item{min-height:105px}.toc-item strong{font-size:13px}.toc-item small{font-size:9px}.bottombar .progress-dots{gap:5px}.bottombar .progress-dot{width:16px}.bottombar .progress-dot[aria-current=true]{width:30px}.bottombar .progress-dot[aria-current=true]:before{width:27px}.bottombar .foot-left,.bottombar .foot-right{min-width:220px}.key-hint{font-size:8px}
@media(min-width:1800px){.v2-frame{height:680px}.six .feature-card{min-height:229px;padding:26px}.six .feature-card h3{font-size:26px}.six .feature-card p{font-size:14px}.six .feature-card .icon-tile{width:70px;height:70px}.six .feature-card .card-cta{font-size:12px}.dashboard-top{padding:21px 30px}.status-table thead th{padding-top:16px;padding-bottom:16px}.status-table tbody th,.status-table tbody td{padding-top:13px;padding-bottom:13px}.status-cell b{font-size:15px}.status-cell small{font-size:10px}.task-name b{font-size:15px}.task-name small{font-size:10px}.dashboard-caption{font-size:10px;padding-top:10px;padding-bottom:10px}.dashboard-bottom{font-size:10px;padding:15px 24px}.vocab-play{padding:34px}.practice-play{padding:20px 30px}.source-paper{padding:25px}#sourceText p{font-size:16px}.practice-actions{padding-left:30px;padding-right:30px}.word-chip{font-size:17px;padding:13px 16px}.sentence-pool .sentence-chip{font-size:14px;padding:13px}.sentence-tray .sentence-chip{font-size:13px}.answer-tray{min-height:135px}.omr-v2 .omr-row{min-height:48px}.omr-v2 .bubble{width:31px;height:31px}.question-result-table td,.question-result-table tbody th{padding:14px}.record-item{padding:17px}.record-item b{font-size:15px}.record-item small{font-size:10px}.counsel-document{padding:32px}.consult-block .teacher-quote{font-size:18px}.next-action p{font-size:14px}.audio-sculpture{height:165px}.listening-choices button{padding:16px}.listening-play{padding:22px 30px}.capability-list{gap:24px}.capability-list b{font-size:16px}.capability-list small{font-size:12px}.counsel-steps b{font-size:19px}.counsel-boundary{font-size:13px}.vocab-modes button{font-size:14px;padding:17px}.role-orbit{margin-top:20px}.v2-frame.role-frame .role-orbit{height:340px}}
@media(max-height:800px) and (min-width:961px){:root{--header:62px;--footer:57px}.scene{padding-top:18px;padding-bottom:18px}.detail-copy .eyebrow{font-size:8px;margin-bottom:14px}.detail-copy h2{font-size:clamp(29px,3vw,44px);line-height:1.25}.detail-copy .desc{font-size:12px;line-height:1.8;margin-top:15px}.detail-path{margin-bottom:17px}.v2-frame{height:515px;min-height:460px;max-height:calc(100dvh - 157px)}.v2-frame .frame-top{padding:13px 17px}.frame-foot{padding:9px 17px;font-size:8px}.hero-title{font-size:clamp(38px,4vw,62px)}.hero-art{height:440px;min-height:360px}.brand-core{width:215px}.overview-head{margin-bottom:15px}.overview-head h2{font-size:34px}.overview-head .desc{font-size:11px;line-height:1.6;margin-top:9px}.overview-head .eyebrow{font-size:8px;margin-bottom:10px}.overview-actions .tag{font-size:9px;padding:5px 8px}.dashboard-top{padding:11px 23px}.dashboard-brand b{font-size:15px}.dashboard-brand small{font-size:9px}.dash-summary b{font-size:22px}.dashboard-brand .logo-plate{width:33px;height:33px}.dashboard-caption{padding:5px 23px;font-size:8px}.dashboard-toolbar{padding:8px 22px}.dashboard-toolbar .filter-tabs button{padding:5px 10px;font-size:10px}.status-table thead th{padding:8px 13px}.status-table tbody th,.status-table tbody td{padding-top:5px;padding-bottom:5px}.status-cell{padding:5px 8px}.status-cell b{font-size:11px}.status-cell small{font-size:7px}.task-name b{font-size:11px}.task-name small{font-size:8px}.dashboard-bottom{padding:8px 23px}.overview-footer{font-size:9px;padding-top:13px}.overview-footer .btn{font-size:10px}.scene-1 .section-head h2{font-size:37px}.scene-1 .section-head .desc{font-size:11px}.six .feature-card{min-height:175px;padding:17px 20px;grid-template-columns:54px 1fr;gap:0 16px}.six .feature-card .icon-tile{width:53px;height:53px;border-radius:15px}.six .feature-card h3{font-size:21px}.six .feature-card .card-no{margin-bottom:13px}.six .feature-card .card-cta{margin-top:14px}.hub-bottom{padding-top:19px;font-size:10px}.vocab-modes{gap:7px;margin-top:21px;margin-bottom:14px}.vocab-modes button{font-size:10px;padding:11px 10px}.vocab-play{padding:20px 24px}.vocab-word{font-size:49px;margin:5px 0 10px}.choice-grid button{font-size:12px;padding:12px}.vocab-bottom{margin-top:20px}.sample-prompt{font-size:11px}.capability-list{gap:16px;margin-top:23px}.capability-list b{font-size:12px}.capability-list small{font-size:9px}.capability-list>div>span{width:24px;height:24px}.audio-sculpture{height:104px}.listening-play{padding:13px 23px}.listening-choices button{padding:8px 12px;font-size:12px}.audio-caption b{font-size:15px}.transcript{margin-top:8px}.practice-toolbar{padding:13px 17px 8px}.practice-play{padding:8px 19px}.source-paper{padding:14px;margin-top:15px}.source-head{padding-bottom:10px;margin-bottom:10px}#sourceText p{font-size:12px;line-height:1.65}.practice-legend{font-size:8px;margin-top:12px}.practice-legend b{font-size:9px}.word-chip{font-size:13px;padding:9px 10px}.answer-tray{min-height:84px;margin:11px 0}.word-chip.chosen{padding:7px 9px}.practice-actions{padding-top:9px}.practice-actions .btn{font-size:10px;padding:8px 10px}.practice-actions .textlink{font-size:9px}.practice-feedback{font-size:9px;padding-top:5px;padding-bottom:9px}.omr-v2{padding:14px 19px;gap:12px}.omr-v2 .paper-demo{padding:13px 19px}.omr-v2 .omr-row{min-height:33px}.omr-v2 .bubble{width:25px;height:25px}.manual-score{padding:10px 12px}.manual-score b{font-size:10px}.manual-score small{font-size:8px}.omr-action .btn{font-size:11px;padding:11px 13px}.omr-report{padding:16px 20px;margin:14px 17px}.result-hero{margin-top:15px;margin-bottom:10px;padding-bottom:14px}.total-score strong{font-size:55px}.question-result-table td,.question-result-table tbody th{padding:7px}.result-summary{margin-top:12px;padding-top:10px;font-size:9px}.student-record-panel{padding:17px 20px}.record-person{margin-bottom:14px}.record-item{padding:9px 11px;gap:11px}.record-item b{font-size:11px}.record-list{gap:7px}.record-note{font-size:8px;margin-top:11px}.counsel-toolbar{padding:13px 17px 0}.counsel-panel{padding:14px 17px}.counsel-document{padding:18px 22px}.counsel-document>h3{font-size:22px;margin-bottom:14px}.document-kicker{margin-bottom:12px}.evidence-grid{margin-bottom:15px}.evidence-grid>span{padding:8px 10px}.evidence-grid b{font-size:16px}.consult-block{padding-top:12px;margin-top:12px}.consult-block .teacher-quote{font-size:13px;line-height:1.8;margin-top:8px}.next-action{padding:11px 14px}.next-action p{font-size:10px;line-height:1.8}.document-sign{margin-top:12px;font-size:7px}.counsel-steps{gap:14px;margin-top:23px}.counsel-steps b{font-size:14px}.counsel-boundary{font-size:10px;margin-top:22px}.v2-frame.role-frame .role-orbit{height:235px}.v2-frame.role-frame .role-quote h3{font-size:18px}.full-logo-card{max-width:370px;border-radius:30px}.end-lines p{font-size:clamp(30px,3.6vw,53px)}.closing-message .desc{font-size:13px;margin-top:22px}.journey{margin-top:22px;gap:22px}.journey-card{padding:19px 21px}.journey-card h3{font-size:21px}.journey-card .icon-tile{width:55px;height:55px;margin-bottom:17px}.journey-description{padding-top:20px}.journey-description h3{font-size:20px}}
@media(max-width:1160px) and (min-width:961px){.brand-sub,.tool-label.optional{display:none}.split,.scene .split.wide-right,.practice-split{grid-template-columns:.8fr 1.2fr!important;gap:24px!important}.hero-title{font-size:43px}.hero-art .orbit-card{min-width:135px}.hero-art .orbit-card b{font-size:12px}.overview-head{gap:15px}.overview-head h2{font-size:32px}.overview-head .desc br{display:block}.six .feature-card{grid-template-columns:45px 1fr;column-gap:12px;padding:18px 16px}.six .feature-card .icon-tile{width:45px;height:45px;border-radius:13px}.six .feature-card .icon-tile .icon{width:25px;height:25px}.six .feature-card h3{font-size:18px}.six .feature-card p{font-size:10px}.dash-summary{gap:19px}.brand-core{width:180px}.bottombar .foot-left,.bottombar .foot-right{min-width:175px}}
@media(max-width:960px){:root{--header:66px;--footer:64px;--pad:27px}.brand-sub,.tool-label.optional{display:none}.top-tools .tool-label{display:none}.tool.primary-tool .tool-label{display:inline}.tool.primary-tool{padding:8px 10px;margin-right:1px}.brand .wordmark{font-size:19px}.logo-plate.small{width:34px;height:34px;border-radius:10px}.top-tools{gap:3px}.scene{padding-top:29px;padding-bottom:36px;justify-content:flex-start}.scene>.split{margin:0;display:flex;flex-direction:column;gap:28px!important}.split.wide-right,.practice-split{grid-template-columns:1fr!important}.hero-title{font-size:clamp(39px,6.5vw,60px)}.hero-art{height:435px;min-height:380px}.brand-core{width:210px}.hero-copy .desc{max-width:600px}.six .feature-card{grid-template-columns:60px 1fr;min-height:191px}.feature-grid.six{grid-template-columns:repeat(2,1fr)}.scene-1 .section-head h2 br{display:block}.scene-1 .section-head .desc br{display:block}.overview-head{align-items:flex-start;gap:16px}.overview-head h2 br{display:block}.overview-head .desc br{display:block}.overview-actions{gap:12px}.overview-actions .tag{display:none}.overview-head h2{font-size:39px;line-height:1.25}.overview-head .desc{font-size:11px}.overview-wrap{margin:0}.dashboard-top{padding:15px 17px}.dash-summary{gap:17px}.dash-summary>div{gap:5px}.dash-summary b{font-size:22px}.dashboard-caption{flex-direction:column;align-items:flex-start;padding:9px 17px;gap:5px}.dashboard-toolbar{padding:11px 16px}.dashboard-bottom{align-items:flex-start;flex-direction:column;padding:11px 17px}.dashboard-shell{border-radius:15px}.overview-footer{align-items:flex-start;gap:15px;font-size:9px;line-height:1.8}.v2-frame,.detail-frame.v2-frame{height:550px;min-height:450px;max-height:none;width:100%;max-width:760px;margin:auto}.vocab-modes{max-width:600px}.vocab-modes button{font-size:12px}.detail-copy h2 br{display:block}.capability-list{flex-direction:row;flex-wrap:wrap;gap:24px}.capability-list>div{min-width:170px}.practice-split .source-paper{max-width:700px}.practice-legend{max-width:440px}.practice-play{padding-top:17px}.role-tabs{grid-template-columns:repeat(4,1fr);max-width:700px}.v2-frame.role-frame .role-orbit{height:265px}.journey{grid-template-columns:1fr 1fr;gap:15px}.journey-card>.icon{display:none}.journey-card{padding:20px}.journey-card h3{font-size:23px}.journey-description{grid-template-columns:1fr;gap:13px}.journey-description p{grid-column:1}.journey-description h3{font-size:21px}.closing-layout{display:flex;flex-direction:column;align-items:stretch;gap:40px}.ending-brand{max-width:400px;align-self:center;width:90%;margin-bottom:20px}.closing-layout{margin:0}.end-lines p{font-size:clamp(33px,6vw,52px)}.bottombar .foot-left,.bottombar .foot-right{min-width:0}.bottombar .progress-dot{width:10px}.bottombar .progress-dot[aria-current=true]{width:24px}.bottombar .progress-dot[aria-current=true]:before{width:20px}.bottombar .progress-dots{gap:4px}.review-layout{grid-template-columns:1fr}.review-right{border:0;border-top:1px solid var(--line);padding:22px 0 0}.toc-grid{grid-template-columns:repeat(3,1fr)}.counsel-boundary{max-width:560px}.counsel-steps{flex-direction:row;gap:17px;flex-wrap:wrap}.counsel-steps b{font-size:12px}.counsel-document{padding:25px}.counsel-panel{padding:19px}.consult-block .teacher-quote{font-size:15px;line-height:1.85}}
@media(max-width:560px){:root{--header:62px;--footer:60px;--pad:20px}.topbar{padding:0 12px 0 19px}.brand{gap:8px}.brand .wordmark{font-size:15px;letter-spacing:0}.brand .logo-plate.small{width:30px;height:30px;border-radius:8px}.top-tools{gap:1px}.tool{padding:7px}.tool .icon{width:16px;height:16px}.tool.primary-tool{padding:7px;margin:0 2px 0 0}.tool.primary-tool .tool-label{display:none}#fullscreenBtn{display:none}.scene{padding-top:25px;padding-bottom:29px}.hero-title{font-size:38px}.hero-art{height:335px;min-height:330px}.brand-core{width:154px}.brand-core .core-label{bottom:14px;font-size:6px}.hero-art .orbit-card{min-width:121px;padding:12px 11px}.hero-art .orbit-card b{font-size:11px}.hero-art .orbit-card.vocabulary{left:0}.hero-art .orbit-card.listening{right:0}.hero-art .orbit-card.omr{bottom:18%}.hero-art .orbit-card.analysis{bottom:14%}.hero-art .art-caption{font-size:6px;letter-spacing:.07em;bottom:0}.hero-title+.desc{font-size:12px}.hero-copy .actions{gap:9px}.hero-copy .btn{font-size:11px;padding:12px 14px}.hero-copy .btn.ghost{padding-left:0}.hero-sub{font-size:9px;margin-top:20px}.six .feature-card{display:block;min-height:257px;padding:17px 15px}.six .feature-card .card-no{margin-bottom:20px;font-size:7px}.six .feature-card .icon-tile{width:50px;height:50px;margin:0 0 21px;border-radius:14px}.six .feature-card h3{font-size:17px}.six .feature-card p{font-size:10px}.six .feature-card .card-cta{font-size:8px;margin-top:18px}.feature-grid.six{gap:11px}.scene-1 .section-head h2{font-size:32px}.scene-1 .section-head .desc{font-size:11px}.scene-1 .section-head{gap:15px}.scene-1 .section-head .tag{font-size:9px}.overview-head{flex-direction:column;gap:13px}.overview-head h2{font-size:33px}.overview-head .eyebrow{font-size:7px;letter-spacing:.11em}.overview-head .desc{font-size:11px;line-height:1.8}.overview-actions{flex-direction:row;align-items:center}.overview-actions .textlink{font-size:9px}.dashboard-top{flex-direction:column;align-items:flex-start;gap:15px;padding:16px}.dashboard-brand b{font-size:16px}.dashboard-brand small{font-size:9px}.dash-summary{width:100%;justify-content:space-between;gap:17px;border-top:1px solid #dae5e6;padding-top:12px}.dash-summary b{font-size:24px}.dash-summary span{font-size:9px}.dashboard-caption{padding:8px 14px}.dashboard-caption .demo-badge{font-size:7px;white-space:normal}.dashboard-caption>span:last-child{font-size:8px}.dashboard-toolbar{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:9px}.dashboard-toolbar .filter-tabs{gap:2px}.dashboard-toolbar .filter-tabs button{font-size:9px;padding:6px 9px}.attention-filter{padding:5px 8px;font-size:9px}.status-table{min-width:675px}.status-table thead th{padding:11px 12px}.status-table thead th:first-child,.status-table tbody th{padding-left:15px}.status-table tbody td{padding:8px 11px}.table-scroll{position:relative}.dashboard-bottom{font-size:7px;line-height:1.8}.legend{font-size:8px;gap:14px}.overview-footer{flex-direction:column;gap:8px;padding-top:13px}.overview-footer .btn{font-size:10px}.detail-path{gap:22px;margin-bottom:19px}.detail-copy h2{font-size:32px}.detail-copy .eyebrow{font-size:7px;letter-spacing:.08em}.detail-copy .desc{font-size:12px}.v2-frame,.detail-frame.v2-frame{height:528px;min-height:435px;border-radius:17px}.v2-frame .frame-top{padding:12px 13px;gap:5px;min-height:47px}.v2-frame .frame-top .micro{font-size:6px;letter-spacing:.07em}.demo-badge{font-size:7px;padding:4px 5px}.frame-foot{padding:10px 13px;gap:9px;font-size:8px;line-height:1.75}.frame-foot .btn{font-size:9px;white-space:nowrap}.vocab-modes{gap:8px;margin:23px 0 16px}.vocab-modes button{font-size:11px;padding:12px 10px;gap:7px}.vocab-play{padding:22px 18px}.vocab-word{font-size:49px}.vocab-word.korean-word{font-size:36px}.choice-grid button{padding:14px 12px;font-size:12px;gap:10px}.vocab-bottom{gap:11px;margin-top:25px}.vocab-bottom .feedback{font-size:9px}.sentence-sample{font-size:27px}.matching-list label{gap:9px;padding:9px 10px;grid-template-columns:1fr 14px 1.2fr}.matching-list b{font-size:15px}.matching-list select{font-size:10px;padding:7px}.capability-list{flex-direction:column;gap:18px}.capability-list b{font-size:12px}.capability-list small{font-size:10px}.listening-play{padding:14px 17px}.audio-caption{gap:12px}.audio-caption b{font-size:14px}.audio-caption span{font-size:7px;max-width:120px;line-height:1.7}.audio-sculpture{height:126px}.listening-choices button{font-size:12px;padding:10px 12px}.transcript{font-size:10px}#sourceText p{font-size:12px}.source-paper{padding:16px}.source-head{font-size:7px}.source-head span:last-child{font-size:7px}.practice-legend{gap:11px;font-size:8px}.practice-legend b{font-size:9px}.practice-toolbar{padding:13px 12px 5px;gap:5px}.practice-toolbar .filter-tabs{gap:2px}.practice-toolbar .filter-tabs button{font-size:9px;padding:7px 8px}.practice-toolbar>span{font-size:8px}.practice-play{padding:13px 16px 9px}.practice-play .sample-prompt{font-size:10px}.word-chip{font-size:12px;padding:9px 10px;box-shadow:0 2px 0 #bbc5c85c}.word-chip.chosen{font-size:12px;padding:7px 9px}.token-pool{gap:7px}.answer-tray{padding:11px;min-height:103px;gap:6px}.tray-hint{font-size:9px}.practice-actions{padding:9px 15px 4px;gap:7px;flex-wrap:wrap}.practice-actions .btn{font-size:10px;padding:9px 10px;gap:6px}.practice-actions .textlink{font-size:8px}.practice-feedback{padding:7px 16px 10px;font-size:9px}.sentence-pool .sentence-chip{font-size:10px;line-height:1.55;padding:8px 9px}.sentence-tray .sentence-chip{font-size:10px}.sentence-tray{min-height:90px;margin:11px 0;padding:7px}.exercise-label{font-size:7px}.cloze-lines label{font-size:16px;gap:8px}.cloze-lines select{font-size:14px;max-width:119px;margin:0 3px}.journey{gap:13px;margin-top:25px}.journey-card{padding:17px 15px}.journey-card h3{font-size:19px}.journey-card p{font-size:10px}.journey-card .icon-tile{width:50px;height:50px;margin-bottom:15px;border-radius:15px}.journey-card .icon-tile .icon{width:25px;height:25px}.journey-description h3{font-size:18px;line-height:1.7}.journey-description p{font-size:10px;line-height:1.8}.flow-bottom{margin-top:22px}.flow-bottom .fine{font-size:9px}.student-select{font-size:11px;padding:8px 25px 8px 10px;min-width:90px}.student-ribbon{font-size:8px}.omr-v2{padding:16px 15px;gap:15px}.omr-v2 .paper-demo{padding:16px 14px}.omr-v2 .omr-row{min-height:35px;grid-template-columns:20px repeat(5,1fr);gap:7px}.omr-v2 .bubble{width:25px;height:25px}.manual-score{padding:11px 10px;gap:10px}.manual-score b{font-size:9px}.manual-score small{font-size:8px;line-height:1.6}.manual-score label{font-size:9px;gap:5px}.manual-score select{font-size:12px;padding:7px 4px}.omr-action{flex-direction:column;align-items:stretch;gap:8px}.omr-action .btn{font-size:11px;padding:12px}.omr-action>span{max-width:none;font-size:8px;text-align:center}.omr-report{margin:14px 13px;padding:17px 16px}.report-heading{font-size:11px;gap:8px}.report-heading span:last-child{font-size:7px}.result-hero{gap:15px;margin-top:22px}.total-score strong{font-size:50px}.total-score>span{font-size:9px}.score-breakdown>span{font-size:8px;gap:8px}.score-breakdown b{font-size:10px}.question-result-table{font-size:10px}.question-result-table td,.question-result-table tbody th{padding:10px 4px;font-size:10px}.question-result-table thead th{font-size:8px;padding:9px 4px}.result-summary{flex-direction:column;align-items:flex-start;gap:6px}.result-summary b{font-size:10px}.result-summary span{font-size:8px}.asset-tools .textlink{font-size:9px}.record-student>span{font-size:8px}.student-record-panel{padding:18px 16px}.record-person{gap:11px}.record-person b{font-size:17px}.record-person small{font-size:8px}.record-person .tag{font-size:7px}.record-item{padding:11px 9px;gap:8px}.record-item b{font-size:11px}.record-item small{font-size:8px}.record-item strong{font-size:12px}.record-item>.icon{width:11px;height:11px}.record-icon{width:24px;height:24px}.record-icon .icon{width:18px;height:18px}.counsel-steps{flex-direction:column;gap:15px}.counsel-steps b{font-size:14px}.counsel-boundary{font-size:10px}.counsel-toolbar{padding:13px 12px 0;gap:8px}.counsel-toolbar .filter-tabs{gap:2px}.counsel-toolbar .filter-tabs button{padding:7px;font-size:9px}.counsel-panel{padding:14px 12px}.counsel-document{padding:18px 17px}.counsel-document>h3{font-size:22px}.document-kicker{font-size:7px;letter-spacing:.03em;margin-bottom:14px}.document-kicker span:last-child{font-size:9px}.evidence-grid{gap:5px;margin-bottom:15px}.evidence-grid>span{font-size:7px;padding:8px 9px;min-width:65px}.evidence-grid b{font-size:15px}.consult-block .teacher-quote{font-size:13px;line-height:1.85}.next-action{padding:11px 13px}.next-action p{font-size:10px;line-height:1.8}.consult-block .micro{font-size:7px}.document-sign{font-size:7px;margin-top:14px}.role-tabs{grid-template-columns:repeat(2,1fr)}.v2-frame.role-frame .role-orbit{height:257px}.v2-frame.role-frame .role-quote{margin:0 16px 20px;padding:18px}.v2-frame.role-frame .role-quote h3{font-size:17px}.v2-frame.role-frame .role-quote p{font-size:11px}.brand-role .logo-plate{width:80px;height:80px;border-radius:19px}.end-lines p{font-size:33px;line-height:1.6}.closing-message .desc{font-size:12px}.ending-brand{width:79%;margin-top:10px}.full-logo-card{border-radius:25px;box-shadow:-4px 9px 0 #c4d4df,0 28px 55px #0004}.brand-signature{font-size:6px;letter-spacing:.13em}.bottombar{padding:0 16px}.bottombar .progress-dots{display:none}.bottombar .foot-left{gap:12px}.bottombar .scene-name{display:block;font-size:9px;padding-left:12px}.bottombar .scene-count{font-size:10px}.bottombar .scene-count span{font-size:8px}.bottombar .nav-arrow{width:29px;height:29px}.bottombar .foot-right{gap:6px}.toc-grid{grid-template-columns:repeat(2,1fr)}.toc-item{min-height:99px;padding:12px}.toc-item strong{font-size:12px}.toc-item small{font-size:8px}.dialog-panel{padding:20px}.dialog-top h2{font-size:20px}.review-layout{gap:20px}.cell-value{font-size:56px}.cell-detail>p{font-size:12px}.cell-path{font-size:9px;gap:9px}.cell-path .icon{width:12px;height:12px}.review-fields input:not([type=checkbox]),.review-fields textarea{font-size:12px}.review-left .actions{gap:9px}.review-left .actions .btn{font-size:10px}.large-shot img{max-height:70vh}}
@media print{.scene{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;page-break-after:always;min-height:90vh;overflow:visible!important}.scene>div{margin:0!important}#modal,.asset-tools,.overview-actions,.textlink,.topbar,.bottombar{display:none!important}}
/* Final layout checks: keep the entire overview visible on a laptop. */
.scene{justify-content:flex-start}.segmented button[aria-pressed=true]{background:#68edcb18;color:var(--mint);box-shadow:inset 0 0 0 1px #68edcb1f}
.status-cell{line-height:1.2;gap:2px;padding:5px 8px}.status-cell>span{line-height:1.2}.status-cell small{line-height:1.3}.task-name{line-height:1.2}.task-name small{line-height:1.3}.student-column{line-height:1.2}.dashboard-top{padding-top:12px;padding-bottom:12px}.dashboard-caption{padding-top:6px;padding-bottom:6px}.dashboard-toolbar{padding-top:8px;padding-bottom:8px}.status-table thead th{padding-top:9px;padding-bottom:9px}.status-table tbody th,.status-table tbody td{padding-top:7px;padding-bottom:7px}.dashboard-bottom{padding-top:9px;padding-bottom:9px}.counsel-document{min-height:0}.closing-layout{width:calc(100% - 15px)}
@media(max-height:800px) and (min-width:961px){.overview-head{margin-bottom:12px}.overview-head h2{font-size:32px}.overview-head .desc{font-size:10px;margin-top:8px}.overview-head .eyebrow{margin-bottom:8px}.dashboard-top{padding-top:9px;padding-bottom:9px}.dashboard-caption{padding-top:4px;padding-bottom:4px}.dashboard-toolbar{padding-top:6px;padding-bottom:6px}.status-table thead th{padding-top:6px;padding-bottom:6px}.student-dot{width:24px;height:24px}.status-table tbody th,.status-table tbody td{padding-top:4px;padding-bottom:4px}.status-cell{padding:4px 8px}.status-cell b{font-size:11px}.status-cell small{font-size:7px;line-height:1.25}.dashboard-bottom{padding-top:7px;padding-bottom:7px}.overview-footer{padding-top:11px}.omr-report .result-summary{margin-top:10px}.counsel-document{padding-bottom:17px}}
@media(max-width:960px){.closing-layout{width:100%}.status-table tbody th,.status-table tbody td{padding-top:9px;padding-bottom:9px}.dashboard-top{padding-top:16px;padding-bottom:16px}}
@media(min-width:961px){.overview-head{margin-bottom:17px}.overview-footer{padding-top:9px}}
@media(max-height:800px) and (min-width:961px){.overview-head{margin-bottom:12px}.scene-6 .journey{margin-top:15px;margin-bottom:20px}.scene-6 .flow-bottom{padding-top:20px}}
@media(max-height:800px) and (min-width:961px){.scene-6 .journey{margin-bottom:16px}}

/* Matching uses two columns and actual SVG connections, never dropdown choices. */
:root{--match-0:#68edcb;--match-1:#9dbaff;--match-2:#e8c581;--match-3:#c4a2f4}
.matching-mode{display:flex;flex-direction:column;overflow:auto;min-height:0}
.matching-mode .question-kicker{flex-shrink:0;margin-bottom:15px}
.matching-mode .match-instruction{font-size:14px;line-height:1.7;margin:0 0 17px;color:#d3e7e6}
.match-instruction span{color:#88a7b5;font-size:10px}
.match-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:94px;align-items:start;flex-shrink:0;isolation:isolate;user-select:none}
.match-col{display:flex;flex-direction:column;gap:14px;z-index:2;min-width:0;pointer-events:none}
.match-col-title{height:20px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-family:Arial,sans-serif;letter-spacing:.11em;color:#83a4b2;pointer-events:none;margin-bottom:2px}
.match-col-title span{font-size:9px;letter-spacing:0;color:#a2b7be}
.match-node{position:relative;width:100%;min-height:54px;padding:12px 12px;display:flex;align-items:center;gap:11px;text-align:left;background:linear-gradient(135deg,#234250,#132c3b);border:1px solid #749baf45;border-radius:11px;color:#dae9ec;pointer-events:auto;touch-action:none;transition:border-color .2s,background .2s,box-shadow .2s;cursor:crosshair}
.match-node b{font-size:clamp(13px,1.15vw,17px);font-weight:550;font-family:Arial,'Malgun Gothic',sans-serif;white-space:nowrap}
.match-node .match-index{font-family:Arial,sans-serif;font-size:9px;opacity:.53;flex-shrink:0}
.match-node[data-match-side=right]{justify-content:space-between;padding-left:15px}
.match-node[data-match-side=left]{padding-right:15px}
.match-node:hover,.match-node.selected{border-color:var(--mint);background:linear-gradient(135deg,#28594f,#1a3e40);box-shadow:0 0 18px #68edcb18}
.match-node.selected{outline:1px solid var(--mint);outline-offset:3px}
.match-node.connected{border-color:var(--pair-color)}
.match-node.connected .match-port{background:var(--pair-color);box-shadow:0 0 10px color-mix(in srgb,var(--pair-color) 30%,transparent)}
.match-port{position:absolute;top:50%;transform:translateY(-50%);width:11px;height:11px;border:2px solid #7896a7;background:#142c3c;border-radius:100%;z-index:4;pointer-events:none}
.match-node[data-match-side=left] .match-port{right:-6px}
.match-node[data-match-side=right] .match-port{left:-6px}
.match-node.selected .match-port{background:var(--mint);border-color:var(--mint)}
.match-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.match-curve{fill:none;stroke:var(--stroke);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 4px #68edcb22)}
.match-curve.dragging{stroke-dasharray:5 6;stroke-width:2;opacity:.9}
.match-curve.correct{stroke:#7eebba;stroke-width:3.2}.match-curve.wrong{stroke:#f09299;stroke-dasharray:6 4}
.match-node.match-correct{border-color:#7eebba}.match-node.match-wrong{border-color:#f09299;background:#552a324f}
.match-node.match-wrong .match-port{background:#f09299}.match-node.match-correct .match-port{background:#7eebba}
.match-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;flex-shrink:0;font-size:10px;color:#aac4cd}
.match-tools .textlink{display:flex;gap:7px;align-items:center;font-size:10px}.match-tools .icon{width:12px;height:12px}
.matching-mode .vocab-bottom{margin-top:20px;flex-shrink:0;gap:14px}
.matching-mode .vocab-bottom .feedback{font-size:10px}
/* Multi-page read-only report embedded from the anonymized PDF. */
.report-split{grid-template-columns:.75fr 1.25fr!important;gap:3.5vw!important}
.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:27px 0 17px}
.report-metrics>span{font-size:9px;line-height:1.7;color:#8faeba;padding:14px 0;border-top:1px solid #68edcb40}
.report-metrics b{display:block;font-size:32px;font-family:Arial,sans-serif;color:#d9fff1;letter-spacing:-.04em;margin-bottom:4px;font-weight:550}
.report-metrics b small{font-size:10px;margin-left:4px;color:#94b6be;letter-spacing:0;font-weight:400}
#reportSideNote .actions{gap:9px;margin-top:22px}
#reportSideNote .fine{font-size:10px;line-height:1.85}
.demo-separation{border:1px solid #b5a1f633;border-radius:12px;background:#b5a1f60c;padding:16px;margin-top:22px}
.actual-report-frame{height:min(70vh,700px)!important;min-height:500px!important}
.report-view-tabs{display:flex;padding:12px 17px 9px;gap:8px;flex-shrink:0;border-bottom:1px solid var(--line)}
.report-view-tabs button{flex:1;padding:10px 8px;border-radius:8px;background:transparent;border:1px solid #bdd5d523;font-size:11px;color:#8fa9b9}
.report-view-tabs button[aria-pressed=true]{background:#68edcb10;color:var(--mint);border-color:#68edcb66}
.omr-report.v3-report-host{min-height:0;flex:1;margin:14px 17px;padding:17px 20px}
.omr-report.v3-report-host.showing-original{margin:0;padding:0;border-radius:0;background:transparent;display:flex;flex-direction:column;overflow:hidden;color:#d0e5e7}
.real-report-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 19px 10px;flex-shrink:0}
.real-report-heading b{font-size:12px;font-weight:600;display:block}
.real-report-heading small{font-size:8px;color:#93aeb9;display:block;margin-top:6px;line-height:1.5}
.real-report-heading .textlink{font-size:9px;white-space:nowrap;display:flex;gap:5px;align-items:center}.real-report-heading .icon{width:13px;height:13px}
.report-pages{display:flex;align-items:stretch;gap:6px;padding:0 17px 9px;flex-shrink:0}
.report-pages button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #aec2da2b;background:#ffffff03;border-radius:7px;padding:9px 6px;color:#90abb8;font-size:9px;line-height:1.5}
.report-pages button span{font-family:Arial,sans-serif;font-size:8px;opacity:.7}
.report-pages button[aria-pressed=true]{background:#d0e9e90c;border-color:#badfd880;color:#dbf9ed}
#reportCanvas{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.report-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 18px 8px;border-top:1px solid var(--line);font-size:8px;color:#8ca8b6;flex-shrink:0}
.report-controls>div{display:flex;align-items:center;gap:12px}
.report-controls .textlink{font-size:8px;color:#9bb8c0;display:flex;align-items:center;gap:4px;white-space:nowrap}
.report-controls .textlink[aria-pressed=true]{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.report-controls .icon{width:11px;height:11px}
.report-scroll{flex:1;min-height:0;overflow:auto;background:#192a37;scrollbar-width:thin;scrollbar-color:#87a2b5 #10202e;padding:0 11px;overscroll-behavior:contain;outline-offset:-2px}
.report-page-image{display:block;width:100%;height:auto;margin:auto;box-shadow:0 0 10px #0003;max-width:none}
.report-scroll.page-fit{padding:5px 11px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.report-scroll.page-fit .report-page-image{width:auto;height:100%;max-width:100%;object-fit:contain;box-shadow:none}
.report-integrity{padding:9px 17px 8px;font-size:8px;color:#9db6bd;flex-shrink:0;border-top:1px solid #d2eced10;line-height:1.6}
.report-modal-panel{display:flex;flex-direction:column;height:91vh;max-height:91dvh!important;width:min(1120px,100%)!important;padding:24px!important;overflow:hidden!important}
.report-modal-panel .dialog-top{margin-bottom:13px;padding-bottom:14px;flex-shrink:0}.report-modal-panel .dialog-top h2{font-size:22px}
.report-modal-panel #modalBody{flex:1;min-height:0;display:flex;flex-direction:column}
.report-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:10px;color:#b1c8d0;flex-shrink:0}
.report-modal-head .btn{font-size:10px;padding:8px 12px}
#reportModalContent{display:flex;flex-direction:column;min-height:0;flex:1}
#reportModalContent .report-pages{padding:0 0 12px}
#reportModalContent .report-pages button{font-size:11px}
#reportModalContent .report-controls{font-size:10px;padding:10px 0}
#reportModalContent .report-controls .textlink{font-size:10px}
.report-scroll-modal{padding:0 10px;background:#071721}
/* Source-based counseling is not the prior six-question mock result. */
.counsel-source-tabs{display:flex;gap:6px;margin-bottom:10px}
.counsel-source-tabs button{border:1px solid #b4d3df30;background:#ffffff04;color:#91adba;border-radius:7px;padding:7px 12px;font-size:10px}
.counsel-source-tabs button[aria-pressed=true]{color:var(--mint);border-color:#68edcb50;background:#68edcb0d}
.actual-counsel{padding:21px 24px}
.actual-counsel .source-badge{font-size:8px;background:#e9f4ef;color:#458173;border:1px solid #ccdeda;padding:5px 7px;border-radius:5px;display:inline-block;margin:0 0 13px}
.actual-counsel .evidence-grid{margin-bottom:14px}
.actual-counsel .evidence-grid>span{font-size:8px}
.actual-error-evidence{border:1px solid #e1c7c5;background:#fcf7f6;border-radius:9px;padding:11px 14px;margin-bottom:15px}
.actual-error-evidence>.textlink{color:#a24c54;font-size:9px;margin-bottom:9px;display:flex;align-items:center;gap:5px}
.actual-error-evidence>.textlink .icon{width:11px;height:11px}
.actual-error-evidence>div{display:flex;align-items:baseline;gap:13px;margin:5px 0;font-size:10px}
.actual-error-evidence>div>span{width:46px;color:#8b8183;font-size:8px;flex-shrink:0}
.actual-error-evidence b{font-family:Arial,sans-serif;font-size:12px;font-weight:500;color:#485d69}
.actual-counsel .teacher-quote{font-size:14px;line-height:1.85}
.actual-counsel .next-action{margin-top:13px;padding:11px 14px}
.actual-counsel .next-action p{font-size:11px}
.actual-counsel-foot{display:flex;flex-direction:column;gap:9px;margin-top:14px;line-height:1.6}
.actual-counsel-foot .textlink{display:flex;align-items:center;gap:6px;font-size:10px;color:#247a68}
.actual-counsel-foot .textlink .icon{width:13px;height:13px}
.actual-counsel-foot>span{color:#8b999b;font-size:8px}
@media(max-height:800px) and (min-width:961px){.match-board{column-gap:70px}.match-col{gap:11px}.match-node{min-height:47px;padding:11px 9px}.matching-mode .match-instruction{margin-bottom:12px;font-size:12px}.matching-mode .vocab-bottom{margin-top:15px}.match-tools{margin-top:12px}.actual-report-frame{min-height:465px!important;height:68vh!important}.report-view-tabs{padding:9px 13px 8px}.report-view-tabs button{font-size:10px;padding:8px}.real-report-heading{padding:11px 16px 9px}.report-pages button{font-size:8px;padding:7px 4px}.report-metrics{margin-top:22px}.report-metrics b{font-size:29px}.report-split .detail-copy h2{font-size:38px}.report-split .detail-copy .desc{font-size:12px}}
@media(max-width:960px){.report-split{display:flex!important;flex-direction:column}.actual-report-frame{height:700px!important;min-height:600px!important}.report-metrics{max-width:530px;gap:20px}.match-board{column-gap:104px}.match-node{min-height:55px}.report-metrics b{font-size:31px}.report-split .detail-copy{margin-bottom:0}.report-controls{font-size:9px}.report-controls .textlink{font-size:9px}}
@media(max-width:560px){.matching-mode{padding:19px 15px!important}.match-instruction span{font-size:9px}.matching-mode .match-instruction{font-size:12px;margin-bottom:17px}.match-board{column-gap:52px}.match-col{gap:15px}.match-col-title{font-size:7px;letter-spacing:.06em}.match-col-title span{font-size:8px}.match-node{min-height:51px;padding:10px 7px;gap:6px;border-radius:9px}.match-node[data-match-side=right]{padding-left:8px}.match-node[data-match-side=left]{padding-right:7px}.match-node b{font-size:12px}.match-node[data-match-side=right] b{font-size:11px}.match-index{font-size:8px!important}.match-port{width:9px;height:9px}.match-node[data-match-side=left] .match-port{right:-5px}.match-node[data-match-side=right] .match-port{left:-5px}.match-curve{stroke-width:2}.match-tools{font-size:9px;margin-top:15px}.matching-mode .vocab-bottom{gap:10px;margin-top:22px}.matching-mode .vocab-bottom .feedback{font-size:9px}.match-tools .textlink{font-size:9px}.report-split{gap:25px!important}.actual-report-frame{height:600px!important;min-height:520px!important}.report-view-tabs{padding:10px 10px 8px;gap:5px}.report-view-tabs button{font-size:9px;padding:9px 5px}.real-report-heading{padding:12px 12px 10px}.real-report-heading b{font-size:11px}.real-report-heading small{font-size:7px}.real-report-heading .textlink{font-size:8px}.report-pages{padding:0 10px 8px;gap:4px}.report-pages button{font-size:8px;gap:4px;flex-direction:column;padding:8px 4px}.report-controls{font-size:8px;padding:7px 11px;flex-wrap:wrap}.report-controls>div{gap:10px}.report-controls .textlink{font-size:8px}.report-scroll{padding:0 5px}.report-integrity{font-size:7px;padding:8px 11px}.report-metrics{gap:10px;margin:20px 0 14px}.report-metrics b{font-size:29px}.report-metrics>span{font-size:8px}.report-modal-panel{padding:15px!important;height:94dvh;max-height:94dvh!important}.report-modal-panel .dialog-top h2{font-size:16px}.report-modal-head{font-size:8px;line-height:1.6}.report-modal-head .btn{font-size:9px;padding:8px}.report-scroll-modal{padding:0}#reportModalContent .report-pages button{font-size:8px}#reportModalContent .report-controls{font-size:8px}.actual-counsel{padding:17px 16px}.actual-counsel .teacher-quote{font-size:12px}.actual-error-evidence{padding:10px}.actual-counsel .evidence-grid>span{font-size:7px}.actual-counsel .evidence-grid b{font-size:15px}.actual-counsel .next-action p{font-size:10px}.actual-counsel-foot .textlink{font-size:9px}.actual-counsel-foot>span{font-size:7px}.counsel-source-tabs button{font-size:9px;padding:7px 10px}}
/* Give the actual document the available presentation height. */
.actual-report-frame{height:min(calc(100dvh - 190px),760px)!important}
.actual-report-frame>.frame-top{padding:9px 16px;min-height:39px}
.actual-report-frame .report-integrity{display:none}
.actual-report-frame>.frame-foot{padding:9px 17px}
.actual-report-frame .report-view-tabs{padding:9px 13px}
.actual-report-frame .real-report-heading{padding:10px 16px 8px}
@media(max-height:800px) and (min-width:961px){.actual-report-frame{height:calc(100dvh - 188px)!important;min-height:480px!important}}
@media(max-width:960px){.actual-report-frame{height:700px!important}}
@media(max-width:560px){.actual-report-frame{height:600px!important}.actual-report-frame>.frame-top{min-height:37px}}
/* Keep the first matching instruction reachable at every viewport. */
.vocab-play.matching-mode{justify-content:flex-start;padding-top:16px;padding-bottom:16px}
.match-col{gap:12px}.match-node{min-height:50px}
@media(max-height:800px) and (min-width:961px){.vocab-play.matching-mode{padding-top:12px;padding-bottom:12px}.match-node{min-height:44px}.match-col{gap:10px}.matching-mode .question-kicker{margin-bottom:10px}.matching-mode .vocab-bottom{margin-top:12px}}
@media(max-width:560px){.vocab-play.matching-mode{padding:16px 15px!important}.match-node{min-height:44px}.match-col{gap:10px}.matching-mode .question-kicker{margin-bottom:10px}.matching-mode .match-instruction{margin-bottom:13px}.matching-mode .vocab-bottom{margin-top:16px}}


/* v4 source-first views */
.v4-source-line,.v4-screen-context{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:15px}.v4-inline-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:19px}.v4-inline-actions .textlink,.v4-capture-footer .textlink{display:flex;align-items:center;gap:6px}.v4-inline-actions .icon,.v4-capture-footer .textlink .icon{width:16px;height:16px}.v4-await{border:1px dashed #9fddcc42;border-radius:18px;background:radial-gradient(circle at 50% 10%,#68edcb09,transparent 60%),#0d2537;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;gap:14px}.v4-await-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid #68edcb35;border-radius:17px;color:var(--mint);background:#68edcb08}.v4-await-icon .icon{width:28px;height:28px}.v4-await .micro{font-size:8px;color:#7cadb7;letter-spacing:.16em}.v4-await h3{font-size:24px;color:#e9f6f3}.v4-await p{font-size:12px;line-height:1.85;color:#a6c0c7;max-width:620px}.v4-await-note{font-size:11px;color:#899dab;line-height:1.8}.v4-await.compact{min-height:260px;height:100%;padding:22px;gap:12px}.v4-capture-modal{width:100%;}.v4-capture-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.v4-capture-dialog{width:min(1140px,94vw)!important}.v4-capture-loaded{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%}.v4-capture-loaded .v4-source-line{margin:0}.v4-image-button{display:block;border:1px solid #93c8ca3d;background:#081b2b;border-radius:12px;overflow:auto;padding:0;flex:1;min-height:0;max-height:65vh;width:100%}.v4-image-button img{display:block;width:100%;height:auto;object-fit:contain}.v4-capture-loaded.compact .v4-image-button{max-height:100%;}.v4-listening{padding-top:7px!important}.v4-listening .audio-sculpture{height:155px!important;min-height:125px}.v4-listening .audio-caption b{font-size:21px}.v4-listening .audio-caption span{font-size:10px}.v4-audio-note{padding:16px 18px;border:1px solid #a9d1db26;border-radius:12px;margin-top:15px;background:#08172544}.v4-audio-note p{font-size:12px;line-height:1.8;color:#bed0d6;margin:10px 0}.v4-audio-note small{font-size:10px;line-height:1.8;color:#8ba4b0}.v4-route-description{display:grid;grid-template-columns:1fr 1.1fr;gap:10px 35px;padding:21px 25px;border:1px solid var(--line);border-radius:16px;background:#68edcb04}.v4-route-description .micro{grid-column:1/-1;color:#7dafb6;font-size:8px}.v4-route-description h3{font-size:24px;line-height:1.55}.v4-route-description p{font-size:12px;line-height:1.9;color:#98b4be;align-self:center}.v4-overview{display:flex;flex-direction:column;gap:14px;min-height:0;height:100%;max-width:1600px;width:100%;margin:auto}.v4-overview .overview-head{margin-bottom:0}.v4-overview .overview-head h2{font-size:clamp(25px,2.7vw,42px)}.v4-overview .overview-head .eyebrow{margin-bottom:12px}.v4-overview .overview-head .desc{font-size:12px;margin-top:12px}.v4-overview-main{flex:1;min-height:0}.v4-overview-links{display:flex;gap:10px;flex-wrap:wrap}.v4-overview-links .btn{font-size:11px;padding:10px 13px}.v4-evidence-link{display:flex;align-items:center;gap:17px;border:1px solid #68edcb40;border-radius:13px;background:linear-gradient(100deg,#16393999,#102a3e);padding:15px 20px;width:100%;text-align:left;flex-shrink:0}.v4-evidence-link>span:nth-child(2){flex:1}.v4-evidence-link b{display:block;font-size:13px}.v4-evidence-link small{display:block;font-size:10px;color:#9ab7c1;margin-top:6px;line-height:1.6}.v4-evidence-link>strong{font-size:29px;color:var(--mint);font-family:Arial}.v4-evidence-link>strong small{display:inline;margin-left:4px;color:#9eb7c6}.v4-evidence-icon{color:var(--mint)}.v4-input-frame{padding-bottom:20px}.v4-input-frame .v4-await{margin:20px;flex:1;height:auto}.v4-record-context{margin-top:23px}.v4-record-context p{font-size:12px;line-height:1.85;color:#93b1bc;margin-top:12px}.v4-record-tabs{display:flex;flex-direction:column;gap:8px;margin-top:22px;max-width:360px}.v4-record-tabs button{display:flex;align-items:center;gap:12px;border:1px solid #a0cbc730;background:#a1cbd508;padding:12px 15px;border-radius:10px;font-size:12px;color:#9fbac4;text-align:left}.v4-record-tabs .icon{width:18px;height:18px}.v4-record-tabs .icon:last-child{margin-left:auto;width:15px}.v4-record-tabs button[aria-pressed=true]{border-color:#68edcb65;background:#68edcb0d;color:var(--mint)}.v4-record-panel{display:flex;flex-direction:column;min-height:0;padding:21px;flex:1;gap:16px;overflow:auto}.v4-record-meta h3{font-size:22px;margin:15px 0}.v4-record-meta dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.v4-record-meta dl>div:first-child{grid-column:1/-1}.v4-record-meta dt{font-size:10px;color:#849fac}.v4-record-meta dd{font-size:12px;line-height:1.6;margin:3px 0 0;color:#deebec;word-break:keep-all}.v4-record-preview{position:relative;background:#eef2f4;border:1px solid #a8c4d72a;border-radius:10px;min-height:130px;flex:1;overflow:hidden;padding:0;display:flex;align-items:flex-start;justify-content:center;width:100%}.v4-record-preview img{display:block;width:100%;height:auto}.v4-record-preview>span{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#113045f5;color:#e3faf2;padding:13px 17px;font-size:12px;border-top:1px solid #68edcb60}.v4-record-preview>span .icon{width:17px;height:17px}.v4-record-bottom{display:flex;gap:15px;flex-wrap:wrap}.v4-record-bottom .textlink{display:flex;gap:6px;align-items:center;font-size:10px}.v4-record-bottom .icon{width:14px;height:14px}.v4-report-wrap{display:flex;flex-direction:column;gap:16px;min-height:0;height:100%;width:100%;max-width:1640px;margin:auto}.v4-report-title{display:flex;justify-content:space-between;align-items:center;gap:23px;flex-shrink:0}.v4-report-title .eyebrow{font-size:9px;margin-bottom:11px}.v4-report-title h2{font-size:clamp(27px,3.1vw,43px);line-height:1.2}.v4-report-title p{font-size:12px;color:#92acb8;line-height:1.7;margin-top:12px}.v4-report-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.v4-report-body{display:grid;grid-template-columns:224px 1fr;gap:20px;flex:1;min-height:0}.v4-report-rail{background:#122c3caa;border:1px solid var(--line);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto}.v4-report-rail>.micro{color:#8caeb7;font-size:8px}.v4-report-rail .report-pages{display:flex;flex-direction:column;padding:0;gap:9px;border:0;margin:0}.v4-report-rail .report-pages button{font-size:11px;padding:13px 10px;display:flex;gap:9px;align-items:center;text-align:left;line-height:1.6;min-height:53px}.v4-report-rail .report-pages button>span{display:inline;margin:0;font-size:10px}.v4-doc-facts{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#94b0bc;border-top:1px solid var(--line);padding-top:16px;line-height:1.6}.v4-doc-facts b{color:#d1e6e4;font-size:11px}.v4-report-rail>.btn{margin-top:auto;font-size:11px}.v4-report-canvas{min-height:0;display:flex;flex-direction:column;border:1px solid #bcdfdf35;border-radius:16px;overflow:hidden;background:#183247}.v4-report-canvas .report-controls{padding:14px 18px;margin:0;border-bottom:1px solid #b2dfe028;flex-shrink:0;min-height:45px;gap:12px;font-size:10px}.v4-report-canvas .report-controls>div{gap:14px}.v4-report-canvas .report-controls .textlink{font-size:10px}.v4-report-canvas .report-scroll{height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;flex:1;overflow:auto;border:0!important;border-radius:0;background:#233c4d;padding:18px!important;box-sizing:border-box;display:block}.v4-report-canvas .report-scroll img{max-width:none;width:100%;height:auto;display:block;margin:0 auto;box-shadow:0 12px 38px #0004;object-fit:contain}.v4-report-canvas .report-scroll.page-fit{display:flex;align-items:center;justify-content:center}.v4-report-canvas .report-scroll.page-fit img{width:auto;height:100%;max-width:100%;object-fit:contain;box-shadow:0 8px 30px #0003}.v4-report-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#8dabb6;flex-shrink:0;line-height:1.7}.v4-editor-note{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:#a4bcc5;line-height:1.9}.v4-editor-note p{margin-top:10px;font-size:11px}.scene-10 .counsel-panel{overflow:auto;flex:1}.scene-10 .counsel-frame{min-height:500px!important}.v4-record-frame{min-height:500px!important;height:min(68vh,650px)!important}
@media(max-height:800px) and (min-width:961px){.v4-await.compact{min-height:215px;gap:9px;padding:15px}.v4-await-icon{width:40px;height:40px}.v4-await .micro{display:none}.v4-overview{gap:10px}.v4-overview .overview-head h2{font-size:29px}.v4-overview .overview-head .desc{margin-top:9px;font-size:11px}.v4-overview .overview-head .eyebrow{font-size:8px;margin-bottom:9px}.v4-await h3{font-size:20px}.v4-evidence-link{padding:10px 15px}.v4-evidence-link b{font-size:12px}.v4-report-title h2{font-size:32px}.v4-report-title p{margin-top:8px;font-size:11px}.v4-report-rail{padding:14px;gap:10px}.v4-report-rail .report-pages button{padding:9px 8px;min-height:45px}.v4-doc-facts{gap:5px;padding-top:10px}.v4-record-frame{height:480px!important;min-height:440px!important}.v4-record-panel{padding:17px;gap:13px}.v4-record-meta h3{font-size:19px;margin:11px 0}.v4-record-meta dl{gap:9px 15px}.v4-record-tabs{gap:6px;margin-top:16px}.v4-record-tabs button{padding:9px 12px}.scene-10 .counsel-frame{height:500px!important;min-height:450px!important}}
@media(max-width:960px){.v4-overview{height:auto;gap:17px}.v4-overview-main{min-height:300px}.v4-await.compact{min-height:300px}.v4-capture-loaded.compact .v4-image-button{max-height:480px;flex:auto}.v4-report-wrap{height:auto;min-height:660px}.v4-report-body{min-height:540px;grid-template-columns:190px 1fr}.v4-report-title{align-items:flex-start;flex-wrap:wrap}.v4-report-actions{justify-content:flex-start}.v4-report-canvas{height:560px}.v4-report-canvas .report-scroll.page-fit img{max-height:100%;width:100%;height:100%}.v4-report-foot{align-items:flex-start}.v4-record-frame{height:590px!important;max-height:none!important}.v4-record-split .v4-record-tabs{display:grid;grid-template-columns:repeat(2,1fr);max-width:620px}.v4-route-description{grid-template-columns:1fr}.v4-route-description h3{font-size:23px}.v4-report-rail .report-pages button{font-size:10px}.v4-record-panel .v4-await.compact{height:100%}.v4-input-frame{height:500px!important}}
@media(max-width:560px){.v4-report-title h2{font-size:29px}.v4-report-title p{font-size:10px}.v4-report-title .eyebrow{font-size:8px}.v4-report-body{display:flex;flex-direction:column;min-height:0;gap:12px}.v4-report-rail{padding:11px;gap:0;overflow:visible}.v4-report-rail>.micro,.v4-report-rail .v4-doc-facts,.v4-report-rail>.btn{display:none}.v4-report-rail .report-pages{flex-direction:row;gap:6px}.v4-report-rail .report-pages button{flex:1;display:block;line-height:1.65;text-align:left;font-size:9px;padding:8px;min-height:0}.v4-report-rail .report-pages button>span{display:block;font-size:9px;margin-bottom:4px}.v4-report-canvas{height:520px;flex:none}.v4-report-canvas .report-controls{flex-wrap:wrap;font-size:9px;padding:11px;gap:8px}.v4-report-canvas .report-controls>div{gap:12px}.v4-report-canvas .report-controls .textlink{font-size:9px}.v4-report-canvas .report-scroll{padding:10px!important}.v4-report-foot{flex-direction:column;gap:10px;font-size:9px}.v4-report-actions .btn{font-size:11px;padding:10px 12px}.v4-await{padding:20px;gap:13px;min-height:310px}.v4-await h3{font-size:21px}.v4-await p{font-size:11px}.v4-await-note{font-size:10px}.v4-overview .overview-head{align-items:flex-start}.v4-overview .overview-head h2{font-size:29px}.v4-overview .overview-head .desc{font-size:11px}.v4-overview .overview-actions{flex-direction:row;flex-wrap:wrap;gap:13px}.v4-overview-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v4-overview-links .btn{padding:10px;font-size:10px;gap:9px}.v4-evidence-link{gap:10px;padding:14px}.v4-evidence-link b{font-size:11px;line-height:1.6}.v4-evidence-link small{font-size:9px}.v4-evidence-link>strong{font-size:26px}.v4-evidence-link>.icon{width:16px;height:16px}.v4-evidence-icon{display:none}.v4-record-context p{font-size:11px}.v4-record-tabs button{font-size:10px;gap:8px}.v4-record-tabs .icon{width:16px;height:16px}.v4-record-meta dl{grid-template-columns:1fr 1fr}.v4-record-meta dd{font-size:11px}.v4-record-meta dt{font-size:9px}.v4-record-bottom .textlink{font-size:9px}.v4-record-frame{height:555px!important;min-height:530px!important}.v4-inline-actions{gap:15px}.v4-inline-actions .textlink{font-size:10px}.v4-listening .audio-sculpture{height:145px!important}.v4-listening .audio-caption b{font-size:20px}.v4-listening .audio-caption span{font-size:9px;overflow-wrap:anywhere}.v4-listening{padding:10px 15px!important}.v4-audio-note{padding:13px;margin-top:10px}.v4-audio-note p{font-size:11px;margin:8px 0}.v4-audio-note small{font-size:9px}.v4-screen-context{flex-direction:column;align-items:flex-start;font-size:10px}.v4-capture-footer .btn{font-size:10px}.v4-capture-dialog{width:100%!important}.v4-route-description{padding:20px}.v4-route-description p{font-size:11px}.v4-route-description h3{font-size:20px}.v4-record-context .source-badge{font-size:9px}.v4-record-frame .frame-top{gap:8px}.v4-record-frame .frame-top .micro{font-size:7px}}
.scene-6{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#385d6a transparent}
@media(max-height:820px) and (min-width:961px){.scene-6 .section-head{margin-bottom:16px}.scene-6 .section-head h2{font-size:34px}.scene-6 .section-head .eyebrow{font-size:9px;margin-bottom:11px}.scene-6 .section-head .desc{font-size:12px;margin-top:13px}.scene-6 .journey{margin:0 0 14px;gap:18px}.scene-6 .journey-card{min-height:156px;padding:16px 18px}.scene-6 .journey-card .icon-tile{width:44px;height:44px;margin:14px 0}.scene-6 .journey-card .icon-tile .icon{width:23px;height:23px}.scene-6 .journey-card h3{font-size:20px}.scene-6 .journey-card p{font-size:10px}.scene-6 .v4-route-description{padding:14px 18px;gap:7px 28px}.scene-6 .v4-route-description h3{font-size:20px}.scene-6 .v4-route-description p{font-size:11px}.scene-6 .flow-bottom{margin-top:11px;padding-top:13px}.scene-6 .flow-bottom .btn{font-size:11px;padding:11px 14px}}


/* v5 typography and source-first presentation */
.one-glance{font-weight:800!important;color:inherit}.desc,.fine,.tag,.frame-foot{word-break:keep-all}.textlink{display:inline-flex;align-items:center;gap:7px;line-height:1.65}.textlink>.icon{width:15px;height:15px;flex-shrink:0}.desc strong{font-weight:750}.wide-modal#modalPanel{max-width:1420px;width:min(1420px,96vw)}
.v5-hero-split{grid-template-columns:.94fr 1.06fr;gap:35px}.v5-constellation{height:min(68vh,650px);min-height:470px}.v5-constellation .brand-core{width:clamp(200px,18.5vw,285px);left:50%;top:49%;z-index:1}.v5-constellation .orbit-card{min-width:0;border-radius:20px;padding:23px 24px;gap:16px;box-shadow:0 24px 55px #0005,inset 0 1px 0 #ffffff0d;background:linear-gradient(130deg,#214452f7,#102337fa)}.v5-constellation .orbit-card b{font-size:22px;letter-spacing:-.045em}.v5-constellation .orbit-card small{font-size:8px;margin-top:9px;letter-spacing:.11em}.v5-constellation .orbit-card>.icon{width:36px;height:36px}.v5-vocabulary{width:235px;left:-1%;top:8%;transform:rotate(-12deg);animation-delay:-1s!important}.v5-passage{width:181px;right:9%;top:0%;transform:rotate(10deg);animation-delay:-2.3s!important}.v5-listening{width:239px;right:-1%;top:34%;transform:rotate(12deg);animation-delay:-4s!important}.v5-dialogue{width:212px;left:-2%;bottom:17%;transform:rotate(-7deg);animation-delay:-3.2s!important}.v5-omr{width:208px;right:5%;bottom:4%;transform:rotate(-10deg);animation-delay:-5.6s!important}.v5-passage>.icon,.v5-listening>.icon{color:#b5a1f6!important}.v5-dialogue>.icon{color:#90bee9!important}.v5-constellation .art-caption{bottom:-7%;font-size:8px}.v5-constellation .orbit.two{width:78%;height:93%;left:15%;top:5%;transform:rotate(24deg)}.v5-constellation .orbit.three{width:98%;height:54%;left:0;top:26%;transform:rotate(-23deg)}
.v5-source-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;color:#b2c8cc;font-size:10px;line-height:1.7;flex-shrink:0}.v5-source-caption .textlink{font-size:10px;white-space:nowrap}.v5-source-image{min-height:0;display:flex;flex-direction:column;width:100%;height:100%}.v5-photo-button{padding:0;margin:0 14px;background:#edf2f6;border:1px solid #a9bdc131;border-radius:12px;overflow:auto;display:block;text-align:left;flex:1;min-height:0}.v5-photo-button>img{display:block;width:100%;height:auto;min-width:0}.v5-source-limit{font-size:11px;line-height:1.9;color:#a6b9c5;margin-top:21px}.v5-source-image>.v5-source-limit{margin:0;padding:12px 16px;flex-shrink:0;font-size:10px}.v5-capture-context{display:flex;align-items:center;gap:18px;color:#a9c1c8;font-size:12px;line-height:1.8;margin-bottom:14px;flex-wrap:wrap}.v5-context-note{padding:13px 17px;background:#cda14c0e;border:1px solid #dcbb752b;border-radius:10px;color:#cebb92;font-size:12px;line-height:1.9;margin:12px 0}.v5-modal-capture{height:min(59vh,680px);min-height:300px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0c2538}.v5-modal-capture .v5-photo-button{background:#071523}.v5-modal-capture .v5-photo-button>img{object-fit:contain;height:100%;width:100%}.v5-modal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:19px}.v5-large-shot{max-height:68vh;overflow:auto;border-radius:12px;border:1px solid var(--line);background:#dfe6eb}.v5-large-shot img{display:block;width:100%;height:auto}.v5-missing{padding:30px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;line-height:1.85}.v5-missing h3{font-size:23px}.v5-missing p{font-size:13px;color:#a0bac5}.v5-missing .fine{font-size:11px}.v5-source-image.compact .v5-photo-button>img{object-fit:contain;height:100%;width:100%}
/* Dashboard is the actual provided image with transparent reading hotspots */
.v5-dashboard{display:flex;flex-direction:column;gap:17px;min-height:0;height:100%;width:100%;max-width:1670px;margin:auto}.v5-dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.v5-dashboard-title .eyebrow{font-size:9px;margin-bottom:14px}.v5-dashboard-title h2{font-size:clamp(29px,3.1vw,47px);line-height:1.25}.v5-dashboard-title p{font-size:12px;color:#9fb6c0;line-height:1.8;margin-top:12px}.v5-dashboard-grid{display:grid;grid-template-columns:1fr 265px;gap:22px;min-height:0;flex:1}.v5-dashboard-card{display:flex;flex-direction:column;min-height:0;border-radius:17px;border:1px solid #8bdac537;overflow:hidden;background:#0f293b;box-shadow:0 20px 60px #0003}.v5-dashboard-scroll{min-height:0;flex:1;overflow:auto;background:#f6f6f2;scrollbar-width:thin;scrollbar-color:#538f8c #e6ecee}.v5-dashboard-canvas{position:relative;min-width:700px}.v5-dashboard-canvas>img{width:100%;display:block;height:auto}.v5-hotspot{position:absolute;padding:0;background:rgba(82,198,162,.03);border:2px solid rgba(0,143,130,.3);border-radius:7px;box-shadow:0 0 0 3px #25c2a90d;transition:background .2s,box-shadow .2s}.v5-hotspot:hover,.v5-hotspot:focus-visible{background:#35dab328;border-color:#008d7c;box-shadow:0 0 0 5px #25c2a933}.v5-hotspot.hw{left:78.1%;top:40.6%;width:8.2%;height:3.1%}.v5-hotspot.pending{left:78.6%;top:49.4%;width:7.3%;height:3.1%}.v5-hotspot.score{left:78.5%;top:76%;width:7.1%;height:4.5%}.v5-image-foot{padding:10px 16px;font-size:9px;color:#9bb4be;line-height:1.6;flex-shrink:0}.v5-dashboard-rail{display:flex;flex-direction:column;gap:13px;padding:17px 0 0;overflow:auto;min-height:0}.v5-dashboard-rail>.micro{font-size:8px;color:#73dabc;letter-spacing:.15em}.v5-dashboard-rail>h3{font-size:24px;line-height:1.45;margin-bottom:9px;letter-spacing:-.04em}.v5-rail-link{width:100%;display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#163647b0,#10283b80);border:1px solid var(--line);padding:15px 12px;border-radius:12px;text-align:left;transition:border-color .2s,transform .2s}.v5-rail-link:hover{border-color:#68edcb80;transform:translateX(3px)}.v5-rail-link>span{flex:1}.v5-rail-link b{display:block;font-size:12px;font-weight:650}.v5-rail-link small{display:block;font-size:9px;color:#a2bac4;margin-top:7px;line-height:1.65}.v5-rail-link>.icon{width:21px;height:21px;color:var(--mint)}.v5-rail-link>.icon:last-child{width:15px;height:15px}.v5-dashboard-rail>p{font-size:10px;line-height:1.9;color:#94acb8;margin-top:6px}.v5-dashboard-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#90aeba;flex-shrink:0}.v5-record-fact-card{padding:25px;background:#0c2334;border:1px solid var(--line);border-radius:17px}.v5-record-fact-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.v5-record-fact-top span{font-size:12px;color:#9bb9c3}.v5-record-fact-top h3{font-size:24px;line-height:1.5;margin:13px 0}.v5-record-fact-top p,.v5-record-fact-card>p{font-size:12px;color:#a4bec8;line-height:1.8}.v5-record-fact-top>strong{font-size:33px;color:var(--mint);white-space:nowrap}
/* Listening */
.v5-listening-split{grid-template-columns:.84fr 1.16fr;gap:36px}.v5-listening-frame{min-height:490px;height:min(70vh,665px)}.v5-listening-play{padding:22px;display:flex;flex-direction:column;gap:15px;overflow:auto;min-height:0;flex:1}.v5-audio-top{display:flex;align-items:center;gap:16px;position:relative;flex-shrink:0}.v5-audio-top>.icon-tile{width:60px;height:60px;border-radius:17px}.v5-audio-top>.icon-tile .icon{width:29px;height:29px}.v5-audio-top>div:nth-child(2){flex:1}.v5-audio-top .micro{font-size:8px;color:var(--mint);letter-spacing:.1em}.v5-audio-top h3{font-size:23px;line-height:1.4;margin-top:5px}.v5-audio-top p{font-size:9px;color:#93b1bd;margin-top:6px}.v5-audio-top .equalizer{position:relative;left:auto;right:auto;bottom:auto;display:flex;gap:3px;width:67px;height:42px;flex-shrink:0;margin:0;opacity:.6}.v5-audio-top .equalizer i{width:2px}.v5-listening-play audio{width:100%;height:39px;flex-shrink:0;margin:0;color-scheme:light}.v5-question{padding-top:2px;display:flex;flex-direction:column;gap:12px}.v5-question .question-kicker{margin:0}.v5-question>h3{font-size:18px;line-height:1.65;font-weight:650}.v5-listening-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v5-listening-options button{display:flex;align-items:center;gap:13px;background:#071c2c88;border:1px solid #b9d7dd25;border-radius:10px;padding:12px;text-align:left;font-size:13px;transition:all .2s}.v5-listening-options button span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #7fa5b345;border-radius:50%;font:10px Arial}.v5-listening-options button[aria-pressed=true]{background:#68edcb15;border-color:#68edcb;color:#a9f6e0}.v5-listening-options button.answer-correct{border-color:#68edcb;background:#68edcb18}.v5-listening-options button.answer-wrong{border-color:#f48a91;background:#ed7c7e12}.v5-listen-answer{display:flex;gap:17px;align-items:center;margin-top:1px}.v5-question .feedback{font-size:11px;line-height:1.9;margin:0;min-height:35px}.v5-inline-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.v5-inline-actions .textlink{font-size:10px}.v5-transcript{display:flex;flex-direction:column;gap:22px}.v5-transcript>p{font-size:17px;line-height:1.9;color:#d1e1e6;max-width:1050px}.v5-transcript .fine{font-size:11px}.v5-answer-evidence{padding:24px;background:#68edcb0c;border:1px solid #68edcb3a;border-radius:14px}.v5-answer-evidence>b{font-size:17px;color:#96eed5}.v5-answer-evidence p{font-size:23px;margin:16px 0;color:#e4f1ec;line-height:1.5}.v5-answer-evidence small{font-size:12px;line-height:1.8;color:#adbec7}
/* Source-backed route cards */
.v5-flow{width:100%;max-width:1580px;margin:auto}.v5-flow .section-head .desc{font-size:13px;margin-top:14px}.v5-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v5-route-card{padding:18px;border-radius:18px;background:linear-gradient(140deg,#193747c0,#0d2235ee);border:1px solid #badfd12b;text-align:left;transition:transform .3s,border-color .3s;overflow:hidden}.v5-route-card:hover{transform:translateY(-6px);border-color:#68edcb80}.v5-route-heading{display:flex;justify-content:space-between;align-items:center;color:var(--mint);margin-bottom:16px}.v5-route-heading>span{font:10px Arial;letter-spacing:.1em}.v5-route-heading>.icon{width:21px;height:21px}.v5-route-thumb{aspect-ratio:1.6;overflow:hidden;border:1px solid #ffffff24;border-radius:9px;background:#ddd}.v5-route-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.v5-route-card h3{font-size:22px;display:flex;align-items:center;justify-content:space-between;margin-top:21px}.v5-route-card h3>.icon{width:20px;color:#779897}.v5-route-card p{font-size:11px;color:#a3bac4;margin-top:10px;line-height:1.8}.v5-flow-evidence{border-top:1px solid var(--line);margin-top:27px;padding-top:23px;display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center}.v5-flow-evidence .micro{font-size:8px;color:#91b3ba}.v5-flow-evidence h3{font-size:22px;line-height:1.5;margin-top:11px}.v5-flow-evidence>p{font-size:12px;line-height:1.95;color:#a5bac4}
/* Report and records */
.v5-input-split{grid-template-columns:.75fr 1.25fr}.v5-input-frame{height:min(70vh,650px);min-height:450px}.v5-input-frame .v5-source-image{flex:1}.v5-input-frame .v5-photo-button>img{object-fit:cover!important;object-position:top!important;height:auto!important}.v5-input-frame .v5-photo-button{overflow:auto}.v5-scope-warning{color:#dfc58f!important;font-size:10px!important;line-height:1.8!important}.v4-report-rail>.textlink{font-size:10px}.v5-record-frame{height:min(70vh,650px);min-height:500px}.v5-record-panel{min-height:0;flex:1;display:flex;flex-direction:column;padding:0;overflow:auto}.v5-record-panel .v5-source-image{min-height:0;flex:1}.v5-record-panel .v5-source-image .v5-photo-button>img{object-fit:contain}.v5-record-panel .v4-record-meta{padding:18px 23px}.v5-record-panel .v4-record-preview{margin:0 20px;min-height:160px;flex:1}.v5-record-panel .v4-record-bottom{padding:16px 20px}.v5-record-meta-strip{padding:16px 18px;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;font-size:11px;color:#bcced2;line-height:1.7;border-bottom:1px solid var(--line)}.v5-record-meta-strip .textlink{font-size:10px;white-space:nowrap}.v5-counsel-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.v5-counsel-tabs button{padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:11px;color:#9fbac3;background:#ffffff03}.v5-counsel-tabs button[aria-pressed=true]{border-color:#68edcb69;color:var(--mint);background:#68edcb10}.v5-counsel-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0;gap:10px;border-block:1px solid #dbe3e9;padding:17px 0}.v5-counsel-facts span{font-size:10px;color:#70838f;line-height:1.7}.v5-counsel-facts b{display:block;color:#157968;font-size:22px;line-height:1.45}.v5-counsel-section{margin-bottom:18px}.v5-counsel-section>span{display:block;font-size:10px;color:#8a9aa1;font-weight:600;letter-spacing:.02em;margin-bottom:8px}.v5-counsel-section>p{font-size:12px!important;line-height:1.85!important;color:#294051!important}.v5-counsel-limit{background:#fff8e7;border:1px solid #e8d6aa;border-radius:9px;padding:12px;font-size:10px;line-height:1.8;color:#877045;margin:19px 0}.counsel-document.actual-counsel>.source-badge{color:#5a7583;border:1px solid #c8d8db;background:#eff5f5}.actual-counsel .btn{margin-top:0}.counsel-frame .counsel-panel{overflow:auto}.v5-counsel-facts b{letter-spacing:-.03em}.v5-input-split .capability-list{margin-top:24px}
/* Operations proof and review-only requirements */
.v5-operations{width:100%;max-width:1550px;margin:auto}.v5-operations .section-head .desc{font-size:13px;margin-top:14px}.v5-ops-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;min-height:0}.v5-ops-proof{padding:25px 27px;border:1px solid var(--line);background:linear-gradient(150deg,#183a4b9e,#0d2336);border-radius:19px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.v5-ops-proof h3{font-size:28px;line-height:1.4}.v5-audience-image{display:flex;width:100%;max-width:365px;align-self:center;justify-content:center;border-radius:12px;overflow:hidden;background:white;max-height:205px}.v5-audience-image img{width:100%;height:100%;object-fit:contain;display:block}.v5-ops-proof>.btn{margin-top:auto}.v5-ops-check{padding:12px 0;display:flex;flex-direction:column;gap:13px;min-height:0}.v5-ops-check>.micro{font-size:9px;color:var(--mint)}.v5-ops-check>h3{font-size:25px;line-height:1.45}.v5-ops-check>p{color:#9db6c1;font-size:11px;line-height:1.9;margin:0 0 7px}.v5-ops-item{display:flex;gap:13px;align-items:center;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#ffffff03;text-align:left;width:100%}.v5-ops-item:hover{border-color:#68edcb75}.v5-ops-item>span{font:10px Arial;color:#839ea6}.v5-ops-item>div{flex:1}.v5-ops-item b{font-size:13px;display:block;font-weight:650}.v5-ops-item small{font-size:10px;color:#96b1bd;display:block;margin-top:7px}.v5-ops-item em{font-size:9px;color:#c1ac88;white-space:nowrap}.v5-ops-item>.icon{width:16px;height:16px;color:#a7c7c5}.v5-ops-check>.v5-context-note{font-size:10px;margin:0;padding:11px 14px}.v5-review-request{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;background:#ffffff04;border:1px solid var(--line);border-radius:8px;width:100%;font-size:11px;margin-top:9px;text-align:left}.v5-review-request>.icon{width:15px;height:15px;color:var(--mint)}.v5-requirement{padding:13px 0;display:flex;flex-direction:column;gap:20px}.v5-requirement h3{font-size:27px}.v5-requirement>p{font-size:14px;color:#a8c0c8;line-height:1.9}.v5-requirement .fine{font-size:11px}.review-left>h3{margin-top:25px;font-size:16px}
@media(min-width:1700px){.v5-constellation{height:650px;max-width:760px}.v5-vocabulary{width:264px;left:2%;top:10%}.v5-listening{width:266px;right:0;top:32%}.v5-dialogue{width:244px;left:1%;bottom:14%}.v5-omr{width:224px;right:12%;bottom:2%}.v5-passage{width:201px;right:14%;top:0}.v5-dashboard-rail{gap:18px}.v5-rail-link{padding:18px 15px}.v5-dashboard-title h2{font-size:44px}}
@media(max-height:780px) and (min-width:961px){.v5-constellation{min-height:425px;height:440px}.v5-constellation .orbit-card{padding:18px;gap:12px}.v5-constellation .orbit-card b{font-size:20px}.v5-constellation .orbit-card>.icon{width:32px;height:32px}.v5-vocabulary{width:214px;top:7%;left:-2%}.v5-passage{width:155px;right:10%;top:0}.v5-listening{width:214px;right:0;top:32%}.v5-dialogue{width:190px;left:-4%;bottom:17%}.v5-omr{width:197px;right:4%;bottom:3%}.v5-constellation .brand-core{width:220px}.v5-constellation .art-caption{bottom:-6%}.v5-dashboard{gap:13px}.v5-dashboard-title h2{font-size:30px}.v5-dashboard-title .eyebrow{font-size:8px;margin-bottom:9px}.v5-dashboard-title p{margin-top:9px;font-size:11px}.v5-dashboard-grid{grid-template-columns:1fr 240px;gap:18px}.v5-dashboard-rail{gap:10px;padding-top:8px}.v5-dashboard-rail>h3{font-size:21px;margin-bottom:3px}.v5-rail-link{padding:12px}.v5-dashboard-rail>p{font-size:9px}.v5-dashboard-bottom{font-size:9px}.v5-source-caption{padding:9px 13px;font-size:9px}.v5-listening-play{padding:17px;gap:12px}.v5-listening-frame{height:100%;max-height:calc(100dvh - 170px);min-height:475px}.v5-audio-top>.icon-tile{width:47px;height:47px;border-radius:14px}.v5-audio-top h3{font-size:20px}.v5-audio-top p{font-size:8px}.v5-listening-options button{padding:8px 11px;font-size:12px}.v5-listening-options button span{width:20px;height:20px}.v5-question{gap:9px}.v5-question>h3{font-size:16px;line-height:1.6}.v5-question .feedback{font-size:10px}.v5-inline-actions{margin-top:15px;gap:9px}.v5-route-card{padding:14px}.v5-route-card h3{font-size:19px;margin-top:16px}.v5-route-card p{font-size:10px}.v5-route-heading{margin-bottom:12px}.v5-flow .section-head{margin-bottom:22px}.v5-flow-evidence{margin-top:22px;padding-top:16px;gap:22px;grid-template-columns:190px 1fr auto}.v5-flow-evidence h3{font-size:20px}.v5-flow-evidence>p{font-size:10px}.v5-flow-evidence>.btn{font-size:10px}.v5-ops-grid{gap:25px}.v5-ops-proof{padding:19px 22px;gap:12px}.v5-ops-proof h3{font-size:22px}.v5-audience-image{max-height:146px;max-width:230px}.v5-ops-check{gap:9px;padding:4px 0}.v5-ops-check>h3{font-size:21px}.v5-ops-check>p{font-size:10px;margin-bottom:0}.v5-ops-item{padding:10px 14px}.v5-ops-item b{font-size:12px}.v5-ops-item small{font-size:9px}.v5-ops-item em{font-size:8px}.v5-ops-check>.v5-context-note{font-size:9px;padding:9px 12px}.v5-input-frame,.v5-record-frame{height:100%;max-height:calc(100dvh - 170px);min-height:470px}.v5-record-panel .v4-record-meta{padding:15px 18px}.v5-counsel-section{margin-bottom:13px}.v5-counsel-facts{margin:17px 0;padding:12px 0}.v5-counsel-facts b{font-size:19px}.v5-counsel-section>p{font-size:11px!important}.v5-counsel-limit{font-size:9px;margin:13px 0}.v4-report-title h2{font-size:29px}.v4-report-title .eyebrow{font-size:8px}.v4-report-actions .btn{font-size:10px;padding:11px}.v4-report-title p{font-size:10px}.v4-report-body{grid-template-columns:218px 1fr}}
@media(max-width:1160px) and (min-width:961px){.v5-hero-split{gap:19px}.v5-constellation .orbit-card{padding:14px;gap:10px}.v5-constellation .orbit-card b{font-size:18px}.v5-vocabulary{width:183px}.v5-passage{width:146px;right:1%}.v5-listening{width:187px;right:-3%}.v5-dialogue{width:174px;left:-3%}.v5-omr{width:175px;right:0}.v5-constellation .brand-core{width:195px}.v5-dashboard-grid{grid-template-columns:1fr 220px;gap:14px}.v5-listening-split{gap:22px}.v5-ops-item em{display:none}.v5-flow-evidence{grid-template-columns:160px 1fr}.v5-flow-evidence>.btn{grid-column:2}.v5-ops-check>h3{font-size:22px}.v5-constellation .art-caption{font-size:7px}.v5-constellation .orbit-card small{font-size:7px}}
@media(max-width:960px){.v5-hero-split,.v5-listening-split,.v5-input-split{display:flex;flex-direction:column;gap:35px}.v5-constellation{height:510px;min-height:470px;max-width:660px}.v5-constellation .brand-core{width:235px}.v5-constellation .art-caption{bottom:-3%}.v5-dashboard{height:auto;min-height:0;gap:22px}.v5-dashboard-title{align-items:flex-start}.v5-dashboard-title h2{font-size:32px}.v5-dashboard-title p{font-size:11px}.v5-dashboard-grid{grid-template-columns:1fr;gap:20px}.v5-dashboard-card{height:540px}.v5-dashboard-rail{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:0;gap:12px}.v5-dashboard-rail>h3,.v5-dashboard-rail>.micro,.v5-dashboard-rail>p{grid-column:1/-1}.v5-dashboard-rail>h3 br{display:none}.v5-dashboard-rail>h3{font-size:23px;margin:0}.v5-dashboard-rail>p{font-size:11px}.v5-dashboard-bottom{flex-wrap:wrap;line-height:1.8}.v5-listening-frame,.detail-frame.v5-listening-frame{height:605px;min-height:560px}.v5-listening-options button{padding:11px}.v5-listening-play{padding:23px}.v5-inline-actions{margin-top:20px}.v5-route-grid{grid-template-columns:1fr 1fr;gap:16px}.v5-flow-evidence{grid-template-columns:1fr;gap:17px}.v5-flow-evidence h3 br{display:none}.v5-flow-evidence>.btn{width:fit-content}.v5-flow-evidence p{font-size:12px}.v5-input-frame,.detail-frame.v5-input-frame{height:610px;min-height:550px}.v5-record-frame,.detail-frame.v5-record-frame{height:650px;min-height:530px}.v5-capture-context{font-size:10px;gap:8px}.v5-modal-capture{height:53vh;min-height:250px}.v5-modal-actions .btn{font-size:11px}.v5-counsel-tabs{margin-top:24px}.v5-ops-grid{grid-template-columns:1fr;gap:27px}.v5-ops-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v5-ops-proof>.source-badge{grid-column:1/-1;width:fit-content}.v5-ops-proof>h3{grid-column:1;grid-row:2;font-size:27px}.v5-audience-image{grid-column:2;grid-row:2/4;max-height:220px;max-width:330px}.v5-ops-proof>.btn{grid-column:1;grid-row:3;width:fit-content}.v5-ops-check{padding:0;gap:16px}.v5-ops-check>p{font-size:12px}.v5-ops-check>.v5-context-note{font-size:11px}.v5-ops-item{padding:17px}.v5-ops-item b{font-size:14px}.v5-ops-item small{font-size:11px}.v5-ops-item em{font-size:10px}}
@media(max-width:560px){.v5-constellation{height:385px;min-height:370px;margin-top:5px}.v5-constellation .brand-core{width:168px;left:49%;top:48%}.v5-constellation .orbit-card{padding:15px 13px;border-radius:14px;gap:10px}.v5-constellation .orbit-card b{font-size:16px}.v5-constellation .orbit-card small{font-size:6px;margin-top:6px;letter-spacing:.08em}.v5-constellation .orbit-card>.icon{width:25px;height:25px}.v5-vocabulary{width:155px;left:-1%;top:7%}.v5-passage{width:125px;right:1%;top:0}.v5-listening{width:158px;right:-1%;top:34%}.v5-dialogue{width:139px;left:0;bottom:18%}.v5-omr{width:146px;right:1%;bottom:2%}.v5-constellation .art-caption{bottom:-7%;font-size:6px}.v5-constellation .art-caption:before,.v5-constellation .art-caption:after{display:none}.v5-dashboard-title{flex-direction:column;gap:15px}.v5-dashboard-title h2{font-size:29px}.v5-dashboard-title h2 em{display:block;margin-top:5px}.v5-dashboard-title .eyebrow{font-size:8px}.v5-dashboard-title p{font-size:11px;line-height:1.8}.v5-dashboard-card{height:420px}.v5-dashboard-canvas{min-width:790px}.v5-dashboard-card>.v5-source-caption{font-size:8px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 12px}.v5-dashboard-rail{gap:9px}.v5-rail-link{padding:13px 10px;gap:8px;align-items:flex-start}.v5-rail-link>.icon{width:18px;height:18px}.v5-rail-link>.icon:last-child{display:none}.v5-rail-link b{font-size:11px}.v5-rail-link small{font-size:8px}.v5-dashboard-rail>p{font-size:10px}.v5-dashboard-bottom{font-size:9px;gap:14px}.v5-image-foot{padding:10px 12px;font-size:8px}.v5-record-fact-card{padding:18px}.v5-record-fact-top{flex-direction:column;align-items:flex-start;gap:12px}.v5-record-fact-top h3{font-size:21px}.v5-record-fact-top>strong{font-size:30px}.v5-source-caption{font-size:8px;padding:10px 12px;gap:10px;flex-wrap:wrap}.v5-source-caption .textlink{font-size:9px}.v5-photo-button{margin:0 10px}.v5-source-image>.v5-source-limit{padding:11px;font-size:9px}.v5-modal-capture{min-height:250px;height:48vh}.v5-modal-capture .v5-photo-button>img{min-width:600px;width:600px;height:auto;object-fit:contain}.v5-capture-context{font-size:10px}.v5-context-note{font-size:10px;padding:11px 13px}.v5-modal-actions{gap:10px;padding-top:14px}.v5-large-shot img{min-width:920px}.v5-modal-actions .btn{font-size:10px;padding:10px 12px}.v5-listening-frame,.detail-frame.v5-listening-frame{height:590px;min-height:570px}.v5-listening-play{padding:17px 14px;gap:14px}.v5-audio-top{gap:11px}.v5-audio-top>.icon-tile{width:43px;height:43px;border-radius:13px}.v5-audio-top>.icon-tile .icon{width:23px;height:23px}.v5-audio-top h3{font-size:19px}.v5-audio-top .micro{font-size:7px}.v5-audio-top p{font-size:8px}.v5-audio-top .equalizer{width:34px;gap:2px;overflow:hidden}.v5-question>h3{font-size:15px;line-height:1.75}.v5-listening-options{gap:8px}.v5-listening-options button{font-size:12px;padding:11px 9px;gap:9px}.v5-listening-options button span{width:22px;height:22px}.v5-question .question-kicker{font-size:8px}.v5-question .feedback{font-size:10px}.v5-listen-answer .btn{font-size:11px}.v5-transcript>p{font-size:14px}.v5-answer-evidence{padding:18px}.v5-answer-evidence p{font-size:19px}.v5-answer-evidence small{font-size:11px}.v5-route-grid{gap:12px}.v5-route-card{padding:13px 12px;border-radius:14px}.v5-route-card h3{font-size:17px;margin-top:15px}.v5-route-card h3>.icon{width:16px}.v5-route-card p{font-size:9px;margin-top:8px}.v5-route-heading{margin-bottom:12px}.v5-route-thumb{aspect-ratio:1.3}.v5-flow .section-head .desc{font-size:11px}.v5-flow-evidence{padding-top:20px;gap:14px}.v5-flow-evidence h3{font-size:21px}.v5-flow-evidence>p{font-size:11px}.v5-input-frame,.detail-frame.v5-input-frame{height:540px;min-height:490px}.v5-record-frame,.detail-frame.v5-record-frame{height:575px;min-height:510px}.v5-record-meta-strip{padding:13px 14px;gap:9px;font-size:10px;flex-direction:column}.v5-record-panel .v4-record-meta{padding:17px}.v5-record-panel .v4-record-meta h3{font-size:20px}.v5-record-panel .v4-record-preview{margin:0 14px;min-height:160px}.v5-record-panel .v4-record-bottom{padding:13px 14px}.v5-record-panel .v5-source-image.compact .v5-photo-button>img{height:auto;min-width:610px;object-fit:contain}.v5-counsel-tabs button{font-size:10px;padding:10px 12px}.v5-counsel-facts{margin:18px 0;padding:14px 0}.v5-counsel-facts b{font-size:19px}.v5-counsel-facts span{font-size:9px}.v5-counsel-section>p{font-size:11px!important}.v5-counsel-section>span{font-size:9px}.v5-counsel-limit{font-size:9px;padding:11px}.v5-ops-proof{display:flex;gap:17px;padding:20px}.v5-ops-proof h3{font-size:25px}.v5-audience-image{max-width:300px;max-height:240px}.v5-ops-check>h3{font-size:24px}.v5-ops-check>p{font-size:11px}.v5-ops-item{gap:10px;padding:15px 12px}.v5-ops-item b{font-size:12px}.v5-ops-item small{font-size:10px;line-height:1.65}.v5-ops-item em{display:none}.v5-ops-check>.v5-context-note{font-size:10px}.v5-operations .section-head .desc{font-size:11px}.v5-operations .tag{font-size:9px}.v5-requirement h3{font-size:22px}.v5-requirement>p{font-size:12px}.v4-report-title h2{font-size:27px}.v4-report-title h2 em{display:block;margin-top:5px}.v4-report-rail>.textlink{margin-top:12px}}

@media(max-height:800px) and (min-width:961px){.v5-flow .section-head{margin-bottom:16px}.v5-flow-evidence{margin-top:16px;padding-top:12px}.v5-operations .section-head{margin-bottom:16px}.v5-ops-grid{gap:20px}.v5-ops-check{gap:8px}}

/* Release layout and interaction refinements */
.v7-subtle{font-size:10px;color:#8ba8b5;white-space:nowrap}.v7-shot-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:16px}.v7-shot-heading p{font-size:13px;color:#b4c9cf;line-height:1.8}.v7-shot-heading .v7-subtle{padding:7px 11px;border:1px solid var(--line);border-radius:7px}.portrait-shot img{max-width:720px;margin:auto}.v5-source-limit{line-height:1.75!important}.source-badge{font-size:10px}.brand-sub{letter-spacing:.12em}.v4-report-foot{font-size:10px}.v4-doc-facts .v5-scope-warning{display:none}.v5-capture-context,.v5-source-caption{gap:14px}
/* People management: large image first, concise functional explanation */
.v7-ops{display:flex;flex-direction:column;width:100%;height:min(100%,744px);max-width:1660px;margin:auto;min-height:0}.v7-ops-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;flex-shrink:0}.v7-ops-title .eyebrow{margin-bottom:12px;font-size:10px}.v7-ops-title h2{font-size:clamp(27px,2.9vw,47px);line-height:1.25}.v7-ops-title p{font-size:12px;color:#a4bbc5;line-height:1.8;margin-top:12px}.v7-ops-tabs{display:flex;gap:8px;margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid var(--line);flex-shrink:0}.v7-ops-tabs button{display:flex;align-items:center;gap:9px;font-size:12px;padding:11px 19px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:9px;color:#a6b9c5;transition:background .3s,color .3s}.v7-ops-tabs button svg{width:18px;height:18px}.v7-ops-tabs button[aria-selected=true]{border-color:#68edcb88;color:var(--mint);background:#68edcb13}.v7-ops-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;min-height:0;flex:1}.v7-ops-aside{padding:19px 0;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.v7-ops-aside>.micro{color:var(--mint);font-size:9px}.v7-ops-aside h3{font-size:27px;line-height:1.45;letter-spacing:-.04em}.v7-ops-aside>p{font-size:11px;color:#9fb7c2;line-height:1.9}.v7-op-points{display:flex;flex-direction:column;gap:17px;margin-top:7px}.v7-op-points>div{display:flex;gap:11px}.v7-op-points>div>span{font:10px Arial;color:#65bfaf;padding-top:2px}.v7-op-points b{display:block;font-size:12px;font-weight:600;color:#d0e6e4}.v7-op-points small{font-size:10px;display:block;margin-top:5px;color:#89a4b1;line-height:1.7}.v7-ops-aside>.btn{margin-top:auto}.v7-ops-screen{min-width:0;display:flex;flex-direction:column;min-height:0;border:1px solid #8ac5be44;border-radius:17px;overflow:hidden;box-shadow:0 28px 60px #0004;background:#f8f6f0}.v7-screen-chrome{height:40px;background:linear-gradient(110deg,#183143,#143b42);display:flex;gap:17px;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.v7-screen-chrome>span:first-child{display:flex;gap:5px}.v7-screen-chrome i{display:block;height:5px;width:5px;background:#a8c6cb80;border-radius:50%}.v7-screen-chrome b{font-size:10px;font-weight:500;letter-spacing:.02em;color:#cae0e4;flex:1}.v7-screen-chrome .v7-subtle{font-size:9px}.v7-screen-scroll{min-height:0;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#a8b8b7 #ecece6;overscroll-behavior:contain}.v7-screen-photo{background:none;padding:0;display:block;width:100%;cursor:zoom-in}.v7-screen-photo img{width:100%;display:block}.v7-screen-scroll.family-view{background:#e8e7e1}.family-view .v7-screen-photo{max-width:780px;margin:auto}
/* Four roles: moving paths and distinct role cards */
.v7-role-split{grid-template-columns:.83fr 1.17fr;gap:40px}.v7-role-frame{display:flex;flex-direction:column;min-height:0;height:min(67vh,630px);border-radius:24px;border:1px solid #86cbb63b;background:radial-gradient(ellipse at 48% 22%,#26656340,transparent 64%),linear-gradient(150deg,#143344,#0b2033);box-shadow:0 28px 70px #0004;overflow:hidden}.v7-role-toolbar{height:49px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 21px;flex-shrink:0}.v7-role-toolbar .micro{font-size:8px;color:#90b1ba}.v7-role-toolbar button{font-size:10px;white-space:nowrap}.v7-role-toolbar button[aria-pressed=false]{color:#8da5b1}.v7-role-map{height:270px;position:relative;flex-shrink:0;isolation:isolate;max-width:740px;width:100%;margin:auto}.v7-role-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;z-index:0;overflow:visible}.v7-role-lines path{stroke:#77c6b836;stroke-width:1.2}.v7-role-lines path.active{stroke:var(--mint);stroke-width:2.2;stroke-dasharray:11 15;animation:role-flow 2.7s linear infinite;filter:drop-shadow(0 0 4px #68edcb66)}@keyframes role-flow{to{stroke-dashoffset:-156}}.v7-role-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:11px;animation:v7-core-bob 8s ease-in-out infinite;z-index:2}.v7-role-core .logo-plate.small{width:87px;height:87px;border-radius:23px;box-shadow:0 0 54px #68edcb20,0 18px 35px #0003}.v7-role-core>span:last-child{font:8px Arial;letter-spacing:.22em;color:#89bbc0}.v7-orbit-ring{position:absolute;left:50%;top:50%;width:260px;height:160px;border:1px solid #72b3b326;transform:translate(-50%,-50%) rotate(-24deg);border-radius:50%;z-index:0}.v7-orbit-ring.r2{width:180px;height:235px;transform:translate(-50%,-50%) rotate(-19deg);border-style:dashed;animation:role-ring 42s linear infinite}.v7-orbit-ring:after{content:'';position:absolute;left:16%;top:9%;background:var(--mint);height:4px;width:4px;border-radius:50%;box-shadow:0 0 10px #68edcb}.v7-role-node{background:transparent;position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;width:110px;z-index:3;color:#9db9c4;transition:translate .4s,color .4s;animation:role-node-float 8s ease-in-out infinite}.v7-role-node.director{left:9%;top:12%;animation-delay:-1s}.v7-role-node.teacher{right:8%;top:17%;animation-delay:-3.3s}.v7-role-node.student{left:14%;bottom:5%;animation-delay:-4.2s}.v7-role-node.parent{right:11%;bottom:3%;animation-delay:-6s}.v7-role-icon{height:54px;width:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#27465a,#173443);border:1px solid #c1eeee27;box-shadow:0 12px 26px #0002;transition:background .5s,box-shadow .5s,border-color .5s}.v7-role-icon svg{width:26px;height:26px}.v7-role-node b{font-size:11px;font-weight:600}.v7-role-node small{font-size:9px;color:#789da8}.v7-role-node[aria-pressed=true]{color:var(--mint)}.v7-role-node[aria-pressed=true] .v7-role-icon{background:linear-gradient(145deg,#24554b,#17433d);border-color:#68edcbba;box-shadow:0 0 28px #68edcb22,0 8px 22px #0002}.v7-role-node:hover{translate:0 -4px}.v7-role-description{border-top:1px solid var(--line);background:#06172542;padding:22px 25px;flex:1;min-height:0}.v7-role-description .role-caption{font:8px Arial;letter-spacing:.18em;color:var(--mint);margin-bottom:10px}.v7-role-description h3{font-size:23px;line-height:1.5;margin-bottom:9px;word-break:keep-all}.v7-role-description>p{font-size:12px;line-height:1.85;color:#a6c3cb}.v7-role-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.v7-role-tags span{border:1px solid #9ee9d52e;background:#a0eee908;border-radius:6px;padding:6px 9px;font-size:9px;color:#b6d3d7}.v7-role-description>.btn{padding:9px 13px;font-size:10px}.v7-role-summary{margin-top:24px;font-size:13px;line-height:1.9;color:#8facb7}.v7-role-split .detail-copy h2{font-size:clamp(31px,3.5vw,56px)}
@keyframes role-node-float{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes v7-core-bob{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-55%)}}@keyframes role-ring{to{transform:translate(-50%,-50%) rotate(341deg)}}
/* Drag to spin — two readable logo faces and an actual frame edge */
.v7-closing{align-items:center}.v7-closing-title{font-size:clamp(42px,4.7vw,77px);line-height:1.3;letter-spacing:-.055em}.v7-closing-words{display:flex;flex-direction:column;gap:11px;margin-top:27px;padding-left:17px;border-left:2px solid #68edcb66;font-size:14px;color:#8da8b5}.v7-closing-words b,.v7-closing-words strong{color:#dbefe8;font-weight:700}.v7-ending{display:flex;align-items:center;flex-direction:column;gap:32px;perspective:none}.v7-spin-stage{width:min(100%,430px);aspect-ratio:1;position:relative;perspective:1150px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible;isolation:isolate;outline-offset:25px}.v7-spin-stage.dragging{cursor:grabbing}.v7-spin-bob{position:absolute;inset:0;transform-style:preserve-3d;animation:v7-frame-float 8s ease-in-out infinite}.v7-spin-rotor{width:100%;height:100%;transform-style:preserve-3d;position:relative;will-change:transform}.v7-spin-face{position:absolute;inset:0;border-radius:32px;backface-visibility:hidden;overflow:hidden;border:1px solid #dce9e8;background:#fff;box-shadow:inset 0 0 30px #12284206}.v7-spin-face.front{transform:translateZ(9px)}.v7-spin-face.back{transform:rotateY(180deg) translateZ(9px)}.v7-spin-face img{height:100%;width:100%;object-fit:contain;pointer-events:none}.v7-spin-face:after{content:'';position:absolute;inset:-30%;background:linear-gradient(116deg,transparent 40%,#ffffffa0 49%,transparent 57%);transform:translateX(-115%);animation:shine 8s ease-in-out infinite;pointer-events:none}.v7-spin-edge{position:absolute;background:linear-gradient(90deg,#b3c7d2,#f4fcfa);backface-visibility:visible}.v7-spin-edge.left,.v7-spin-edge.right{width:18px;height:calc(100% - 64px);top:32px}.v7-spin-edge.left{left:0;transform:translateX(-50%) rotateY(-90deg)}.v7-spin-edge.right{left:100%;transform:translateX(-50%) rotateY(90deg)}.v7-spin-edge.top,.v7-spin-edge.bottom{width:calc(100% - 64px);height:18px;left:32px}.v7-spin-edge.top{top:0;transform:translateY(-50%) rotateX(90deg)}.v7-spin-edge.bottom{top:100%;transform:translateY(-50%) rotateX(-90deg)}.v7-spin-guide{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;color:#a3bcc6}.v7-spin-guide button{font-size:10px;display:flex;gap:6px;align-items:center}.v7-spin-guide svg{width:13px;height:13px}@keyframes v7-frame-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-height:800px) and (min-width:961px){.v7-ops-title{margin-bottom:12px}.v7-ops-title h2{font-size:32px}.v7-ops-title p{margin-top:7px;font-size:11px}.v7-ops-tabs{margin-bottom:12px;padding-bottom:10px}.v7-ops-aside{gap:10px;padding-top:10px}.v7-ops-aside h3{font-size:24px}.v7-op-points{gap:11px}.v7-ops-body{grid-template-columns:245px 1fr}.v7-role-frame{height:520px}.v7-role-map{height:235px}.v7-role-description{padding:17px 22px}.v7-role-description h3{font-size:20px}.v7-role-description p{font-size:11px}.v7-role-tags{margin:12px 0}.v7-spin-stage{width:345px}.v7-spin-guide{margin-top:2px}.v7-closing-title{font-size:54px}.v7-closing-words{font-size:12px;gap:8px}}
@media(max-width:1150px) and (min-width:961px){.v7-role-split{gap:25px;grid-template-columns:.77fr 1.23fr}.v7-role-node{width:80px}.v7-role-description h3{font-size:19px}.v7-ops-body{grid-template-columns:225px 1fr;gap:20px}}
@media(max-width:960px){.v7-ops{height:auto;margin:0}.v7-ops-title{align-items:flex-start}.v7-ops-title .tag{display:none}.v7-ops-title h2{font-size:32px}.v7-ops-title p br{display:none}.v7-ops-body{display:flex;flex-direction:column;gap:17px}.v7-ops-aside{display:grid;grid-template-columns:1fr auto;padding-top:4px;gap:12px}.v7-ops-aside>.micro{grid-column:1/-1}.v7-ops-aside h3{font-size:24px;grid-column:1}.v7-ops-aside h3 br{display:none}.v7-ops-aside>p{grid-column:1/-1;max-width:600px}.v7-op-points{display:none}.v7-ops-aside>.btn{grid-row:2;grid-column:2;margin:0}.v7-ops-screen{height:535px;flex:none}.v7-screen-scroll{max-height:495px}.v7-role-split{display:flex;flex-direction:column;gap:28px}.v7-role-frame{height:600px;min-height:600px;width:100%;max-width:740px;margin:auto}.v7-role-map{height:285px}.v7-role-summary{display:none}.v7-spin-stage{width:370px;max-width:90%}.v7-ending{padding:16px 0 28px}.v7-closing-title{font-size:52px}.v7-closing-words{gap:8px;font-size:13px}.v7-closing{gap:44px}.v7-shot-heading p{font-size:11px}}
@media(max-width:560px){.v7-ops-title h2{font-size:28px}.v7-ops-title h2 em{display:block;margin-top:3px}.v7-ops-tabs{gap:5px}.v7-ops-tabs button{padding:10px 9px;font-size:10px;gap:6px;flex:1;justify-content:center}.v7-ops-tabs svg{display:none}.v7-ops-aside{display:flex;padding:4px 0;gap:9px}.v7-ops-aside h3{font-size:23px}.v7-ops-aside>p{font-size:11px}.v7-ops-aside>.btn{margin-top:4px}.v7-ops-screen{height:355px}.v7-screen-photo{min-width:650px}.family-view .v7-screen-photo{min-width:0}.v7-screen-chrome{padding:0 11px;gap:9px}.v7-screen-scroll{max-height:315px}.v7-screen-chrome .v7-subtle{font-size:8px}.v7-role-frame{height:560px;min-height:560px;border-radius:18px}.v7-role-toolbar{padding:0 14px}.v7-role-toolbar .micro{font-size:6px;letter-spacing:.05em}.v7-role-toolbar button{font-size:9px}.v7-role-map{height:248px}.v7-role-node{width:73px;gap:5px}.v7-role-node.director{left:5%;top:11%}.v7-role-node.teacher{right:4%;top:16%}.v7-role-node.student{left:7%;bottom:8%}.v7-role-node.parent{right:6%;bottom:6%}.v7-role-icon{height:44px;width:44px;border-radius:13px}.v7-role-icon svg{width:23px;height:23px}.v7-role-node b{font-size:10px}.v7-role-node small{font-size:8px}.v7-role-core .logo-plate.small{width:66px;height:66px;border-radius:18px}.v7-role-core>span:last-child{font-size:6px}.v7-role-core{gap:10px}.v7-orbit-ring.r1{width:205px;height:148px}.v7-orbit-ring.r2{width:170px;height:205px}.v7-role-description{padding:19px 18px}.v7-role-description h3{font-size:18px}.v7-role-description p{font-size:11px}.v7-role-tags{gap:5px;margin:12px 0}.v7-role-tags span{font-size:8px;padding:6px 7px}.v7-closing-title{font-size:38px}.v7-closing .eyebrow{font-size:7px;letter-spacing:.07em}.v7-closing-words{font-size:12px}.v7-spin-stage{width:272px}.v7-spin-face{border-radius:25px}.v7-spin-guide{font-size:10px;gap:13px}.v7-ending{gap:23px;padding:20px 0 22px}.v7-shot-heading{gap:10px}.v7-shot-heading .v7-subtle{font-size:8px}.v7-shot-heading p{font-size:10px}}
/* Decorative layers must never capture controls or pointer drags */
.logo-glow,.core-halo,.ambient-grid{pointer-events:none}.v7-spin-stage *{pointer-events:none}.v7-spin-guide{position:relative;z-index:4}.v7-spin-guide button{position:relative;z-index:5}
@media(max-width:560px){.scene-0 .hero-art{overflow:clip;overflow-clip-margin:12px}}