:root{--ink:#10233f;--blue:#1769e0;--blue-dark:#0b4fb4;--sky:#eaf3ff;--paper:#f6f9fc;--line:#d9e2ee;--muted:#68778c;--yellow:#ffd24a;--white:#fff;--shadow:0 18px 50px rgba(31,64,104,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Pretendard","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}.topbar{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:900;transform:rotate(-3deg)}.deadline{font-size:14px;color:#dce8f8}.deadline strong{color:var(--yellow);margin-left:7px}.workspace-head{max-width:1440px;margin:0 auto;padding:48px clamp(20px,4vw,64px) 34px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:end}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.16em}.workspace-head h1{margin:0;font-size:clamp(34px,4vw,60px);line-height:1.02;letter-spacing:-.055em}.intro{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:17px}.progress-card{background:#fff;padding:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.progress-copy{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.progress-copy strong{font-size:24px;color:var(--blue)}.progress-track{height:8px;margin:15px 0 18px;background:#e8eef5;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--blue);transition:width .3s ease}.text-button{padding:0;border:0;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}.text-button span{color:var(--blue);margin-left:6px}.study-layout{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 64px;display:grid;grid-template-columns:230px minmax(430px,1fr) 270px;gap:24px;align-items:start}.chapter-nav,.question-panel,.coach-panel{background:#fff;border:1px solid var(--line)}.chapter-nav{padding:18px 0;position:sticky;top:20px}.nav-heading{display:flex;justify-content:space-between;align-items:center;padding:0 18px 14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.14em}.ghost-small{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.section-button{width:100%;padding:13px 18px;border:0;border-left:4px solid transparent;background:transparent;text-align:left;color:var(--muted);cursor:pointer}.section-button strong{display:block;color:var(--ink);font-size:14px}.section-button span{font-size:12px}.section-button.active{border-left-color:var(--blue);background:var(--sky);color:var(--blue)}.section-button.active strong{color:var(--blue)}.section-button .mini-progress{float:right}.source-note{margin:14px 18px 0;padding-top:15px;border-top:1px solid var(--line)}.source-note span,.tip span{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--muted)}.source-note p{font-size:13px;color:var(--muted)}.source-note a{font-size:13px;color:var(--blue);font-weight:700}.question-panel{padding:clamp(24px,3vw,42px);box-shadow:var(--shadow);min-height:650px}.panel-topline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-label{margin:0;color:var(--blue);font-size:13px;font-weight:800}.panel-topline h2{margin:4px 0 0;font-size:26px;letter-spacing:-.035em}.source-link{color:var(--muted);font-size:13px;white-space:nowrap}.question-counter,.word-row{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.question-counter{margin:24px 0 12px}.question-card{padding:22px;background:var(--sky);border-left:4px solid var(--blue)}.question{margin:0;font-size:clamp(20px,2vw,27px);font-weight:750;line-height:1.35;letter-spacing:-.02em}.translation-toggle{margin-top:18px;border:0;background:transparent;padding:0;color:var(--blue);font-weight:700;cursor:pointer}.translation{margin:12px 0 0;color:#425673}.answer-label{display:block;margin:28px 0 9px;font-size:12px;font-weight:900;letter-spacing:.14em}textarea{width:100%;resize:vertical;border:1px solid #b9c8da;background:#fff;padding:18px;color:var(--ink);font:inherit;line-height:1.65;outline:none;min-height:190px}textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.12)}.word-row{margin-top:8px}.question-actions{display:flex;justify-content:space-between;margin-top:26px}button{font:inherit}.primary,.secondary,.coach-button,.export-button{min-height:46px;padding:0 18px;border:1px solid var(--ink);font-weight:800;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover,.coach-button:hover{background:var(--blue-dark)}.secondary{background:#fff;color:var(--ink)}.coach-panel{position:sticky;top:20px;padding:24px}.coach-panel h3{margin:0;font-size:23px}.coach-panel>p:not(.eyebrow){color:var(--muted);font-size:14px}.coach-button,.export-button{width:100%;margin-top:12px}.coach-button{background:var(--ink);color:#fff}.coach-link{display:block;margin:13px 0;text-align:center;color:var(--blue);font-size:14px;font-weight:700}.export-button{background:#fff;color:var(--ink)}.tip{margin-top:26px;padding:17px;background:var(--yellow)}.tip span{color:#5d4a00}.tip p{margin:6px 0 0;font-size:14px;font-weight:700}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow);font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.study-layout{grid-template-columns:210px 1fr}.coach-panel{grid-column:2;position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.coach-panel .eyebrow,.coach-panel h3,.coach-panel>p,.tip{grid-column:1/-1}.coach-link{align-self:center}.workspace-head{grid-template-columns:1fr 330px;gap:30px}}@media(max-width:760px){.topbar{height:auto;min-height:68px}.deadline{max-width:150px;text-align:right}.workspace-head{grid-template-columns:1fr;padding-top:34px}.study-layout{display:block}.chapter-nav{position:static;margin-bottom:14px;padding-bottom:0}.nav-heading,.source-note{display:none}#sectionNav{display:flex;overflow-x:auto}.section-button{min-width:150px;border-left:0;border-bottom:4px solid transparent}.section-button.active{border-bottom-color:var(--blue)}.question-panel{min-height:0}.coach-panel{margin-top:14px;display:block}.word-row span:last-child{display:none}.panel-topline{display:block}.source-link{display:inline-block;margin-top:10px}.question-actions{gap:10px}.question-actions button{flex:1}.coach-panel{position:static}}