:root{--ink:#293055;--muted:#69718c;--purple:#7560d8;--mint:#e1f6ef;--pink:#ffeaf0}body{background:#f7f9fc;color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}aside{background:#fff;box-shadow:4px 0 28px #3b326509;border-right:1px solid #efedf8}nav{gap:5px}nav a{font-size:14px;padding:11px 15px;border-radius:13px}nav a.active{background:#eee9ff;color:#604cbf;font-weight:700}header{background:#ffffffd9;border-bottom:1px solid #eceef5;backdrop-filter:blur(16px)}h1,h2,h3{color:#2d3157;line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(27px,3.6vw,43px)}h2{font-size:25px}h3{font-size:19px}p{color:#626982}button,.btn{font-size:15px;border-radius:13px;padding:12px 19px;min-height:46px;font-weight:700;cursor:pointer}button.primary,.primary,.btn{background:#7560d8;color:#fff;border:1px solid transparent;box-shadow:0 5px 12px #7460d81b}button.primary:hover,.primary:hover,.btn:hover{background:#6550c5;transform:translateY(-1px)}.secondary,.btn.soft{background:white;color:#6552bd;border:1px solid #e4def5;box-shadow:none}.card{border:1px solid #ececf5;box-shadow:0 6px 24px #2e255006;border-radius:22px}.tag{background:#f0ebff;color:#6851bf;border-radius:9px}.hero{background:linear-gradient(120deg,#eeebff 0%,#e5f9f1 62%,#fff1e5 100%);border:1px solid #e4e7f6;border-radius:28px;min-height:320px;padding:34px;overflow:hidden}.hero img{max-width:43%;filter:drop-shadow(0 12px 18px #5c4d6320)}.hero h1{font-size:clamp(30px,3.7vw,49px)}.stats{gap:16px}.stat{background:white;border:1px solid #ebedf6;border-radius:20px;padding:21px}.stat b{font-size:25px}.stat .icon{background:#f3edff;border-radius:14px}.companion{background:#ffffff;border:1px solid #e9edf5;border-radius:18px;box-shadow:none;margin:18px 0}.companion img{width:62px;height:62px;border-radius:15px}.companion small{color:#757d93}.welcome-strip{display:flex;justify-content:space-between;gap:12px;color:#77718e;font-size:12px;font-weight:700;letter-spacing:.05em;margin:4px 0 19px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#7c67bf;font-weight:700}.skill{transition:transform .15s,box-shadow .15s}.skill:hover{transform:translateY(-4px);box-shadow:0 12px 26px #51446b11}.skill .icon{border-radius:15px;background:#edf8f3;padding:10px}.skill:nth-child(3n+2) .icon{background:#f2edff}.skill:nth-child(3n) .icon{background:#fff0e5}.word-card{background:linear-gradient(130deg,#fff,#f4f0ff);padding:40px 22px;border:1px solid #e4def6}.word-card h1{font-size:clamp(32px,5vw,54px)}.ipa{display:block;color:#6d61a3;font-size:19px;font-family:Arial,'Segoe UI',sans-serif;font-weight:400;letter-spacing:.025em;margin:5px 0 13px}.voice-tools{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.voice-picker{display:flex;align-items:center;gap:9px;font-size:14px}.voice-picker select{padding:8px}.word-row{padding:15px 0;border-bottom:1px solid #eee}.word-example{font-size:19px}.source-note{line-height:1.7;font-size:13px}.search-field,input,select,textarea{border:1px solid #dfe3ef;border-radius:12px;background:#fff;color:#353b59;padding:12px;font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid #cfc3fa;outline-offset:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aa93ed;outline-offset:3px}.study-banner,.learning-hub{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(120deg,#f0eaff,#e4f8ef 70%,#fff0db);border-radius:25px;padding:30px;border:1px solid #e8e4f4;margin:15px 0 22px}.study-banner img{width:245px;max-width:34%;border-radius:24px}.study-banner p{max-width:520px}.learning-meter{display:flex;align-items:center;gap:20px;background:white;border:1px solid #eee;border-radius:17px;padding:20px;margin:20px 0}.learning-meter b{white-space:nowrap}progress{appearance:none;border:0;border-radius:20px;width:100%;height:9px;background:#eeeaf7}progress::-webkit-progress-bar{border-radius:20px;background:#eeeaf7}progress::-webkit-progress-value{border-radius:20px;background:linear-gradient(90deg,#9985ec,#5ac8b3)}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0}.segmented{display:flex;gap:5px;background:#efedf7;border-radius:14px;padding:5px;flex-wrap:wrap;margin:15px 0}.segmented button{background:transparent;border:0;box-shadow:none;color:#6c6e87;min-height:40px;padding:9px 18px;font-size:14px}.segmented .selected{background:white;color:#6954bc;box-shadow:0 3px 8px #5d4c7c0b}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.course-card{background:white;border:1px solid #e9e9f2;border-radius:22px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s}.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #76668a10}.course-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;margin-bottom:21px}.course-symbol{font-size:24px;font-weight:700;color:#209b85;background:#e4f7f0;border-radius:14px;padding:9px 13px}.grammar .course-symbol{background:#f1eafa;color:#9672c5}.course-card small{font-size:12px;color:#9093a7}.course-card h3{margin:10px 0}.course-card p{font-size:14px;flex:1}.course-card button{margin-top:10px;width:100%}.detail-heading{margin:25px 0}.lesson-detail{max-width:940px;margin:auto}.lesson-words{display:grid;gap:12px;margin:20px 0}.lesson-words article{display:grid;grid-template-columns:35px 1fr auto;gap:18px;align-items:start;padding:22px}.lesson-words h2{margin:0 0 5px}.lesson-words b{font-size:16px}.lesson-words p{margin:7px 0}.word-number{color:#b5aecb;font-weight:bold;font-size:18px}.rule-panel{padding:28px;margin:24px 0}.rule-panel p{font-size:18px}.example-line{border-left:4px solid #82cbb7;background:#effaf5;padding:20px;font-size:20px;margin:20px 0;border-radius:0 14px 14px 0}#courseQuiz{padding:27px;margin:22px 0}#courseQuiz fieldset{border:0;border-bottom:1px solid #eceaf3;padding:20px 0;margin:0 0 15px}#courseQuiz legend{font-size:18px;font-weight:700}#courseQuiz .option{margin:8px 0}.feedback{padding:15px;background:#f3f0ff;border-radius:13px;margin:15px 0}.feedback.correct{background:#e9f8f1}.feedback.wrong{background:#fff0ec}.learning-hub{background:#f0ecfc;margin-top:30px}.hub-number{font-size:65px;font-weight:700;color:#9c89d7;line-height:1.1}.hub-number small{display:block;font-size:14px;font-weight:400}.map-scroll{overflow:auto;border:1px solid #e6e5f0;border-radius:25px;background:radial-gradient(ellipse,#f8f5ff,#fff 70%);margin:20px 0}.radial-map{position:relative;width:100%;min-width:850px;height:650px}.radial-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d9d2ee;stroke-width:3}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:160px;background:white;box-shadow:0 8px 30px #8062ae16;border:2px solid #dcd2f5;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3}.map-center img{width:80px;height:70px;object-fit:cover;border-radius:15px}.map-center b{font-size:25px;color:#7b61c0}.map-center span{font-size:12px}.map-node{position:absolute;transform:translate(-50%,-50%);max-width:190px;width:170px;font-size:14px;background:var(--node-color);color:#4f526e;box-shadow:none;border:2px solid transparent;white-space:normal;padding:14px 10px;line-height:1.35}.map-node:hover{transform:translate(-50%,-50%);border-color:#bcaee3}.map-node.selected{border-color:#8a71c9;box-shadow:0 4px 12px #8a71c920}.map-focus{padding:25px}.map-lesson-links{display:flex;gap:12px;flex-wrap:wrap}.mind-tree{padding:25px 0}.mind-root{background:#ede6fa;padding:20px 28px;border-radius:20px;font-size:23px;font-weight:700;text-align:center;max-width:520px;margin:0 auto 30px;position:relative}.mind-root:after{content:'';position:absolute;left:50%;bottom:-30px;height:30px;width:2px;background:#d6c9ec}.mind-branches{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px;border-top:2px solid #d6c9ec}.mind-branch{background:white;border:1px solid #e8e4f0;border-left:5px solid var(--branch-color);border-radius:14px;overflow:hidden}.mind-branch summary{cursor:pointer;padding:18px;color:var(--branch-color);font-size:18px;font-weight:700}.mind-branch>div{padding:0 18px 20px;color:#656a82}.unit-grid{gap:18px}.unit-card{padding:24px}.unit-card p{font-size:15px}.unit-card .primary{width:100%}.exam-timer{flex-wrap:wrap}footer{font-size:12px}#account{border:1px solid #e6e4f0;border-radius:17px;background:#fff;box-shadow:none}
@media(min-width:1400px){main{max-width:1500px;margin-left:250px;padding-left:55px;padding-right:55px}}@media(max-width:1100px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-banner h1{font-size:34px}.welcome-strip span:last-child{display:none}}@media(max-width:700px){body{font-size:15px}main{padding:14px 15px 95px}.hero{padding:25px 20px;min-height:0;gap:5px}.hero img{max-width:40%;align-self:flex-end}.hero h1{font-size:29px}.hero p{font-size:14px}.hero .btn{font-size:13px;padding:11px 14px}.stats{gap:8px}.stat{padding:13px 9px;gap:7px}.stat .icon{font-size:20px;padding:5px}.stat b{font-size:20px}.stat small{font-size:10px}.study-banner{padding:22px;position:relative}.study-banner h1{font-size:30px}.study-banner img{width:100px;max-width:24%;position:absolute;right:18px;top:25px;opacity:.75}.study-banner .eyebrow{max-width:75%;display:block}.study-banner p{font-size:14px}.course-grid{grid-template-columns:1fr}.course-card{padding:22px}.course-top{margin-bottom:12px}.filter-bar{flex-direction:column;align-items:stretch;gap:0}.learning-meter{flex-direction:column;align-items:stretch;gap:10px;padding:17px}.segmented button{padding:10px 12px;font-size:13px}.lesson-words article{grid-template-columns:23px 1fr auto;padding:18px 13px;gap:9px}.lesson-words h2{font-size:22px}.ipa{font-size:18px}.voice-tools{align-items:flex-start;justify-content:flex-start}.word-card .voice-tools{justify-content:center}.mind-branches{grid-template-columns:1fr;padding:17px 0}.map-scroll{background:#faf8ff}.radial-map{height:auto;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.radial-map svg{display:none}.map-center{position:static;transform:none;grid-column:1/-1;width:100%;height:auto;padding:15px;flex-direction:row;gap:15px;border-radius:20px;margin-bottom:10px}.map-node{position:static;transform:none;max-width:none;width:100%;font-size:13px}.map-node:hover{transform:none}.map-center img{width:55px;height:55px}.map-center span{font-size:14px}.map-lesson-links{display:grid}.map-focus{padding:20px}.learning-hub{padding:23px}.hub-number{display:none}.learning-hub .row{gap:9px}.learning-hub .btn{font-size:13px}.lesson-detail .segmented{gap:2px}#courseQuiz{padding:18px}.source-note a{display:inline-block}nav{overflow:auto}aside{z-index:10}#account{flex-wrap:wrap;gap:10px;padding:16px}#account .btn{font-size:13px}}

aside{overflow-y:auto}.aside-note{position:static;margin-top:24px;padding-bottom:18px}nav{margin-top:25px}.card{background:#fff}.muted,.section-heading small{color:#737a93}button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){aside{overflow-y:visible}nav{margin-top:12px}.aside-note{display:none}.hero img{position:static;right:auto;opacity:1}.hero>div{max-width:70%}}

.mobile-sections{display:none}@media(max-width:700px){aside nav{display:none}.mobile-sections{display:flex;align-items:center;gap:10px;font-size:13px;color:#75758c;margin-top:13px}.mobile-sections select{flex:1;min-width:0;margin:0;padding:10px 13px}.hero>div{max-width:100%}.hero img{max-width:33%;width:95px;position:absolute;right:8px;top:8px;opacity:.55}.hero h1,.hero p{position:relative;z-index:1}}