@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#24263b;background:#f5f6fa;font-synthesis:none;--ink:#24265c;--purple:#6358d6;--muted:#686e82;--line:#e4e6ee;--green:#c0f37c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a395ff;outline-offset:3px}button{border:0;background:none;color:inherit}p{line-height:1.85}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-.055em;line-height:1.4;margin-bottom:12px}h2{font-size:1.3rem;letter-spacing:-.035em}h3{font-size:1.05rem}small,.meta{font-size:.82rem;color:var(--muted)}.skip{position:fixed;top:-100px;background:white;z-index:100;padding:16px}.skip:focus{top:0}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:var(--ink);color:#c6c6df;padding:32px 22px;display:flex;flex-direction:column;z-index:20}.brand{font-size:1.2rem;font-weight:700;color:white;letter-spacing:-.05em;display:flex;align-items:center;gap:10px;margin-bottom:48px}.brandmark{display:grid;gap:4px;background:var(--green);padding:11px;border-radius:10px;width:35px}.brandmark i{height:2px;background:var(--ink)}.brandmark i:nth-child(2){width:8px}.navlabel{font-size:.75rem;letter-spacing:.14em;color:#9e9fc3;margin:0 12px 14px}.navitem{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:9px;margin-bottom:8px;font-size:.94rem}.navitem.active{background:#41417b;color:white;font-weight:600}.navitem:hover{background:#37396b}.icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebottom{margin-top:auto;border-top:1px solid #444577;padding-top:22px}.sidebottom p{font-size:.8rem;color:#b3b4d0;line-height:1.65;margin:12px 0 0}.google{width:100%;border:1px solid #5b5c86;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;color:white;font-size:.85rem}.g{font-family:Arial;font-weight:700;font-size:1.2rem}.workspace{margin-left:230px}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:16px}.breadcrumb{font-size:.88rem;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:500}.topright{display:flex;gap:16px;align-items:center;font-size:.82rem;color:var(--muted)}.avatar{background:#efedff;color:var(--purple);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700}.main{max-width:1250px;margin:auto;padding:35px 42px 125px}.eyebrow{color:var(--purple);font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-bottom:10px}.headingrow{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sub{color:var(--muted);font-size:.93rem;margin:0 0 26px}.pill{display:inline-flex;align-items:center;gap:7px;background:#efedff;color:#6558c8;border-radius:30px;padding:7px 12px;font-size:.78rem;white-space:nowrap}.btn{border:1px solid var(--line);background:white;border-radius:8px;padding:11px 17px;font-size:.88rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn:hover{background:#f4f3ff;border-color:#c7c1ee}.btn.primary{background:var(--purple);color:white;border-color:var(--purple)}.btn.lime{background:var(--green);color:var(--ink);border:0}.btn.iconbtn{padding:10px;min-width:44px}.btn.small{padding:7px 11px}.btn.ghost{background:transparent;border-color:transparent}.btn.active{color:var(--purple);background:#efedff;border-color:#d7d1ff}.hero{display:grid;grid-template-columns:1.3fr 1fr;background:var(--ink);color:white;border-radius:15px;overflow:hidden;margin:0 0 28px;min-height:182px}.herotext{padding:26px 30px}.herotext h2{font-size:1.35rem;margin:8px 0 8px;line-height:1.5}.herotext p{color:#c2c3de;font-size:.88rem;margin:0;max-width:420px}.hero .eyebrow{color:var(--green);font-size:.7rem}.heroaudio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#2c2e66;padding:24px}.wave{display:flex;gap:5px;align-items:center;height:32px}.wave i{width:3px;border-radius:4px;background:#bce980;height:var(--h)}.heroaudio .btn{font-size:.85rem}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow-x:auto}.tab{padding:0 2px 15px;white-space:nowrap;color:var(--muted);font-size:.94rem;min-height:44px;border-bottom:3px solid transparent}.tab.active{border-color:var(--purple);color:var(--purple);font-weight:700}.studygrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:20px}.panel p{font-size:.93rem}.sectionlabel{font-size:.72rem;font-weight:700;color:var(--purple);letter-spacing:.08em;margin-bottom:10px}.rule{background:#f5f4ff;border-left:3px solid var(--purple);border-radius:4px;padding:15px 18px;line-height:1.7;color:var(--ink);margin:18px 0;font-size:.94rem}.formula{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0}.chunk{border-radius:6px;padding:8px 11px;background:#eeeaff;color:#6653ba;font-size:.88rem}.chunk:nth-child(3n+2){background:#e6f4f2;color:#267e73}.chunk:nth-child(3n){background:#fff2df;color:#a47322}.tip{padding:17px;background:#f6f8fc;border-radius:8px;font-size:.87rem;line-height:1.85}.rail .panel{padding:21px}.rail h3{margin-bottom:16px}.step{display:flex;gap:12px;align-items:flex-start;padding:0 0 18px;font-size:.86rem}.stepnum{width:25px;height:25px;border-radius:50%;background:#eeecfc;color:var(--purple);display:grid;place-items:center;font-size:.75rem;flex-shrink:0}.step small{display:block;line-height:1.65;margin-top:5px}.example{padding:22px 0;border-top:1px solid var(--line)}.example:first-child{border-top:0;padding-top:0}.examplerow{display:flex;gap:14px;align-items:flex-start}.examplenum{font-size:.75rem;color:#959bb1;padding-top:7px;width:23px;flex-shrink:0}.sentence{font-size:1.13rem;line-height:1.85;margin:0;letter-spacing:-.015em}.word{font:inherit;padding:0;border-radius:3px;text-align:left;line-height:inherit}.word:hover{background:#ebe7ff;color:var(--purple)}.en{font-family:'DM Sans',sans-serif}.translation{font-size:.88rem;color:var(--muted);line-height:1.75;margin:7px 0}.explain{font-size:.84rem;color:#666787;border-left:2px solid #c8c0f7;padding-left:11px;margin:13px 0 0;line-height:1.8}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}.controls label{display:flex;align-items:center;gap:7px;font-size:.85rem;color:var(--muted)}select{border:1px solid var(--line);padding:10px;border-radius:8px;background:white;max-width:100%;color:var(--ink);min-height:44px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.chaptercard{display:block;background:white;border:1px solid var(--line);border-radius:12px;padding:22px;transition:transform .15s,border-color .15s}.chaptercard:hover{transform:translateY(-3px);border-color:#aaa0ed}.chaptercard .chapterNo{color:var(--purple);font-size:.8rem;font-weight:700;margin-bottom:18px;display:block}.chaptercard h3{line-height:1.5;margin:0 0 9px}.chaptercard p{font-size:.82rem;color:var(--muted);margin:0 0 18px;line-height:1.65}.groupheading{display:flex;align-items:center;gap:12px;margin:32px 0 17px}.groupheading h2{margin:0}.quiz{max-width:780px}.quizsentence{font-size:1.5rem;line-height:1.8;margin:25px 0}.blank{color:var(--purple);border-bottom:2px solid var(--purple);padding:0 16px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{border:1px solid var(--line);text-align:left;border-radius:9px;padding:16px 18px;display:flex;gap:14px;font-size:1.05rem;background:white;min-height:58px}.option span{color:#8e92a5;font-size:.8rem;padding-top:3px}.option:hover{border-color:var(--purple);background:#f6f4ff}.option.correct{border-color:#388b67;background:#effaf3}.option.wrong{border-color:#d97979;background:#fff2f1}.feedback{background:#f3f4fb;border-radius:9px;padding:20px;margin-top:20px;line-height:1.8;font-size:.9rem}.feedback h3{margin-bottom:8px}.feedback ul{padding-left:20px}.quizfooter{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.progress{height:5px;background:#eceaf6;border-radius:10px;overflow:hidden}.progress>div{height:100%;background:var(--purple)}.practiceSentence{font-size:1.7rem;line-height:1.7;margin:26px 0}.listenbox{text-align:center;padding:30px 20px}.listenplay{background:var(--purple);border-radius:50%;color:white;width:76px;height:76px;display:inline-grid;place-items:center;margin:10px}.listenplay svg{width:30px;height:30px}.hiddenText{background:#f1f2f8;padding:22px;color:#797e95;border-radius:9px;margin:20px 0;line-height:1.8}.field{display:block;width:100%;border:1px solid #daddE8;border-radius:8px;padding:14px;font-size:1rem;background:white;color:var(--ink);min-height:48px}textarea.field{min-height:125px;resize:vertical;line-height:1.8}.vocabhead{text-align:center;padding:20px}.vocabword{font-size:2.4rem;font-weight:600;color:var(--ink);margin:14px 0}.vocabword small{font-size:1rem}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}.phrasegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.phrasegrid .panel{margin:0}.phrase{font-size:1.3rem;color:var(--ink);line-height:1.65}.bottomplayer{position:fixed;bottom:0;left:230px;right:0;background:#ffffffF5;backdrop-filter:blur(14px);border-top:1px solid var(--line);min-height:73px;padding:13px 35px;z-index:15;display:flex;align-items:center;gap:18px}.playericon{width:40px;height:40px;background:#eeebff;border-radius:9px;color:var(--purple);display:grid;place-items:center}.playertext{flex:1;min-width:0}.playertext strong{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.playertext small{display:block;font-size:.75rem;margin-top:5px}.mobilebrand,.mobilenav{display:none}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#20234b;color:white;border-radius:10px;max-width:90vw;z-index:80;box-shadow:0 5px 24px #0002;font-size:.9rem}#toast:empty{display:none}.badgelist{display:flex;gap:6px;flex-wrap:wrap}.badgelist .pill{font-size:.75rem}.notice{padding:15px 18px;background:#f0edfF;color:#5c548d;border-radius:8px;font-size:.85rem;line-height:1.8;margin-bottom:24px}.empty{text-align:center;padding:50px 25px}.divider{height:1px;background:var(--line);margin:24px 0}.answerinput{display:flex;gap:10px;margin:20px 0}.answerinput .field{flex:1;min-width:0}.checklabel{display:flex;gap:8px;align-items:center;font-size:.86rem;min-height:44px}.score{font-size:3.5rem;color:var(--purple);font-weight:700}.recording{color:#b52747;background:#fff0f3}.source{font-size:.8rem;color:var(--muted)}.source a{text-decoration:underline}.mobileonly{display:none}@media(min-width:1500px){.main{padding-top:45px}.hero{min-height:195px}}@media(max-width:1150px){.sidebar{width:200px;padding:28px 16px}.workspace{margin-left:200px}.bottomplayer{left:200px}.main{padding:28px 26px 115px}.topbar{padding:0 26px}.studygrid{grid-template-columns:minmax(0,1fr) 220px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.herotext{padding:25px}.brand{font-size:1.1rem}}@media(max-width:920px){.studygrid{grid-template-columns:1fr}.rail{display:none}.hero{grid-template-columns:1fr 1fr}.herotext h2{font-size:1.15rem}.phrasegrid{grid-template-columns:1fr}.topright .guestlabel{display:none}}@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:62px;padding:0 18px}.breadcrumb{display:none}.mobilebrand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;letter-spacing:-.04em}.mobilebrand .brandmark{width:29px;padding:9px}.main{padding:25px 18px 176px}h1{font-size:1.65rem}.sub{font-size:.88rem;margin-bottom:22px}.headingrow>.btn{font-size:.8rem;padding:9px 11px;white-space:nowrap}.hero{grid-template-columns:1fr;margin-bottom:23px}.herotext{padding:22px}.heroaudio{padding:17px 22px;flex-direction:row;justify-content:space-between}.wave{height:27px;gap:4px}.wave i{height:calc(var(--h) * .75)}.tabs{gap:23px;margin-bottom:21px}.tab{font-size:.87rem;padding-bottom:12px}.panel{padding:20px 18px}.catalog{grid-template-columns:1fr}.chaptercard{padding:21px}.chaptercard .chapterNo{margin-bottom:12px}.options{grid-template-columns:1fr}.quizsentence{font-size:1.3rem}.bottomplayer{left:0;bottom:65px;padding:10px 16px;min-height:68px;gap:10px}.bottomplayer .playericon{display:none}.bottomplayer label{font-size:.8rem}.bottomplayer select{font-size:.8rem;padding:7px;min-height:38px;max-width:75px}.mobilenav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;gap:2px;background:white;z-index:20;border-top:1px solid var(--line);height:65px;padding-bottom:env(safe-area-inset-bottom)}.mobilenav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.69rem;color:#81869c;padding:8px;min-width:55px}.mobilenav a.active{color:var(--purple);font-weight:700}.examplerow{gap:8px}.sentence{font-size:1.08rem}.examplenum{width:19px}.practiceSentence{font-size:1.35rem}.mobileonly{display:block}.vocabword{font-size:2.1rem}.topright{gap:10px}.topright .pill{font-size:.7rem}.controls{gap:7px}#toast{bottom:150px}.quizfooter{flex-wrap:wrap}.answerinput{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} 
.modalback{position:fixed;inset:0;background:#15163880;z-index:90;display:grid;place-items:center;padding:20px}.modal{background:white;border-radius:15px;padding:28px;max-width:430px;width:100%;box-shadow:0 20px 80px #0003}.modal h2{margin:10px 0 16px}.modal p{font-size:.9rem}.modal .btn{margin-top:16px}.correctText{color:#18704d}.wrongText{color:#ac3550}.draftsample{background:#f5f4fd;padding:18px;border-radius:8px;margin-top:20px}.togglebar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:18px}.stat strong{display:block;font-size:1.6rem;color:var(--purple);margin-bottom:6px}.stat small{font-size:.8rem}.groupcaption{font-size:.83rem;color:var(--muted);margin:6px 0 20px}.quiznav{display:flex;gap:6px;flex-wrap:wrap}.quizdot{width:33px;height:33px;border-radius:6px;background:#f0eff8;font-size:.8rem}.quizdot.active{background:var(--purple);color:white}.quizdot.done{background:#e0f3e6;color:#256d46}audio{max-width:100%;margin-top:16px}.legal{display:flex;gap:20px;font-size:.8rem;margin:26px 0;color:var(--muted)}.legal a{text-decoration:underline}.rulelist{padding-left:20px;line-height:1.95;font-size:.94rem}.rulelist li{margin-bottom:15px}.quiz{scroll-margin-top:20px}.answerhint{margin-bottom:16px;color:var(--muted);font-size:.85rem}.word-context{border-top:1px solid var(--line);padding-top:20px}.practice-result{white-space:pre-wrap;line-height:1.8}.tabs .count{background:#eeeaf9;padding:2px 6px;border-radius:4px;font-size:.7rem}@media(max-width:700px){.statrow{gap:8px}.stat{padding:12px}.stat strong{font-size:1.3rem}.stat small{font-size:.74rem}.quizdot{width:36px;height:36px}}
h1,h2,h3,.sub,.herotext p{word-break:keep-all;overflow-wrap:anywhere}.hero h2{max-width:420px}.hero{min-height:unset}.herotext h2{font-size:1.2rem}.hero .herotext{padding:23px 26px}.heroaudio{padding:20px}.sidebar .brand{gap:8px}.panel{overflow-wrap:anywhere}
@media(min-width:701px) and (max-width:920px){.mobileonly{display:block}}@media(max-width:400px){.headingrow{flex-wrap:wrap}.headingrow>.btn{margin-bottom:18px}.topright .pill{display:none}}