:root{--navy:#091d44;--navy2:#0b2856;--blue:#1976e8;--mint:#4ee5d1;--text:#15284c;--muted:#637994;--line:#dce8f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#eaf4fc}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;left:-9999px;z-index:40}.skip:focus{left:1rem;top:1rem;background:white;padding:10px}.aurora{position:fixed;inset:0 0 auto;height:530px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% -20%,#3ee8c7cc,transparent 40%),radial-gradient(ellipse at 41% -15%,#245ccc88,transparent 47%),linear-gradient(145deg,#061634 8%,#123c7a 54%,#145d76 76%,#eaf4fc 100%)}.global{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1480px)/2));color:white;background:#081a3acc;border-bottom:1px solid #b5e4ee34;position:relative;z-index:2}.global nav{display:flex;gap:24px;font-weight:650;font-size:13px}.global nav .active{background:#f5fbff;color:#0c3476;padding:8px 13px;border-radius:9px}.logo{font-weight:850;font-size:21px;letter-spacing:-.5px}.logo span{color:#7df8ea}.account{border:1px solid #bce4ee55;color:white;border-radius:50px;background:#ffffff18;padding:8px 14px;font-size:13px}.shell{max-width:1480px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr)}.rail{color:#deebff;min-height:calc(100vh - 62px);padding:24px 14px;background:linear-gradient(180deg,#092451 0%,#071a3f 75%,#123870 100%);border-radius:0 0 22px 0}.rail-brand{display:flex;align-items:center;gap:9px;margin-bottom:27px;font-size:16px;font-weight:900}.rail-brand small{display:block;font-weight:600;font-size:9px;color:#8db9d5;letter-spacing:1.5px}.nav-caption{font-size:9px;letter-spacing:2px;color:#7294c0;font-weight:750;margin:23px 10px 8px}.nav-button{display:flex;align-items:center;gap:11px;background:transparent;border:0;width:100%;color:#daedff;border-radius:11px;padding:12px;text-align:left;font-size:13px;font-weight:650}.nav-button:hover,.nav-button[aria-current=page]{color:white;background:#2377d7}.rail-link{display:block;font-size:12px;color:#b9d6f8;padding:20px 9px}.rail-foot{background:#ffffff0d;padding:15px 11px;border-radius:12px;font-size:11px;margin-top:30px}main{padding:24px 24px 40px;min-width:0}.small-header{display:flex;justify-content:space-between;gap:12px;color:white;font-size:12px;margin-bottom:14px}.small-header label{display:flex;align-items:center;gap:8px}.small-header select{max-width:220px;border:1px solid #ffffff66;border-radius:9px;color:#11305f;background:white;padding:6px}.notice{background:#fffce5;border:1px solid #ead79c;border-radius:12px;padding:10px 16px;color:#6c5427;font-size:12px;max-width:100%;margin:0 0 12px}.notice:empty{display:none}.hero{min-height:320px;position:relative;overflow:hidden;border:1px solid #9bd7ec5c;border-radius:24px;color:white;background:radial-gradient(ellipse at 70% 110%,#1ca7af90,transparent 45%),radial-gradient(ellipse at 82% 0%,#4699f993,transparent 47%),linear-gradient(125deg,#09234f,#114784 63%,#127d99);display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 35px #071e4833}.hero:after{content:"✦      ✧          ✦           ✧      ✦       ✧";position:absolute;inset:3% 1% auto;word-spacing:42px;color:#cdfbfa66;font-size:19px;pointer-events:none}.hero-text{padding:35px 40px;position:relative;z-index:1;max-width:720px}.pill{display:inline-block;background:#d6fff224;color:#adffec;border:1px solid #b5fff65c;border-radius:30px;padding:5px 11px;font-size:10px;font-weight:800;letter-spacing:1.2px}.hero h1{font-size:clamp(30px,4.3vw,54px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0}.hero h1 span{display:block;color:#affff4}.hero p{max-width:620px;font-size:14px;color:#c6e7fb}.hero small{display:block;max-width:560px;font-size:10px;color:#b3d5eb;margin-top:18px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.cta,.ghost,.soft{border:0;padding:11px 17px;border-radius:12px;font-weight:800}.cta{background:#1476ed;color:white;box-shadow:0 5px 12px #033a8799}.ghost{background:#ffffff18;color:white;border:1px solid #ffffff66}.soft{background:#eff6ff;color:#1551a1}.mascot{width:clamp(135px,22%,250px);max-height:300px;margin:20px 35px;filter:drop-shadow(0 20px 35px #00143c80)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0 24px}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:15px 18px;box-shadow:0 6px 22px #1d568a12}.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;color:#123c8a;font-size:24px;letter-spacing:-.7px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:25px 2px 14px}.section-title h2{font-size:23px;letter-spacing:-.6px;margin:0}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#367fb7}.hint,.muted{font-size:12px;color:var(--muted)}.volumes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.volume{position:relative;overflow:hidden;border:1px solid #d7e7f4;background:white;border-radius:19px;box-shadow:0 7px 24px #16466a1c}.volume .art{padding:18px;color:white;min-height:125px;background:linear-gradient(135deg,#248ee9,#1659c0)}.volume:nth-child(2) .art{background:linear-gradient(135deg,#05aca0,#176b96)}.volume:nth-child(3) .art{background:linear-gradient(135deg,#ff9a3c,#ea6736)}.volume:nth-child(4) .art{background:linear-gradient(135deg,#925aeb,#4a55bb)}.volume:nth-child(5) .art{background:linear-gradient(135deg,#ef628f,#9d3bb2)}.volume:nth-child(6) .art{background:linear-gradient(135deg,#143f9c,#071b60)}.volume .art span{font-size:33px;float:right;filter:drop-shadow(0 3px 3px #0002)}.volume .art strong{display:block;font-size:21px}.volume .art small{display:block;opacity:.9;font-size:12px;max-width:180px}.volume-body{padding:15px}.volume-body b{color:#1b3e7b}.volume-body p{font-size:12px;color:var(--muted);min-height:36px;margin:5px 0 11px}.volume button{border:0;border-radius:10px;background:#156fe4;color:#fff;font-size:12px;font-weight:750;padding:9px 12px;width:100%}.volume button:hover{background:#0c4cab}.bar{height:7px;background:#e6eef8;border-radius:10px;overflow:hidden;margin:9px 0}.bar i{display:block;height:100%;background:#10af9f;border-radius:10px}.content{margin-top:26px;background:white;border:1px solid var(--line);border-radius:23px;min-height:170px;padding:24px;box-shadow:0 7px 24px #16466a0e}.content h2{font-size:22px;line-height:1.2;margin:4px 0 7px}.content h3{font-size:16px;margin:10px 0}.content p{color:#5d7190}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.two-col{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fbfdff}.word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word{padding:12px;border:1px solid #d7e6f4;border-radius:12px;background:#f8fcff}.word b{display:block;color:#143b85}.word span{display:block;font-size:12px;color:#566e89}.word button{border:0;background:transparent;color:#286fb7;padding:3px;font-size:12px}.word .saved{color:#b23c70}.select,label.field{display:block;font-size:12px;color:#425e80;font-weight:750;margin:10px 0}.select select,.select input,textarea,.filter,.profile-dialog select{display:block;width:100%;max-width:100%;border:1px solid #bad1e6;border-radius:10px;background:white;padding:10px;margin-top:5px;color:#1b2f4e}.filter{max-width:460px}.note-box{width:100%;min-height:80px}.question{margin:13px 0;padding:14px;border:1px solid var(--line);border-radius:12px}.question b{display:block;color:#173a6d;margin-bottom:7px}.option{display:flex;align-items:flex-start;gap:9px;border:1px solid #e0ebf4;border-radius:9px;padding:7px 9px;margin-top:5px;font-size:13px;cursor:pointer}.option:has(input:checked){border-color:#3985d2;background:#eaf6ff}.result{background:#eaf9f5;border:1px solid #b5e0d2;padding:14px;border-radius:13px;margin:14px 0}.result.failed{background:#fff4ea;border-color:#f2ceae}.result small{display:block;color:#536d7d;margin-top:5px}.feedback{border-top:1px solid #c6dbdf;padding-top:8px;font-size:12px;color:#284e59}.locked{color:#934e4e;font-size:12px}.material{white-space:pre-wrap;font-family:inherit;font-size:13px;background:#f6faff;padding:20px;border:1px solid var(--line);border-radius:12px;line-height:1.75;color:#233c60}.reading{max-height:340px;overflow:auto}.notice-inline{font-size:12px;background:#f0f8ff;border:1px solid #d4e9fa;border-radius:12px;padding:11px;color:#536b82}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-bottom:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tabs button{border-radius:20px;padding:8px 12px;border:1px solid #c9ddef;background:#f7fbff;color:#2d5b83;font-size:12px;font-weight:700}.tabs button[aria-pressed=true]{background:#176cce;border-color:#176cce;color:white}progress{width:100%;accent-color:#16adab;height:12px}footer{color:#526c8a;font-size:11px;padding:22px 5px;text-align:center}.profile-dialog{padding:24px;min-width:min(380px,90vw);max-width:450px}.profile-dialog p{font-size:13px}dialog{border:1px solid #c4d5eb;border-radius:18px;box-shadow:0 18px 80px #031b4c55}.mobile-nav{display:none}@media(max-width:1150px){.volumes{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.rail{width:190px}.shell{grid-template-columns:190px 1fr}.global nav{gap:12px}}@media(max-width:740px){.global{height:55px;padding:0 15px}.global nav{display:none}.logo{font-size:18px}.shell{display:block}.rail{display:none}main{padding:12px 12px 84px}.hero{min-height:265px;border-radius:18px}.hero-text{padding:23px 20px}.hero p{font-size:12px}.hero h1{font-size:30px}.mascot{width:95px;margin:10px 7px 15px 0}.hero-actions button{font-size:11px;padding:9px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:11px}.stat strong{font-size:21px}.volumes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.volume .art{min-height:112px;padding:12px}.volume .art strong{font-size:18px}.volume .art span{font-size:25px}.volume .art small{font-size:10px}.volume-body{padding:10px}.volume-body p{font-size:11px;min-height:56px}.section-title h2{font-size:19px}.hint{display:none}.content{padding:13px;border-radius:15px}.word-list{grid-template-columns:1fr}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;padding:7px 5px max(7px,env(safe-area-inset-bottom));background:#0b2857;color:#e2f6ff;box-shadow:0 -4px 18px #071d3b44}.mobile-nav button{border:0;background:none;color:inherit;font-weight:700;font-size:17px}.mobile-nav span{display:block;font-size:9px}.small-header{color:white}.small-header select{max-width:140px}.material{padding:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Volume 6 native audio: touch-friendly 16:9 course UI and iPhone safe areas */
.audio-section{margin:16px 0 22px;padding:18px;border-radius:17px;background:#f0f8ff;border:1px solid #cfdfef}
.audio-section h3{margin:2px 0 5px}
.audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.audio-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;background:#fff;border:1px solid #d1e4f4;border-radius:13px}
.audio-card-caption{grid-column:1/-1;min-width:0}
.audio-card-caption b{display:block;overflow-wrap:anywhere;color:#17386d;font-size:13px}
.audio-card-caption small{display:block;color:#647896;font-size:11px}
.audio-card audio{width:100%;max-width:100%;min-width:0;height:44px}
.audio-download{font-size:12px;color:#2159a2;font-weight:750;white-space:nowrap;padding:8px 3px}
.audio-download:hover{text-decoration:underline}
#quiz-area>.audio-card{margin:13px 0;background:#eaf5ff}
.content .tabs button{min-height:44px}
.mobile-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))}
@media(max-width:740px){.audio-grid{grid-template-columns:minmax(0,1fr)}.audio-section{padding:12px;margin:12px 0 15px}.audio-card{gap:6px;padding:11px}.audio-card audio{height:46px}.content .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content .tabs button{min-width:0;width:100%;padding:10px 5px;overflow-wrap:anywhere;font-size:11px}.content{scroll-margin-top:14px}.content .card{max-width:100%;min-width:0}.content button.cta{max-width:100%}.content .material{max-width:100%;overflow-wrap:anywhere}.content .question{min-width:0}}
@media(max-width:370px){.audio-card{grid-template-columns:minmax(0,1fr)}.audio-download{text-align:right}.content .tabs button{font-size:10px}}

@media(max-width:740px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}}