@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap");:root{--ink:#21283a;--muted:#8d93a4;--purple:#7562d8;--line:#ececf2;--bg:#fbfaf8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Noto Sans KR,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#fff;border-right:1px solid #ececf1;display:flex;flex-direction:column;padding:30px 15px 0;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 17px}.brand-mark{width:37px;height:37px;border-radius:12px;background:#7562d8;color:#fff;display:grid;place-items:center;font-family:Noto Sans KR;font-weight:800;font-size:21px;box-shadow:0 6px 14px #7562d833}.brand strong{display:block;font-family:Manrope;font-size:20px;letter-spacing:-1px;line-height:1}.brand span{display:block;color:#a4a5b3;font-size:9px;letter-spacing:2px;font-weight:800;margin-top:7px}.side-label{font-size:10px;letter-spacing:1.7px;color:#b2b3bd;font-weight:800;padding:55px 17px 13px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.nav-item{width:100%;height:45px;border:0;background:transparent;color:#7d8392;display:flex;align-items:center;gap:13px;border-radius:10px;padding:0 16px;text-align:left;font-size:13px;font-weight:700}.nav-item:hover{background:#f7f5fc}.nav-item.active{color:#6b58ce;background:#f1eefc}.nav-item em{margin-left:auto;font-size:10px;font-style:normal;background:#e7e0ff;color:#6d55ce;border-radius:10px;padding:3px 7px}.side-bottom{margin-top:auto}.side-promo{background:#f4f0ff;border-radius:13px;padding:17px;margin:0 5px 24px}.promo-icon{width:31px;height:31px;background:#ded4ff;color:#6f58cf;display:grid;place-items:center;border-radius:8px;margin-bottom:12px}.side-promo strong{font-size:14px;line-height:1.4}.side-promo p{font-size:11px;color:#9290a5;line-height:1.5;margin:7px 0 0}.side-profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:20px 8px}.avatar,.top-avatar{background:#eee5dc;color:#7b6c69;border-radius:50%;display:grid;place-items:center;font-family:Noto Sans KR;font-weight:800}.avatar{width:34px;height:34px}.side-profile small,.side-profile strong{display:block}.side-profile strong{font-size:11px}.side-profile small{color:#a5a5af;font-size:10px;margin-top:3px}.profile-dot{width:7px;height:7px;border-radius:50%;background:#9c87ed;margin-left:auto}.main{min-width:0;flex:1 1}.topbar{height:72px;border-bottom:1px solid #eeeef2;background:#fff;justify-content:space-between;padding:0 50px}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:10px;color:#aaaeb9;font-size:10px;letter-spacing:1.35px;font-weight:800}.breadcrumb span{color:#44485a}.top-actions{display:flex;align-items:center;gap:19px;color:#8f94a2;font-size:12px}.top-divider{width:1px;height:18px;background:#e7e8ee}.streak-pill{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#e79164}.top-avatar{border:0;width:30px;height:30px;font-size:13px}.content{max-width:1180px;margin:auto;padding:38px 50px 80px}.hero{min-height:274px;background:#ece9fb;border-radius:17px;overflow:hidden;display:flex;align-items:center;padding:38px 48px}.hero,.hero-copy{position:relative}.hero-copy{z-index:2;max-width:570px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:800;color:#7564cf;display:flex;align-items:center;gap:8px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#8f77eb}.hero h1,.page-heading h1{font-family:Manrope,Noto Sans KR;font-weight:800;letter-spacing:-2.3px}.hero h1{font-size:39px;margin:19px 0 11px}.hero h1 span,.page-heading h1 span{color:#907bdf}.hero p{color:#747787;font-size:14px;margin:0 0 25px;line-height:1.6}.primary-btn{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 19px;background:#7562d8;color:#fff;border:0;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 7px 14px #7562d82a}.primary-btn:hover{background:#6552ca}.hero-art{right:2%;width:42%;height:100%;top:0}.hero-art,.orb{position:absolute}.orb{border-radius:50%;background:#dcd6f7}.orb-one{width:310px;height:310px;right:20px;top:-80px}.orb-two{width:205px;height:205px;right:-100px;bottom:-120px;background:#ded8f8}.art-card{position:absolute;right:22%;top:38px;width:198px;height:201px;background:#fff;border-radius:15px;box-shadow:0 18px 36px #8576be32;transform:rotate(9deg);padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.art-card span{font-family:Noto Sans KR;font-size:12px;color:#aaa8b9}.art-card strong{font-family:Noto Sans KR;font-size:49px;letter-spacing:-4px;margin:3px 0;color:#3a3457}.art-card small{font-size:11px;color:#9b94af}.art-line{background:#ede9f9;width:60px;height:4px;border-radius:10px;margin-top:23px}.art-spark{position:absolute;color:#a595e3}.art-spark-one{font-size:37px;top:45px;right:14%}.art-spark-two{font-size:22px;bottom:36px;left:14%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:21px}.stat-card{background:#fff;border:1px solid #efeff3;border-radius:13px;padding:20px 21px;min-height:160px}.stat-head{display:flex;justify-content:space-between;align-items:center}.icon-box{width:37px;height:37px;border-radius:9px;display:grid;place-items:center}.lavender{background:#f0edff;color:#7764dc}.peach{background:#fff1e9;color:#ec986f}.mint{background:#e9f8f2;color:#55b292}.stat-trend{font-size:9px;letter-spacing:1px;color:#b0b2bd;font-weight:800}.stat-card>strong{display:block;font-family:Manrope;font-size:28px;line-height:1;margin-top:18px;letter-spacing:-1px}.stat-card>strong span{font-size:14px;color:#a3a4b3;letter-spacing:0;font-weight:600}.stat-card>p{font-size:12px;color:#8f92a1;margin:7px 0 0}.mini-progress,.progress-track{height:5px;background:#f0eef6;border-radius:6px;overflow:hidden}.mini-progress{margin-top:14px}.mini-progress span,.progress-track span{display:block;background:#9988e5;height:100%;border-radius:6px}.stat-sub{font-size:10px;color:#abaeb9;margin-top:13px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:43px 0 20px}.section-kicker{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#9b87e3}.section-heading h2{font-family:Manrope;font-size:24px;letter-spacing:-1px;margin:6px 0 0}.text-link{background:none;border:0;display:flex;align-items:center;gap:3px;color:#7966d3;font-size:12px;font-weight:800}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.path-card{border:1px solid #efeff3;background:#fff;border-radius:13px;overflow:hidden;text-align:left;padding:0;transition:transform .2s,box-shadow .2s}.path-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2f27550e}.path-illustration{height:127px;display:flex;align-items:center;justify-content:center;position:relative}.path-illustration>svg{position:relative;z-index:1}.path-illustration span{font-family:Noto Sans KR;position:absolute;font-size:88px;font-weight:800;opacity:.12;right:19%;top:-15px}.lilac{background:#f0ecfc;color:#826cdb}.coral{background:#fcf0e9;color:#e69a76}.blue{background:#eaf2fa;color:#7ca9d7}.path-info{display:block;padding:20px}.path-info small{display:block;font-size:9px;letter-spacing:1.2px;color:#b0a5d7;font-weight:800}.path-info strong{display:block;font-family:Manrope;font-size:17px;margin:9px 0 6px}.path-info>span{display:block;color:#9497a3;font-size:11px;min-height:33px;line-height:1.5}.path-info em{display:flex;align-items:center;gap:4px;color:#7765d5;font-style:normal;font-weight:800;font-size:11px;margin-top:13px}.bottom-grid{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:16px;gap:16px;margin-top:22px}.daily-tip,.level-panel{border:1px solid #efeff3;background:#fff;border-radius:13px;padding:19px;display:flex;gap:13px}.tip-icon{width:34px;height:34px;flex:none;border-radius:9px;background:#fff3e5;color:#eba76c;display:grid;place-items:center}.daily-tip small,.level-panel small{display:block;font-size:9px;letter-spacing:1.2px;color:#aaa2ce;font-weight:800}.daily-tip strong,.level-panel strong{display:block;font-size:13px;margin:5px 0}.daily-tip p,.level-panel p{margin:0;color:#9a9cab;font-size:11px;line-height:1.5}.level-panel{align-items:center;justify-content:space-between}.level-panel button{border:0;background:none;color:#7765d5;font-size:11px;font-weight:800;display:flex;align-items:center;white-space:nowrap}.page-heading{margin:9px 0 30px}.page-heading h1{font-size:38px;margin:10px 0}.page-heading p{color:#8b8f9d;font-size:14px;margin:0}.practice-toolbar,.quiz-top{display:flex;align-items:center;gap:20px;font-size:12px;color:#9295a3;font-weight:700;margin:0 0 17px}.practice-toolbar>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.practice-toolbar .progress-track{flex:1 1}.direction-button,.practice-toolbar button{border:0;background:transparent;color:#7765d5;font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px}.flashcard{width:100%;min-height:400px;background:#fff;border:1px solid #e9e5f1;box-shadow:0 12px 30px #574c780c;border-radius:20px;display:flex;flex-direction:column;align-items:center;position:relative;padding:26px;transition:transform .2s}.flashcard:hover{transform:translateY(-2px)}.card-top{width:100%;display:flex;justify-content:space-between;color:#a39abc;font-size:10px;letter-spacing:1.6px;font-weight:800}.card-top svg{color:#8a79d5}.card-main{font-family:Noto Sans KR,Manrope;font-size:46px;font-weight:700;margin:auto 0 6px;color:#2f2b42}.card-roman{font-size:13px;color:#aaa5b7}.card-example{display:grid;grid-gap:5px;gap:5px;margin-top:25px;text-align:center}.card-example strong{font-family:Noto Sans KR;font-size:14px}.card-example small{color:#9999a5;font-size:12px}.card-bottom{margin-top:auto;padding-top:28px;color:#aaa2bb;font-size:11px}.rating{text-align:center}.rating p{font-size:12px;color:#9696a4;margin:21px}.rating>div{display:flex;justify-content:center;gap:9px}.rating button{border:1px solid #e7e3f1;border-radius:9px;background:white;color:#574f70;padding:10px 20px;font-size:12px;font-weight:800}.rating button:hover{background:#f4f0ff}.rating small{display:block;font-size:9px;color:#aaa6b7;margin-top:3px}.complete-card,.intro-card{min-height:370px;background:white;border:1px solid #efedf4;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.complete-card>span{color:#9a84e4;font-size:45px}.complete-card h2,.intro-card h2{font-family:Manrope;margin:15px 0 8px;font-size:26px}.complete-card p,.intro-card p{color:#9293a1;font-size:13px;line-height:1.7;max-width:430px;margin:0 0 23px}.intro-icon{background:#f1edff;color:#7d68d8;border-radius:14px;width:60px;height:60px;display:grid;place-items:center}.quiz-top{justify-content:space-between;margin-bottom:11px}.quiz-top span{display:flex;align-items:center;gap:6px}.quiz-progress{margin-bottom:23px}.question-card{background:#fff;border:1px solid #efedf4;border-radius:17px;padding:31px;max-width:760px;margin:auto}.question-label{color:#aaa0cf;font-size:10px;letter-spacing:1.5px;font-weight:800;text-align:center}.question-word{font-family:Noto Sans KR,Manrope;font-weight:700;font-size:36px;text-align:center;margin:18px 0 30px}.question-word button{vertical-align:middle;border:0;background:none;color:#9581d9;margin-left:12px}.answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.answers button{min-height:59px;text-align:left;background:#fff;border:1px solid #e9e8ee;border-radius:10px;font-size:13px;font-weight:700;color:#55586a;display:flex;align-items:center;gap:14px;padding:10px 14px}.answers button:hover{border-color:#a997e5;background:#faf9ff}.answers button span{border-radius:7px;background:#f5f4f8;color:#9793a4;width:25px;height:25px;display:grid;place-items:center;font-size:10px;flex:none}.answers button.correct{border-color:#7bc6a6;background:#effaf5;color:#2c8063;opacity:1}.answers button.incorrect{border-color:#eba5a0;background:#fff2f1;color:#b8655e;opacity:1}.answers button svg{margin-left:auto}.answer-note{background:#f8f6fd;border-radius:8px;margin-top:18px;padding:14px 16px;display:grid;grid-gap:6px;gap:6px;font-size:14px}.answer-note span{font-family:Noto Sans KR;color:#8e8a9d;font-size:16px;line-height:1.5}.quiz-actions{display:flex;justify-content:space-between;max-width:760px;margin:20px auto}.library-controls{display:flex;gap:10px;margin-bottom:17px}.library-controls input{height:45px;flex:1 1;border:1px solid #e9e8ef;border-radius:9px;padding:0 15px;outline:none;background:white;font-size:12px}.library-controls input:focus{border-color:#a290e2}.category-select{position:relative}.category-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:45px;min-width:140px;border:1px solid #e9e8ef;background:white;border-radius:9px;padding:0 35px 0 15px;font-size:12px;color:#525468}.category-select svg{position:absolute;right:13px;top:15px;pointer-events:none}.word-list{background:white;border:1px solid #eeedf2;border-radius:12px;overflow:hidden}.word-row{display:flex;align-items:center;gap:15px;padding:14px 19px;border-bottom:1px solid #f0eff4}.word-row:last-child{border-bottom:0}.sound-button{border:0;background:#f1eefb;color:#806fce;border-radius:8px;width:34px;height:34px;display:grid;place-items:center}.word-korean{width:160px}.word-korean strong{font-family:Noto Sans KR;font-size:14px}.word-korean small{display:block;color:#aba8b4;font-size:10px;margin-top:2px}.word-english{flex:1 1;font-size:12px;color:#6f7180}.word-category{font-size:10px;color:#a7a2b5;width:75px}.word-status{font-size:10px;color:#aaa4b6;background:#f5f3f8;border-radius:12px;padding:5px 9px}.word-status.known{background:#e8f8f1;color:#55aa86}.empty-list{padding:25px;text-align:center;color:#9292a1;font-size:12px}.settings-card{background:white;border:1px solid #eeedf2;border-radius:15px;padding:0 27px}.setting-section{padding:26px 0;border-bottom:1px solid #f0eff4}.setting-section:last-child{border:0}.setting-section h3{font-family:Manrope;font-size:16px;margin:0 0 5px}.setting-section p{font-size:12px;color:#9999a7;margin:0 0 18px}.direction-options,.goal-options,.level-options{display:flex;gap:9px}.direction-options button,.goal-options button,.level-options button{border:1px solid #e8e6ee;border-radius:9px;background:#fff;color:#646576;padding:10px 16px;font-size:12px}.level-options button{min-width:92px;text-align:left}.level-options small,.level-options strong{display:block}.level-options strong{font-size:20px}.level-options small{font-size:9px;color:#9a98a6}.direction-options button.chosen,.goal-options button.chosen,.level-options button.chosen{border-color:#917edc;background:#f4f0ff;color:#6e5acb}.settings-note{display:flex;align-items:center;gap:8px;color:#9a9aa7;font-size:11px;margin-top:18px}.menu-button,.mobile-close{display:none}@media(max-width:1050px){.sidebar{width:210px}.content{padding:30px}.topbar{padding:0 30px}.hero-art{opacity:.65}.hero-copy{max-width:440px}.hero h1{font-size:33px}.path-info{padding:16px}.path-info strong{font-size:15px}}@media(max-width:760px){.sidebar{position:fixed;z-index:10;left:-260px;transition:left .2s;width:252px;box-shadow:10px 0 40px #1b16311a}.sidebar.open{left:0}.mobile-close{position:absolute;right:17px;top:34px;color:#999}.menu-button,.mobile-close{display:block;border:0;background:none}.menu-button{color:#5c566d}.topbar{height:61px;padding:0 20px}.breadcrumb{margin-right:auto;margin-left:14px}.top-date,.top-divider{display:none}.top-actions{gap:9px}.content{padding:22px 17px 60px}.hero{padding:31px 25px;min-height:250px}.hero h1{font-size:28px;letter-spacing:-1.5px}.hero p{font-size:12px;max-width:250px}.hero-art{right:-88px;opacity:.3}.stats-grid{gap:9px}.stat-card{padding:14px;min-height:145px}.stat-card>strong{font-size:23px}.stat-card>strong span{font-size:10px}.stat-trend{font-size:7px}.path-grid{grid-template-columns:1fr;gap:11px}.path-card{display:flex}.path-illustration{height:auto;width:100px;flex:none}.path-info{padding:16px}.path-info>span{min-height:auto}.bottom-grid{grid-template-columns:1fr}.section-heading{margin-top:32px}.section-heading h2{font-size:22px}.text-link{font-size:10px}.page-heading h1{font-size:30px}.practice-toolbar{flex-wrap:wrap}.practice-toolbar .progress-track{min-width:100px}.flashcard{min-height:360px}.answers{grid-template-columns:1fr}.question-card{padding:21px}.word-category{display:none}.word-korean{width:110px}.word-row{gap:10px;padding:12px}.word-english{font-size:11px}.level-options,.rating>div{flex-wrap:wrap}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-card:last-child{grid-column:span 2}.streak-pill{font-size:0}.streak-pill svg{width:18px}.hero-art{display:none}.hero p{max-width:none}.word-status{display:none}}.side-signin{width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;color:inherit;border-radius:0}.side-signin:hover strong{color:#6b58ce}.side-signin svg{margin-left:auto;color:#a5a5af}.side-profile>div{min-width:0}.side-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-action{margin-left:auto;border:0;background:transparent;color:#a5a5af;padding:6px;border-radius:7px;display:grid;place-items:center}.profile-action:hover{background:#f4f0ff;color:#6b58ce}.account-card{margin-top:18px}.account-actions{display:flex;gap:9px;flex-wrap:wrap}.account-actions button{display:inline-flex;align-items:center;gap:7px;border:1px solid #e8e6ee;border-radius:9px;background:#fff;color:#646576;padding:10px 16px;font-size:12px}.account-actions button.chosen{border-color:#917edc;background:#f4f0ff;color:#6e5acb}.auth-overlay{position:fixed;inset:0;background:#21283a59;display:grid;place-items:center;padding:16px;z-index:50}.auth-card{position:relative;width:100%;max-width:380px;background:#fff;border-radius:16px;padding:30px 28px 22px;display:grid;grid-gap:12px;gap:12px;box-shadow:0 20px 50px #21283a33}.auth-card h2{margin:6px 0 0;font-family:Manrope;letter-spacing:-.5px}.auth-card p{margin:0 0 6px;color:#8d93a4;font-size:13px;line-height:1.5}.auth-card label{display:grid;grid-gap:6px;gap:6px;font-size:12px;font-weight:700;color:#646576}.auth-card input{height:42px;border:1px solid #e8e6ee;border-radius:9px;padding:0 12px;font-size:14px;outline:none}.auth-card input:focus{border-color:#917edc}.auth-card .primary-btn{margin-top:6px}.auth-close{position:absolute;top:14px;right:14px;border:0;background:transparent;color:#a5a5af;padding:4px}.auth-error{background:#fff1f1;color:#c2423f;border-radius:8px;padding:9px 11px;font-size:12px}.auth-switch{border:0;background:transparent;color:#6b58ce;font-size:12px;font-weight:700;padding:4px}.reading-home{width:100%;margin-top:18px;padding:19px 22px;display:flex;align-items:center;gap:18px;text-align:left;background:#ece8fb;border:1px solid #e3def7;border-radius:13px;color:#4d426f}.reading-home:hover{background:#e5defb}.reading-home-icon,.reading-intro-icon{width:49px;height:49px;flex:none;display:grid;place-items:center;background:white;border-radius:12px;color:#7b67d8}.reading-home>span:nth-child(2){display:grid;grid-gap:4px;gap:4px;flex:1 1}.reading-home small{font-size:9px;letter-spacing:1.3px;color:#8c77d8;font-weight:800}.reading-home strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:16px}.reading-home em{font-style:normal;color:#8c87a3;font-size:11px}.reading-intro{display:flex;align-items:center;gap:17px;background:#f0ecfc;border-radius:13px;padding:20px;margin-bottom:24px}.reading-intro>div{flex:1 1}.reading-intro strong{display:block;font-size:14px}.reading-intro p{font-size:11px;color:#85809c;line-height:1.5;margin:5px 0 0}.reading-count{font-size:11px;color:#7764c8;font-weight:800;white-space:nowrap}.reading-filter{display:flex;gap:8px;margin-bottom:17px;flex-wrap:wrap}.reading-filter button{background:#fff;border:1px solid #e8e5ef;border-radius:20px;color:#848293;padding:8px 14px;font-size:11px;font-weight:800}.reading-filter button.active{background:#7562d8;color:#fff;border-color:#7562d8}.reading-list{display:grid;grid-gap:10px;gap:10px}.reading-list-card{width:100%;display:flex;align-items:center;text-align:left;gap:17px;border:1px solid #edeaf2;border-radius:12px;padding:17px 20px;background:#fff;color:#7f74a8}.reading-list-card:hover{border-color:#b6a9e6;background:#fdfcff}.reading-list-number{font-family:Manrope,sans-serif;color:#b9aee7;font-size:18px;font-weight:800}.reading-list-copy{display:grid;grid-gap:4px;gap:4px;flex:1 1}.reading-list-copy small{font-size:9px;color:#a292d8;font-weight:800;letter-spacing:1px}.reading-list-copy strong{font-family:Noto Sans KR,sans-serif;color:#2c2a3a;font-size:16px}.reading-list-copy span{color:#a4a2b0;font-size:11px}.reading-done{gap:4px;background:#e9f8f0;border-radius:15px;padding:6px 9px;color:#459e72;font-size:10px}.reading-back,.reading-done{display:flex;align-items:center;font-weight:800}.reading-back{border:0;background:none;padding:0;gap:7px;color:#7d69d2;font-size:12px;margin:3px 0 27px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;grid-gap:16px;gap:16px;align-items:start}.reading-main,.reading-question,.reading-word-panel{background:#fff;border:1px solid #edeaf2;border-radius:14px}.reading-passage-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0edf5;padding:18px 22px;color:#a396cd;font-size:10px;font-weight:800;letter-spacing:1.2px}.reading-passage-head button,.reading-speak{display:flex;align-items:center;gap:6px;background:none;border:0;color:#7d68d3;font-size:11px;font-weight:800;letter-spacing:0}.reading-passage{padding:27px 30px;font-family:Noto Sans KR,sans-serif;font-size:20px;line-height:2.2;word-break:keep-all}.reading-passage p{margin:0 0 17px}.reading-passage p:last-child{margin-bottom:0}.reading-token{border:0;border-bottom:2px solid #dfd9f5;background:transparent;padding:0 1px;color:#302e42;font-family:inherit;font-size:inherit;line-height:inherit}.reading-token.selected,.reading-token:hover{background:#eee9ff;border-bottom-color:#8c78db;border-radius:3px}.reading-translation{border-top:1px solid #f0edf5;padding:17px 22px}.reading-translation button{display:flex;align-items:center;gap:4px;border:0;background:none;color:#7966d3;font-size:12px;font-weight:800}.reading-translation p{color:#777989;font-size:13px;line-height:1.7;margin:12px 0 2px}.reading-word-panel{padding:22px;min-height:260px;position:-webkit-sticky;position:sticky;top:86px}.reading-word-panel>strong{display:block;font-family:Noto Sans KR,sans-serif;font-size:26px;margin-top:18px}.reading-base{font-family:Noto Sans KR,sans-serif;font-size:12px;color:#aaa3bd}.reading-word-panel>p{font-size:15px;font-weight:800;margin:16px 0;color:#4b455e}.reading-grammar{background:#f5f2fd;border-radius:9px;padding:12px;display:grid;grid-gap:6px;gap:6px}.reading-grammar small{color:#917ed2;font-size:9px;font-weight:800;letter-spacing:1px}.reading-grammar span{color:#676079;font-size:11px;line-height:1.55}.reading-speak{margin-top:16px;padding:0}.reading-word-empty{font-size:12px;color:#9994a8;line-height:1.6;margin-top:24px}.reading-question{margin-top:17px;padding:24px}.reading-question h2{font-family:Noto Sans KR,sans-serif;font-size:17px;margin:11px 0 20px}.reading-answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.reading-answers button{border:1px solid #e9e7ef;background:#fff;border-radius:9px;min-height:56px;padding:10px 13px;text-align:left;display:flex;align-items:center;gap:11px;font-family:Noto Sans KR,sans-serif;font-size:12px;color:#4f4d61}.reading-answers button>span{width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:6px;background:#f4f1fa;color:#8978c7;font-family:DM Sans;font-size:10px;font-weight:800}.reading-answers button:hover{border-color:#a994e5}.reading-answers button.correct{background:#effaf4;border-color:#83c9a9;color:#37845c;opacity:1}.reading-answers button.incorrect{background:#fff2f1;border-color:#eab0aa;color:#ad675f;opacity:1}.reading-answers button svg{margin-left:auto}.reading-explanation{display:grid;grid-gap:5px;gap:5px;margin-top:16px;background:#f6f3fc;border-radius:9px;padding:13px;font-size:12px}.reading-explanation strong{color:#62549a}.reading-explanation span{color:#898397}.reading-next{display:flex;justify-content:flex-end;margin-top:18px}@media(max-width:900px){.reading-layout{grid-template-columns:1fr}.reading-word-panel{position:static;min-height:0}.reading-passage{font-size:18px}}@media(max-width:600px){.reading-intro{align-items:flex-start}.reading-count{display:none}.reading-home{padding:16px;gap:11px}.reading-home-icon{width:40px;height:40px}.reading-home strong{font-size:14px}.reading-home em{font-size:10px}.reading-passage{padding:20px;font-size:18px}.reading-answers{grid-template-columns:1fr}.reading-question{padding:18px}}