:root{--bg:#071527;--deep:#0b1d37;--navy:#0e2b4b;--line:#29415f;--paper:#f8fbff;--ink:#13263b;--muted:#516477;--mint:#4ef0c5;--blue:#6cb6ff;--gold:#ffd28f;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 83% 7%,#103b67 0,#08182f 28%,#071527 61%),var(--bg);color:#eff7ff;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #78e9ff;outline-offset:3px}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}button:disabled{opacity:.4;cursor:not-allowed}.sitewidth{max-width:1260px;margin:auto;padding-left:20px;padding-right:20px}.topbar{border-bottom:1px solid #ffffff19;background:#071527c7;backdrop-filter:blur(18px)}.barinner{min-height:74px;display:flex;align-items:center;gap:16px}.logolink img{display:block;width:126px;max-height:48px;object-fit:contain;object-position:left}.headercrumb{padding-left:16px;border-left:1px solid #ffffff39;line-height:1.3}.headercrumb strong{display:block;font-size:.85rem;letter-spacing:.085em}.headercrumb small{display:block;color:#a5bfd4;font-size:.61rem;letter-spacing:.11em}.headercrumb i{font-style:normal;color:var(--mint)}.barlinks{margin-left:auto;display:flex;gap:9px}.outline-link{border:1px solid #416183;padding:8px 12px;border-radius:10px;color:#bce5fa;font-size:.79rem;font-weight:800;white-space:nowrap}.outline-link:hover,.aside-link:hover{background:#153c5e}.hero{margin:23px 0 17px;border:1px solid #3b6a8b;border-radius:25px;min-height:267px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 76% 47%,#216b86 0,#104164 30%,#0b2847 65%,#0e2445 100%);box-shadow:0 18px 45px #0003}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0,transparent 30px,#ffffff07 31px,transparent 32px);pointer-events:none}.hero-content{z-index:1;padding:30px 34px}.eyebrow{display:flex;align-items:center;gap:8px;color:#79f9dd;font-size:.69rem;letter-spacing:.13em;font-weight:900}.live-dot{background:var(--mint);width:8px;height:8px;border-radius:50%;box-shadow:0 0 16px var(--mint)}h1{font-size:clamp(2rem,4vw,3.24rem);line-height:1.09;letter-spacing:-.055em;margin:14px 0 13px;font-weight:950}h1 em{color:var(--mint);font-style:normal}.hero p{max-width:640px;color:#d5e8f3;font-size:.95rem;margin:0 0 20px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px}.hero-pills span{border:1px solid #ffffff3b;border-radius:99px;background:#ffffff14;color:#e4f5ff;padding:6px 10px;font-size:.71rem;font-weight:750}.hero-art{height:100%;min-height:240px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-art img{width:190px;max-height:227px;object-fit:contain;z-index:2;filter:drop-shadow(0 15px 15px #041220)}.orbit{position:absolute;border:2px solid #6cdbff40;border-radius:50%;width:260px;height:260px}.orbit-b{width:185px;height:185px;border-style:dashed;border-color:#6cffd84e}.hero-chip{position:absolute;right:13px;bottom:27px;border:1px solid #88f7de75;background:#0d3a4ee6;border-radius:12px;padding:7px 12px;font-weight:900;letter-spacing:.07em;z-index:3;font-size:.66rem;transform:rotate(-6deg)}.hero-chip b{color:var(--mint)}.modebar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;background:#122c48;border:1px solid #345371;border-radius:17px;margin-bottom:16px}.modebar h2{font-size:1rem;margin:0 0 1px}.modebar p{color:#bfd0de;font-size:.82rem;margin:0}.mode-buttons{display:flex;gap:8px;flex-shrink:0}.mode{background:#0a1c33;border:1px solid #42607e;color:#d5e3f0;padding:10px 13px;border-radius:12px;min-width:160px;text-align:left;font-size:.8rem;font-weight:900}.mode span{display:block;font-size:.66rem;color:#a3b7c9;font-weight:500}.mode.active{background:#b9ffe9;border-color:#c5ffed;color:#093044;box-shadow:0 0 0 2px #8df5cf24}.mode.active span{color:#325e67}.learning-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.sidebar{background:#112943;border:1px solid #345270;border-radius:20px;padding:18px;position:sticky;top:12px}.aside-head small{font-weight:900;font-size:.67rem;letter-spacing:.11em;color:#78e9cd}.aside-head h2{font-size:1.22rem;margin:4px 0}.aside-head p{font-size:.77rem;color:#a9c1d3;margin-bottom:16px}.unit-picker{display:grid;gap:9px}.unitbtn{border:1px solid #3d5876;border-radius:13px;background:#0a2138;color:#e3f1ff;text-align:left;width:100%;padding:12px;display:flex;align-items:center;gap:11px;min-height:64px}.unitbtn .emoji{font-size:1.35rem;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#1b4864}.unitbtn strong{display:block;font-size:.83rem;line-height:1.18}.unitbtn small{color:#b4c9da;font-size:.69rem}.unitbtn.selected{border-color:#7deecf;box-shadow:inset 3px 0 #46e4c1;background:#11455a}.unitbtn.selected .emoji{background:#236f6e}.unitbtn:hover{background:#19405b}.progress-box{margin-top:15px;background:#0b2036;border:1px solid #334b66;border-radius:13px;padding:13px}.progress-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.66rem;letter-spacing:.04em}.progress-head span{color:#8ef5d6;font-weight:900}.progress-track{margin-top:10px;height:8px;border-radius:10px;background:#28455c;overflow:hidden}.progress-track span{display:block;background:linear-gradient(90deg,#28b5c5,#6bf4c4);height:100%;width:0;transition:width .15s}.progress-box p{margin:9px 0 0;color:#a7bdce;font-size:.69rem}.side-robo{display:flex;gap:10px;align-items:center;margin-top:14px;border:1px dashed #4d728b;padding:8px 10px;border-radius:12px}.side-robo img{width:58px;height:65px;object-fit:contain}.side-robo b{display:block;color:#8aebd0;font-size:.67rem}.side-robo span{display:block;color:#d6e5f0;font-size:.68rem;line-height:1.45}.aside-link{margin-top:12px;display:block;border:1px solid #405c7a;border-radius:11px;padding:11px 12px;color:#d1eafb;font-size:.77rem}.workspace{min-width:0}.mission-header{background:#eef7ff;color:var(--ink);border-radius:18px 18px 0 0;border:1px solid #d1e1ec;padding:19px 23px;display:flex;justify-content:space-between;gap:14px;align-items:center}.mission-header small{color:#127d82;font-weight:950;font-size:.67rem;letter-spacing:.11em}.mission-header h2{font-size:1.38rem;margin:2px 0;font-weight:950;letter-spacing:-.03em}.mission-header p{font-size:.75rem;color:#61778d;margin:0}.scorebox{text-align:center;white-space:nowrap}.scorebox strong{font-size:1.45rem;display:block;color:#0e6274}.scorebox span{display:block;color:#698496;font-size:.59rem;font-weight:900;letter-spacing:.15em}.question-progress{background:#fff;border-left:1px solid #dce9f1;border-right:1px solid #dce9f1;padding:12px 22px}.question-progress>div{display:flex;flex-wrap:wrap;gap:7px}.qdot{width:36px;height:35px;border:1px solid #bad5e6;border-radius:9px;background:#f2f8fc;color:#366077;font-weight:900;font-size:.78rem}.qdot.current{background:#153f6f;color:white;border-color:#153f6f;outline:2px solid #82d6ee;outline-offset:1px}.qdot.done{background:#d0f5e5;color:#07604c;border-color:#76cdae}.qdot.wrong{background:#ffebdf;color:#a34f2d;border-color:#e4a989}.qdot.writing{border-style:dashed}#taskMount{background:#fff;border-left:1px solid #dce9f1;border-right:1px solid #dce9f1;color:var(--ink);padding:16px 23px 24px;min-height:410px}.taskline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}.tag{border-radius:100px;color:#16617f;background:#e4f5ff;font-weight:950;letter-spacing:.035em;padding:6px 10px;font-size:.69rem}.qnumlabel{margin-left:auto;font-size:.72rem;color:#667f90;font-weight:800}.prompt{font-size:1.18rem;line-height:1.57;letter-spacing:-.012em;font-weight:850;color:#19324b;margin-bottom:17px}.passage{padding:18px 19px;background:#eef7f9;border-left:4px solid #2aa9a7;color:#275062;border-radius:10px;font-size:.88rem;line-height:1.85;margin:0 0 21px}.choice-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{display:flex;align-items:center;gap:10px;min-height:63px;text-align:left;border-radius:13px;background:#f6fafc;border:1px solid #cddde9;padding:11px 13px;color:#153249;font-weight:740;font-size:.87rem;overflow-wrap:anywhere}.answer:hover{border-color:#299cad;background:#edfaff}.answer.selected{border-color:#00877e;background:#e9f9f4;box-shadow:inset 3px 0 #00877e}.answer em{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:#e1edf3;color:#2a6070;font-style:normal;font-weight:1000}.answer.selected em{background:#007f7e;color:#fff}.input-label{display:block;font-weight:800;font-size:.81rem;margin-bottom:7px}.short-input,.writing-input{width:100%;border:1.5px solid #bed3df;border-radius:12px;padding:13px 14px;color:#1a3143;background:#fcfeff}.short-input{max-width:430px}.writing-input{resize:vertical;min-height:155px}.starter{background:#f0f7fb;border:1px solid #dce8ee;padding:11px 13px;border-radius:10px;color:#486478;font-size:.82rem;margin-bottom:11px}.wordhint{text-align:right;color:#658090;font-size:.76rem;margin-top:6px}.task-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px}.check-btn,.retry-btn{border:0;border-radius:11px;min-height:44px;padding:11px 15px;background:#075e6e;color:#fff;font-weight:850}.retry-btn{background:#f4ba70;color:#3c2a16}.microcopy{font-size:.77rem;color:#60798d}.feedback{margin-top:17px;border-radius:14px;border:1px solid #b9e1d1;background:#eaf9f2;padding:15px;color:#124c39}.feedback.bad{border-color:#ecc0a9;background:#fff4eb;color:#7b412f}.feedback h3{margin:0 0 8px;font-size:1rem}.feedback p{font-size:.85rem;margin:6px 0;line-height:1.65}.feedback .fix{background:#ffffffac;border-radius:10px;padding:9px 11px}.feedback .answerline{font-weight:850}.ungraded{padding:13px 14px;border-radius:13px;border:1px dashed #bdcfe0;color:#4c6278;background:#f6faff;font-size:.79rem;margin-top:15px}.navigation{background:#ecf5fb;color:#20445a;border-radius:0 0 17px 17px;border:1px solid #d1e1ec;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 22px}.navbtn,.finish-btn{border-radius:11px;border:1px solid #afcbdc;background:#fff;color:#194964;padding:11px 14px;font-weight:900;min-height:45px;font-size:.79rem}.navbtn.next,.finish-btn{background:#134a71;color:#fff;border-color:#134a71}.finish-btn{background:#0b867d;border-color:#0b867d}.privacyline{font-size:.7rem;line-height:1.6;color:#a1bbd0;margin:12px 5px 24px}.resultboard{background:#fff;color:var(--ink);border:1px solid #dce9f1;border-top:0;border-radius:0 0 17px 17px;padding:24px}.resultboard h2{font-size:1.7rem;margin:0 0 7px}.resultboard .subtitle{color:#52697e}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.stat{background:#eef7fb;border-radius:13px;border:1px solid #d0e3ef;text-align:center;padding:15px}.stat strong{display:block;font-size:1.5rem;color:#0e6a7d}.stat small{font-size:.7rem;color:#4a687c}.review-list{display:grid;gap:9px}.review-row{display:flex;gap:12px;align-items:start;justify-content:space-between;background:#f5f9fc;border:1px solid #dbe6ed;border-radius:11px;padding:11px 13px}.review-row button{border:1px solid #b4d4db;background:white;border-radius:8px;color:#156575;font-size:.71rem;font-weight:850;padding:7px 9px;flex-shrink:0}.review-row strong{display:block;font-size:.82rem}.review-row small{color:#5c7385}.writing-guide{margin-top:15px;background:#fff9eb;border:1px solid #e5d6a8;border-radius:12px;padding:14px;font-size:.82rem;color:#5c5034}.review-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.review-actions button{border:1px solid #b4d0d9;background:#0c6074;color:#fff;padding:11px 14px;border-radius:10px;font-weight:900}.review-actions .muted{background:#f1f7fa;color:#1a6474}.toast{position:fixed;bottom:20px;right:20px;background:#173b53;padding:12px 17px;box-shadow:0 12px 30px #0006;border:1px solid #6d9ab2;border-radius:12px;font-size:.8rem;max-width:345px;z-index:9}.foot{display:flex;justify-content:space-between;gap:15px;color:#7e9fb6;font-size:.68rem;margin:24px auto 28px}@media(max-width:1010px){.learning-grid{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:13px}.unitbtn{padding:9px}.modebar{align-items:start;flex-direction:column}.hero{grid-template-columns:minmax(0,1fr) 215px}.hero-art img{width:155px}}@media(max-width:760px){.sitewidth{padding-left:12px;padding-right:12px}.barinner{min-height:65px;gap:8px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.logolink img{width:93px}.headercrumb{padding-left:9px}.headercrumb strong{font-size:.68rem}.headercrumb small{font-size:.5rem}.barlinks{width:100%;justify-content:flex-start;margin-left:0}.outline-link{font-size:.68rem;padding:5px 9px}.hero{margin:14px 0 12px;grid-template-columns:minmax(0,1fr) 112px;min-height:220px;border-radius:17px}.hero-content{padding:22px 15px}.hero h1{font-size:clamp(1.55rem,6vw,2.15rem);margin:11px 0}.hero p{font-size:.78rem;margin-bottom:11px}.eyebrow{font-size:.54rem}.hero-pills{gap:5px}.hero-pills span{font-size:.6rem;padding:4px 7px}.hero-art{min-height:200px}.hero-art img{width:110px;max-height:165px}.orbit{width:160px;height:160px}.orbit-b{width:120px;height:120px}.hero-chip{bottom:10px;right:8px;font-size:.49rem;padding:5px}.modebar{padding:13px;gap:12px}.modebar p{font-size:.72rem}.mode-buttons{width:100%}.mode{min-width:0;flex:1;padding:9px;font-size:.72rem}.mode span{font-size:.61rem}.learning-grid{display:block}.sidebar{position:static;margin-bottom:12px;padding:13px}.aside-head p{margin-bottom:10px}.unit-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.unitbtn{min-height:62px;gap:7px}.unitbtn .emoji{width:30px;height:30px;font-size:1.07rem}.unitbtn strong{font-size:.72rem}.unitbtn small{font-size:.6rem}.progress-box{margin-top:10px}.side-robo{display:none}.aside-link{font-size:.7rem}.mission-header{padding:15px 13px}.mission-header h2{font-size:1.15rem}.mission-header p{font-size:.7rem}.scorebox strong{font-size:1.05rem}.question-progress{padding:9px 12px}.qdot{width:33px;height:33px}.choice-list{grid-template-columns:1fr}.prompt{font-size:1.04rem}.passage{font-size:.8rem;padding:12px}#taskMount{padding:14px 14px 23px;min-height:360px}.navigation{padding:12px;gap:6px}.navbtn,.finish-btn{padding:9px 10px;font-size:.72rem}.privacyline{font-size:.66rem}.resultboard{padding:15px}.result-stats{gap:6px}.stat{padding:8px}.stat strong{font-size:1.16rem}.stat small{font-size:.59rem}.foot{display:block}.foot span{display:block;margin-bottom:5px}}@media(max-width:365px){.hero{grid-template-columns:1fr}.hero-art{display:none}.mode{font-size:.64rem}.unitbtn .emoji{display:none}.qdot{width:31px}.barlinks{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.feedback .inline-robo{width:64px;height:78px;object-fit:contain;float:right;margin:0 0 6px 12px;filter:drop-shadow(0 5px 8px #08405b60)}