/* MR LEE TOPIK V8 — scoped styles; never alter existing login / site-wide styles */
#mrleeTopikV8{--tv-navy:#0b2250;--tv-blue:#145cdb;--tv-pink:#f72e83;--tv-border:#dce6f4;--tv-muted:#596b87;font-family:'Be Vietnam Pro',system-ui,Arial,sans-serif;color:#122b55;max-width:1200px;margin:0 auto 28px;position:relative}
#mrleeTopikV8 *,#mrleeTopikV8 *::before,#mrleeTopikV8 *::after{box-sizing:border-box}
#mrleeTopikV8 button,#mrleeTopikV8 select,#mrleeTopikV8 textarea{font:inherit}
#mrleeTopikV8 button{cursor:pointer}
#mrleeTopikV8 button:focus-visible,#mrleeTopikV8 a:focus-visible,#mrleeTopikV8 select:focus-visible{outline:3px solid #3ea1ff;outline-offset:3px}
#mrleeTopikV8 .v8-hero{background:linear-gradient(115deg,#071e50 5%,#175cce 77%,#2d9de6 100%);border-radius:28px;padding:clamp(22px,4vw,42px);color:white;overflow:hidden;position:relative;box-shadow:0 20px 50px #0e50a825}
#mrleeTopikV8 .v8-hero:after{content:'한국어';position:absolute;right:-40px;bottom:-55px;font-size:160px;font-weight:900;color:#fff1;pointer-events:none}
#mrleeTopikV8 .v8-eyebrow{display:inline-flex;background:#ffffff25;border:1px solid #ffffff44;border-radius:30px;padding:7px 14px;font-size:12px;letter-spacing:1px;font-weight:800}
#mrleeTopikV8 .v8-hero h2{color:white!important;font-size:clamp(26px,4.2vw,47px);line-height:1.18;margin:20px 0 12px;font-weight:850;letter-spacing:-.025em}
#mrleeTopikV8 .v8-hero p{color:#e9f3ff;font-size:14px;max-width:780px;line-height:1.9}
#mrleeTopikV8 .v8-pill{display:inline-block;border-radius:30px;padding:7px 11px;background:#ffffff22;color:inherit;font-size:12px;font-weight:700;margin:4px 5px 0 0}
#mrleeTopikV8 .v8-card{background:white;border:1px solid var(--tv-border);box-shadow:0 7px 22px #193e7610;border-radius:20px;padding:22px;margin-top:17px;min-width:0}
#mrleeTopikV8 .v8-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#mrleeTopikV8 .v8-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#mrleeTopikV8 .v8-field{display:grid;gap:7px;font-size:13px;font-weight:750;color:#344b74}
#mrleeTopikV8 .v8-field select{padding:13px 12px;border-radius:12px;background:#f7faff;color:#102b55;border:1px solid #d6e3f4;width:100%;height:47px}
#mrleeTopikV8 .v8-topline{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}
#mrleeTopikV8 h3{font-size:21px;line-height:1.4;margin:4px 0 10px;color:#0e295b}
#mrleeTopikV8 h4{font-size:16px;margin:10px 0;color:#12366e}
#mrleeTopikV8 .v8-muted{font-size:13px;color:#64748b;line-height:1.8}
#mrleeTopikV8 .v8-tip{padding:12px 15px;background:#f0f6ff;border-left:3px solid #1d74dc;border-radius:8px;font-size:13px;line-height:1.8;color:#26446e}
#mrleeTopikV8 .v8-progress{height:9px;background:#e8f0fb;border-radius:30px;overflow:hidden}
#mrleeTopikV8 .v8-progress span{display:block;height:100%;background:linear-gradient(90deg,#1272f2,#18c7c1);transition:width .2s;border-radius:30px}
#mrleeTopikV8 .v8-stat{border:1px solid #e5edf9;border-radius:15px;background:#f8fbff;padding:13px;display:grid;gap:3px}
#mrleeTopikV8 .v8-stat b{font-size:25px;color:#1649a9}
#mrleeTopikV8 .v8-stat small{color:#6c7892;font-size:12px}
#mrleeTopikV8 .v8-btn{padding:11px 16px;border-radius:12px;border:1px solid #cdddf2;background:#fff;color:#15407c;font-weight:800;font-size:13px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.5;transition:transform .15s,box-shadow .15s}
#mrleeTopikV8 .v8-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px #1554c41b}
#mrleeTopikV8 .v8-btn.v8-primary{color:white;background:linear-gradient(120deg,#1164ea,#1b9bf2);border-color:#1778ea}
#mrleeTopikV8 .v8-btn.v8-pink{color:#fff;background:linear-gradient(120deg,#f51272,#fd4f9e);border-color:#f62c81}
#mrleeTopikV8 .v8-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px}
#mrleeTopikV8 .v8-tags{display:flex;gap:5px;flex-wrap:wrap}
#mrleeTopikV8 .v8-tag{font-size:11px;font-weight:800;border:1px solid #d6e9fd;background:#edf7ff;color:#2264a2;border-radius:20px;padding:4px 9px;white-space:nowrap}
#mrleeTopikV8 .v8-tag.write{background:#fff0f8;color:#b51964;border-color:#ffd7e7}
#mrleeTopikV8 .v8-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#mrleeTopikV8 .v8-day{text-align:left;padding:14px;border:1px solid #d8e4f4;border-radius:15px;background:#fff;color:#153665;min-height:134px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
#mrleeTopikV8 .v8-day b{font-size:15px}
#mrleeTopikV8 .v8-day span{font-size:12px;color:#586f90;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
#mrleeTopikV8 .v8-day.today{border:2px solid #1866de;background:#f0f7ff}
#mrleeTopikV8 .v8-day.done{background:#ecfaf6;border-color:#ade6d6}
#mrleeTopikV8 .v8-day.final{border:2px solid #f62a83;background:#fff5fa}
#mrleeTopikV8 .v8-tasklist{display:grid;gap:10px;margin:14px 0;padding-left:23px;font-size:14px;line-height:1.85}
#mrleeTopikV8 .v8-quiz{border:1px solid #e0ebf9;border-radius:16px;padding:19px;margin:14px 0;background:#fcfdff}
#mrleeTopikV8 .v8-korean{font-family:'Noto Sans KR',system-ui,sans-serif;font-size:16px;line-height:1.85;color:#152c51;white-space:pre-wrap}
#mrleeTopikV8 .v8-choice{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:12px;border:1px solid #e0e8f6;background:#fff;border-radius:10px;margin:7px 0;color:#18375d;min-height:45px}
#mrleeTopikV8 .v8-choice[aria-pressed='true']{background:#eaf3ff;border-color:#2079e9}
#mrleeTopikV8 .v8-choice.correct{background:#e6fbf0;border-color:#46ae79}
#mrleeTopikV8 .v8-choice.wrong{background:#fff0f4;border-color:#ed7187}
#mrleeTopikV8 .v8-feedback{border-radius:12px;background:#f0f6ff;padding:14px;margin:10px 0;font-size:13px;line-height:1.75}
#mrleeTopikV8 .v8-writing{width:100%;min-height:175px;padding:14px;border:1px solid #cadcf2;border-radius:12px;resize:vertical;background:#fff;color:#123}
#mrleeTopikV8 .v8-hidden{display:none!important}
#mrleeTopikV8 .v8-examnav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center}
#mrleeTopikV8 .v8-notice{background:#fff9ea;border:1px solid #ffe2ab;border-radius:12px;padding:13px;color:#825417;line-height:1.7;font-size:12px}
#mrleeTopikV8 .v8-source{font-size:12px;color:#50688d;line-height:1.9}
#mrleeTopikV8 .v8-source a{color:#0c6ade;text-decoration:underline}
#mrleeTopikV8 .v8-legacy{margin:18px 0;background:#fff;border-radius:16px;border:1px solid #dde8f6;padding:16px}
#mrleeTopikV8 .v8-legacy summary{cursor:pointer;font-weight:800;color:#224c7f}
#mrleeTopikV8 .v8-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:940px){#mrleeTopikV8 .v8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mrleeTopikV8 .v8-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#mrleeTopikV8{padding:0 8px}#mrleeTopikV8 .v8-hero{border-radius:19px;padding:20px}#mrleeTopikV8 .v8-card{padding:16px;border-radius:16px}#mrleeTopikV8 .v8-grid,#mrleeTopikV8 .v8-two{grid-template-columns:1fr}#mrleeTopikV8 .v8-days{grid-template-columns:repeat(2,minmax(0,1fr))}#mrleeTopikV8 .v8-day{min-height:112px}#mrleeTopikV8 .v8-topline{align-items:flex-start}#mrleeTopikV8 .v8-actions .v8-btn{flex:1 1 auto}}