@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=swap";.script-toggle{border:1px solid #d4ddcd;border-radius:20px;padding:6px 12px;font-size:12px;color:#365540;white-space:nowrap;background:#f1f4ed}.sidebar-caption{margin-bottom:26px}.sidebar-note{margin-top:25px;margin-bottom:20px}.sidebar-note>span{font-size:11px}.sidebar .nav-item{padding-top:10px;padding-bottom:10px}.course-area{font-size:14px;line-height:1.7;color:#34443b;max-width:1170px;margin:auto}.course-area h1{font:600 clamp(27px,2.8vw,39px)/1.5 var(--serif);letter-spacing:.5px;color:#294c3f}.course-area h2{font-size:19px;font-weight:600;line-height:1.6;color:#294c3f}.course-area h3{font-size:16px}.course-area .primary-btn,.course-area .secondary-btn{font-size:13px;padding:12px 18px;border-radius:8px}.course-area .text-btn{font-size:12px;display:inline-flex;align-items:center;gap:7px;line-height:1.6}.course-area button:disabled{opacity:.55}.course-area p{line-height:1.9}.course-eyebrow{font-size:11px;font-weight:500;letter-spacing:1.6px;color:#526b4b;margin-bottom:12px}.course-lead{font-size:14px;color:#5d6e5d;margin:12px 0 26px;max-width:750px}.course-fine{font-size:12px;line-height:1.9;color:#61705e;margin:18px 0}.course-notice{padding:14px 18px;border:1px solid #cddcc4;background:#eef4e9;border-radius:9px;display:flex;gap:15px;align-items:center;justify-content:space-between;margin:0 0 24px;font-size:13px}.course-notice button{display:flex}.course-hero{display:grid;grid-template-columns:1fr 240px;gap:30px;min-height:310px;padding:36px 40px;background:#edf1e6;border:1px solid #dce4d3;border-radius:16px;overflow:hidden;position:relative}.course-hero>div:first-child{position:relative;z-index:1}.course-hero p{max-width:515px;color:#52644c;font-size:14px;margin:14px 0}.hero-tags{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:#56694d;margin:17px 0 24px}.hero-tags>span:before{content:"·";margin-right:8px;font-weight:700}.course-hero>div>small{font-size:11px;color:#5e7056;display:block;margin-top:11px}.course-hero-art{position:relative;min-height:230px;color:#405f41}.art-label{font-size:12px;letter-spacing:3px;position:absolute;top:5px;right:0}.art-block{position:absolute;top:50px;left:15px;font-family:Noto Sans KR,sans-serif;font-size:82px;line-height:1.2;transform:rotate(-7deg);background:#f7f9f2;width:128px;height:143px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ccd8bf;border-radius:10px;box-shadow:0 12px 30px #345a2910}.art-block small{font:11px sans-serif;letter-spacing:4px;margin-top:10px}.art-hanja{position:absolute;right:0;top:99px;width:78px;height:90px;display:grid;place-items:center;font:45px var(--serif);color:#8d643d;border:1px solid #d9cdb6;border-radius:5px;background:#f5ecdc;transform:rotate(8deg)}.course-hero-art p{position:absolute;left:125px;top:195px;font:13px/1.8 var(--serif);letter-spacing:2px;white-space:nowrap}.course-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e0e5d9;border:1px solid #e0e5d9;border-radius:11px;overflow:hidden;margin:22px 0 28px}.course-stats>div,.course-stats>button{background:#fffefa;display:grid;grid-template-columns:24px 1fr;padding:22px;gap:4px 12px;text-align:left}.course-stats>button:hover{background:#edf3e7}.course-stats svg{color:#68805b;margin-top:5px}.course-stats strong{font-size:26px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.course-stats strong small{font-size:13px;color:#69765e}.course-stats span{font-size:11px;color:#58684f;grid-column:2;display:flex;gap:8px;align-items:center}.course-next{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:23px 27px;border:1px solid #dfe4d6;border-radius:11px;background:#fafbf7;margin-bottom:38px}.course-next h2{margin:9px 0 6px}.course-next p{color:#5f6e57;font-size:13px}.course-next .secondary-btn{white-space:nowrap}.course-badge{font-size:11px;color:#5a704d;padding:4px 9px;border-radius:4px;background:#e8eedf;display:inline-flex;align-items:center;white-space:nowrap}.course-badge.ready{background:#dce9d2;color:#325430}.curriculum-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.curriculum-heading .course-eyebrow{font-size:10px;margin-bottom:6px}.curriculum-heading h2{font:600 24px/1.5 var(--serif)}.course-search{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dce2d5;border-radius:7px;background:#fffefa;color:#6b7c60}.course-search input{width:175px;border:0;background:transparent;font-size:12px;outline-offset:5px}.unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.unit-card{border:1px solid #dfe4d8;border-radius:12px;overflow:hidden;background:#fffefa}.unit-top{display:flex;align-items:center;gap:17px;background:#eef2e8;padding:23px}.unit-top small{font-size:9px;letter-spacing:1.8px;color:#5b7050;display:block;margin-bottom:3px}.unit-top h2{font:600 21px/1.5 var(--serif)}.unit-top p{font-size:11px;color:#5a6d51;margin-top:4px}.unit-glyph{display:grid;place-items:center;width:55px;height:64px;flex-shrink:0;font:32px var(--serif);color:#5c7850;border:1px solid #d0dcc5;border-radius:5px;background:#f8faf4}.tone-sand .unit-top{background:#f5eee2}.tone-sand .unit-glyph{background:#fcf9f0;border-color:#e1d5be;color:#8e6943}.tone-blue .unit-top{background:#eaf0f1}.tone-blue .unit-glyph{background:#f6fafb;border-color:#cddde0;color:#4e7180}.tone-rose .unit-top{background:#f2ece7}.tone-rose .unit-glyph{background:#fcf8f4;border-color:#e1d3c8;color:#8d6b5c}.lesson-row{display:flex;align-items:center;gap:13px;padding:17px 21px;text-align:left;width:100%;border-top:1px solid #eceee7}.lesson-row:hover,.lesson-row.recommended{background:#f3f6ed}.lesson-num{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border:1px solid #dde3d4;border-radius:50%;font-size:11px;color:#66765b;font-variant-numeric:tabular-nums}.lesson-num.done{background:#e1ecd8;border-color:#cadac0;color:#3f6135}.lesson-row>span:nth-child(2){flex:1;min-width:0}.lesson-row strong{display:block;font-size:13px;font-weight:500;color:#354e38}.lesson-row small{font-size:10px;color:#65765b;display:block;margin-top:3px}.lesson-row>svg{color:#788b69;flex-shrink:0}.course-method{margin:30px 0 20px;border:1px solid #dee3d6;border-radius:10px;background:#f3f5ee}.course-method summary{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;color:#405b3b;font-size:13px}.course-method>div{padding:0 22px 23px;font-size:13px;color:#5b6b52}.course-method p+p{margin-top:12px}.course-source-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:18px;font-size:12px}.course-backup{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:13px;font-size:11px;color:#5e6b55;padding:23px 0 12px;border-top:1px solid #e2e5db;margin-top:30px}.course-backup>span{margin-right:auto}.course-card{padding:28px 30px;background:#fffefa;border:1px solid #dde3d5;border-radius:12px;margin-bottom:22px}.course-card>h2{display:flex;align-items:center;gap:9px;margin-bottom:14px}.course-card>h2 small{margin-left:3px;color:#708064;font-size:13px;font-weight:400}.course-card>p{font-size:14px;color:#55674f;margin:12px 0}.course-empty{text-align:center;padding:45px 20px;display:grid;justify-items:center;gap:15px;background:#f0f4e9;border:1px dashed #d5dec9;border-radius:12px}.course-empty h2{font:22px var(--serif)}.course-empty p{color:#5d6f51;font-size:13px}.lesson-back{margin-bottom:20px}.lesson-header .course-lead{margin-bottom:16px}.lesson-meta{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:11px;color:#607056}.lesson-meta>span{display:flex;gap:6px;align-items:center}.prereq-note{font-size:12px;border-left:3px solid #c6b48e;background:#f5f0e6;color:#715c36;padding:11px 14px;margin-top:23px}.lesson-tabs{display:flex;gap:7px;border-bottom:1px solid #dce3d3;margin:26px 0}.lesson-tabs button{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:13px;border-bottom:3px solid transparent;margin-bottom:-1px;color:#607354}.lesson-tabs button.active{border-color:#507046;color:#2f5338;background:#eef3e7;border-radius:7px 7px 0 0}.bridge-note{display:flex;gap:13px;background:#eaf0e2;border:1px solid #d8e2cd;border-radius:10px;padding:20px 23px;margin:0 0 20px}.bridge-note>svg{flex-shrink:0;margin-top:2px;color:#6b814c}.bridge-note strong{font-size:13px;color:#46603c}.bridge-note p{font-size:13px;color:#4f6547;margin-top:5px}.lesson-support{display:flex;gap:14px 24px;justify-content:flex-end;flex-wrap:wrap;font-size:12px;margin:18px 0;color:#556a4c}.lesson-support label{display:flex;align-items:center;gap:6px}input[type=checkbox]{accent-color:#476f45;width:16px;height:16px;flex-shrink:0}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.section-heading>span{font-size:12px;color:#687b56;display:grid;place-items:center;width:29px;height:29px;background:#eaf0e2;border-radius:5px}.teaching-section>p{font-size:14px;line-height:2;margin:12px 0;color:#4e5e48}.taught-letters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.taught-letters>span{font-size:24px;display:grid;place-items:center;width:49px;height:55px;background:#eef3e8;border:1px solid #dce6d1;border-radius:6px;color:#3c6041}.course-examples{margin-top:20px;border-top:1px solid #e6eadd}.course-example{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:19px 0;border-bottom:1px solid #e6eadd}.course-example:last-child{border-bottom:0;padding-bottom:0}.course-example>div{min-width:0;flex:1}.korean-line{font:500 23px/1.9 Noto Sans KR,sans-serif;color:#294e3c;white-space:pre-line;overflow-wrap:anywhere}.roman-line{font-size:12px;color:#677958;display:block;margin-top:3px}.translation-line{font-size:13px;color:#607054;margin-top:5px}.example-note{font-size:12px;line-height:1.8;color:#6b7058;display:block;margin-top:10px}.course-audio{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.course-audio>small{font-size:11px;color:#8d5037;max-width:200px}.audio-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#49603f;border:1px solid #d8e2cb;background:#f4f7ee;border-radius:30px;padding:8px 11px;white-space:nowrap;min-height:35px}.audio-btn:hover,.audio-btn.playing{background:#e3edd7}.audio-btn small{font-size:10px}.sentence-parts{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.sentence-parts>span{display:grid;text-align:center;border:1px solid #dce5d2;border-radius:5px;overflow:hidden;min-width:60px}.sentence-parts strong{font-weight:500;background:#eef4e7;padding:3px 9px}.sentence-parts small{font-size:10px;padding:3px 7px;color:#59704e}.course-word-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:17px}.course-word{padding:17px 18px;border:1px solid #e3e7db;border-radius:8px;background:#fafcf7}.course-word>div:first-child{display:flex;gap:10px;align-items:center;justify-content:space-between}.course-word strong{font:500 20px Noto Sans KR,sans-serif;color:#35593e}.course-word>small{font-size:11px;color:#657458;display:block;line-height:1.8;margin-top:7px}.course-word>p{font-size:13px;color:#536647;margin:5px 0}.course-word .audio-btn{padding:6px;min-height:29px}.course-word .audio-btn>span{display:none}.word-origin{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:12px}.word-origin>span{font-size:10px;padding:2px 6px;border-radius:3px;background:#e6eddd;color:#526e40}.word-origin b{font-weight:500;color:#54724a}.kind-native .word-origin>span{background:#f0e8d9;color:#826139}.kind-loan .word-origin>span{background:#e2ecee;color:#496b78}.dialogue-line{display:flex;align-items:flex-start;gap:13px;margin-top:20px}.dialogue-line>span{width:31px;height:31px;background:#e2ead9;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:11px;color:#4a633f;overflow:hidden}.dialogue-line>div{flex:1;padding:12px 16px;border-radius:0 12px 12px;background:#f0f4e9;min-width:0}.dialogue-line p{font-size:19px;color:#35593e;white-space:pre-line}.dialogue-line small{display:block;font-size:12px;color:#5b7051;margin-top:5px}.dialogue-line.speaker-1>div{background:#f6f0e6}.dialogue-line.speaker-1>span{background:#efe2cb;color:#775c37}.course-dialogue>.course-audio{margin-top:23px}.lesson-bottom-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;margin:7px 0}.lesson-bottom-action p{font-size:12px;color:#5c6b53;max-width:560px}.lesson-bottom-action button{white-space:nowrap;flex-shrink:0}.exercise-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#617352;gap:15px}.question-dots{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 30px}.question-dots button{width:32px;height:32px;border:1px solid #d5dfca;border-radius:50%;font-size:11px;display:grid;place-items:center;color:#4a6540}.question-dots .current{border-color:#56794a;box-shadow:0 0 0 3px #e7eedf}.question-dots .correct{background:#e6efdc}.exercise-context{font-size:12px;color:#6b785b;margin-bottom:10px;white-space:pre-line}.exercise-content h2{font-size:20px;line-height:1.8;margin-bottom:22px;white-space:pre-line}.listening-prompt{display:flex;gap:15px;flex-wrap:wrap;align-items:center;border:1px solid #d6e1ca;background:#eef4e6;border-radius:9px;padding:18px;margin:17px 0}.listening-prompt>svg{color:#59784a}.listening-prompt>div{display:flex;gap:8px;flex-wrap:wrap}.listening-prompt>p{flex-basis:100%;font-size:20px;color:#3b5b3b}.listening-prompt>.text-btn{margin-left:auto;font-size:11px}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.answer-options>button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #dce4d3;border-radius:8px;background:#fffefa;font-size:17px;min-height:63px;white-space:pre-line;overflow-wrap:anywhere}.answer-options>button>span{font-size:10px;border:1px solid #d9e0d1;border-radius:4px;min-width:24px;height:24px;display:grid;place-items:center;color:#667a55;flex-shrink:0}.answer-options>button.selected{border-color:#648653;background:#eaf1e1;box-shadow:inset 0 0 0 1px #648653}.answer-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 15px}.exercise-hint{padding:15px 18px;background:#f6f0e1;border-left:3px solid #b9a273;border-radius:4px;font-size:13px;color:#725e36}.assisted-label{font-size:11px;color:#79633d;margin-top:13px}.answer-feedback{padding:20px;border-radius:8px;margin:20px 0;font-size:13px;border:1px solid #d6e2c8;background:#edf5e5}.answer-feedback.retry{background:#f9f0e5;border-color:#e6d5bb;color:#77552e}.answer-feedback strong{font-size:15px}.answer-feedback p{margin-top:8px;white-space:pre-line}.answer-feedback small{font-size:11px;display:block;margin-top:9px}.exercise-nav{display:flex;justify-content:space-between;gap:15px;margin-top:27px;border-top:1px solid #e2e7d9;padding-top:23px}.typed-answer>label{display:block;font-size:12px;color:#647557;margin-bottom:10px}.typed-answer>input,.compose-preview input{width:100%;padding:15px;border:1px solid #cfdcc5;border-radius:8px;font:21px Noto Sans KR,sans-serif;background:#fffefa;color:#365c3f}.typed-answer details,.mission-panel details{font-size:12px;color:#5d7350;margin:14px 0}.typed-answer summary{display:flex;gap:7px;align-items:center;cursor:pointer}.answer-tray{min-height:85px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed #a6ba96;border-radius:8px;background:#f0f5e9;font-size:20px;color:#3d603e}.tile-bank{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.tile-bank>button{font-size:18px;padding:10px 15px;background:#fff;border:1px solid #d0dec5;border-radius:7px;box-shadow:0 3px #e4ebdc;color:#36583a}.tile-bank>button:disabled{background:#f0f2ec;opacity:.35}.lesson-result{display:flex;gap:13px;padding:22px;background:#eaf1e2;border:1px solid #d6e1c9;border-radius:9px;margin-top:25px}.lesson-result>svg{flex-shrink:0;color:#597c49}.lesson-result p{font-size:12px;margin-top:7px}.mission-panel>h2{font:600 24px/1.5 var(--serif);margin-top:16px}.mission-panel>p{font-size:14px}.course-label{display:block;font-size:12px;margin:24px 0 10px;color:#5b6f50}.mission-panel textarea{width:100%;min-height:160px;padding:18px;border:1px solid #d1dcc6;border-radius:8px;background:#fbfcf8;font:18px/1.9 Noto Sans KR,sans-serif;resize:vertical}.mission-panel textarea::placeholder{font:13px/1.8 Noto Sans TC,sans-serif;color:#708064}.mission-checks{margin:26px 0}.mission-checks h3{margin-bottom:14px}.mission-checks label{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-size:13px;color:#506747}.mission-model{padding:20px;background:#edf3e5;border-radius:8px;margin:20px 0}.mission-model p{font-size:20px;white-space:pre-line}.mission-model small{font-size:12px;display:block;margin:8px 0 15px}.alphabet-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:start}.alphabet-layout>div>.course-card{padding:23px}.letter-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.letter-grid>button{font:25px Noto Sans KR,sans-serif;aspect-ratio:1/1.08;min-height:44px;border:1px solid #dbe5d1;border-radius:7px;background:#f8fbf2;color:#385f3c}.letter-grid>button.selected{background:#e1eccf;border-color:#6b8a54;box-shadow:inset 0 0 0 1px #6b8a54}.letter-detail{position:sticky;top:22px}.letter-detail>span{font-size:12px;color:#657b54}.letter-hero{display:flex;align-items:center;justify-content:center;gap:14px;font-size:67px;color:#3c6541;padding:20px 0}.letter-detail>p{font-size:14px}.letter-detail>.course-audio{margin:13px 0}.letter-detail>.course-fine{font-size:11px}.syllable-pad{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:20px;background:#f0f5e9;border:1px solid #d7e3c9;border-radius:9px;margin:18px 0}.syllable-selects{display:flex;gap:12px}.syllable-selects label{font-size:11px;display:flex;flex-direction:column;gap:5px;color:#5d7450}.syllable-selects select{border:1px solid #cad9bb;background-color:#fcfef8;border-radius:5px;font:21px Noto Sans KR,sans-serif;padding:8px 12px;min-width:80px;color:#355a37}.syllable-pad>strong{font:44px Noto Sans KR,sans-serif;min-width:48px;color:#365f3c}.syllable-pad>p{flex-basis:100%;font-size:11px;color:#5a704b}.compose-preview{display:flex;gap:13px;align-items:center}.compose-preview label{font-size:12px;white-space:nowrap}.compose-preview input{font-size:20px}.review-summary{display:flex;gap:14px;align-items:baseline;padding:23px 28px;border:1px solid #d7e2cb;background:#edf3e5;border-radius:11px;margin:25px 0}.review-summary strong{font-size:36px;font-weight:500;color:#3c613b}.review-summary>span{font-size:13px;color:#5d7350}.review-summary>span:last-child{margin-left:auto;font-size:12px}.review-list{display:grid;gap:12px}.review-row{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #dce4d2;border-radius:9px;background:#fffefa;text-align:left}.review-row>span:nth-child(2){flex:1}.review-row strong{font-size:14px;font-weight:500;display:block}.review-row small{font-size:11px;color:#627653;display:block;margin-top:5px}@media(min-width:701px)and (max-height:920px){.sidebar-note{display:none}.sidebar-caption{margin-bottom:22px}.sidebar-bottom{margin-top:30px}.local-profile{padding-top:16px;margin-top:10px}}@media(max-width:1150px){.course-hero{grid-template-columns:1fr 190px;padding:30px}.art-block{left:0}.art-hanja{right:-7px}.course-hero-art p{left:95px}.course-stats>div,.course-stats>button{padding:17px 14px;gap:4px 8px}.course-stats span{font-size:10px}.unit-top{padding:20px 16px;gap:13px}.unit-top h2{font-size:19px}.lesson-row{padding:15px}.course-card{padding:24px}.course-word-grid{gap:11px}.course-word{padding:14px}.alphabet-layout{grid-template-columns:1fr}.letter-detail{position:static}.letter-grid{grid-template-columns:repeat(10,1fr)}.letter-grid>button{aspect-ratio:auto;min-height:48px}.letter-hero{justify-content:flex-start}.course-hero-art p{font-size:12px}}@media(max-width:900px){.course-hero{grid-template-columns:1fr;padding:29px}.course-hero-art{display:none}.course-hero h1{font-size:29px}.unit-grid{grid-template-columns:1fr}.course-stats{grid-template-columns:1fr 1fr}.course-stats span{font-size:11px}.curriculum-heading{align-items:flex-start;flex-direction:column}.course-search,.course-search input{width:100%}.course-word-grid{grid-template-columns:1fr 1fr}.course-card{padding:22px}.course-example{gap:12px}.course-example .audio-btn span{display:none}.lesson-tabs button{padding:14px 11px;font-size:12px}.dialogue-line{gap:10px}.dialogue-line .audio-btn span{display:none}.lesson-bottom-action{align-items:flex-start}.letter-grid{grid-template-columns:repeat(7,1fr)}}@media(max-width:700px){.topbar .status-pill{display:none}.script-toggle{font-size:11px;padding:6px 10px}.course-area{font-size:14px}.course-area h1{font-size:28px;letter-spacing:0}.course-area h2{font-size:18px}.course-hero{padding:25px 22px;min-height:0;border-radius:12px}.course-hero h1{font-size:27px}.course-eyebrow{font-size:10px;letter-spacing:1.2px}.course-hero p{font-size:13px;margin-top:13px}.hero-tags{gap:8px 10px;font-size:10px;margin:16px 0 21px}.course-hero>div>small{font-size:11px}.course-stats{margin:18px 0 22px}.course-stats>div,.course-stats>button{padding:18px 13px}.course-stats strong{font-size:26px}.course-stats span{font-size:10px}.course-stats svg{width:18px}.course-next{padding:20px;flex-direction:column;align-items:flex-start;margin-bottom:30px;gap:15px}.course-next h2{font-size:18px}.course-next p{font-size:13px}.curriculum-heading h2{font-size:23px}.unit-grid{gap:18px}.unit-top{padding:20px}.unit-top h2{font-size:21px}.unit-top p{font-size:11px}.lesson-row{padding:17px 18px}.lesson-row strong{font-size:13px}.lesson-row small{font-size:11px}.course-method>div{padding:0 18px 20px;font-size:13px}.course-backup{gap:14px;font-size:11px;justify-content:flex-start}.course-backup>span{flex-basis:100%}.course-card{padding:21px 18px;border-radius:10px}.course-lead{font-size:13px;margin-bottom:22px}.lesson-meta{font-size:11px;gap:8px 14px}.lesson-tabs{gap:0;margin:23px 0}.lesson-tabs button{flex:1;justify-content:center;gap:5px;padding:12px 4px;font-size:11px}.lesson-tabs button>svg{width:15px}.lesson-tabs button>svg:last-child:not(:first-child){display:none}.bridge-note{padding:18px 15px;gap:10px}.bridge-note p{font-size:13px}.lesson-support{justify-content:flex-start;font-size:11px;gap:12px}.section-heading{gap:9px}.section-heading h2{font-size:18px}.teaching-section>p{font-size:14px;line-height:1.95}.taught-letters{gap:7px}.taught-letters>span{width:43px;height:49px;font-size:23px}.course-example{align-items:flex-start;padding:18px 0;gap:8px}.course-example>.course-audio{margin-top:7px}.korean-line{font-size:21px}.roman-line{font-size:11px;overflow-wrap:anywhere}.translation-line{font-size:13px}.example-note{font-size:12px}.course-word-grid{grid-template-columns:1fr}.course-word{padding:17px}.course-word strong{font-size:21px}.course-word>small{font-size:12px}.word-origin>span{font-size:11px}.course-word>p{font-size:14px}.dialogue-line{gap:7px;align-items:flex-start}.dialogue-line>span{width:27px;height:27px;font-size:10px}.dialogue-line>div{padding:10px 12px}.dialogue-line p{font-size:18px;overflow-wrap:anywhere}.dialogue-line small{font-size:12px}.dialogue-line .audio-btn{padding:8px}.lesson-bottom-action{flex-direction:column;gap:16px}.lesson-bottom-action p{font-size:12px}.exercise-top{font-size:11px;flex-wrap:wrap;gap:7px}.question-dots{gap:7px;margin-bottom:23px}.question-dots button{width:31px;height:31px}.exercise-content h2{font-size:19px}.exercise-context{font-size:12px}.answer-options{grid-template-columns:1fr}.answer-options>button{font-size:17px;padding:15px}.listening-prompt{padding:16px 12px;gap:10px}.listening-prompt>svg{display:none}.listening-prompt .text-btn{margin-left:0;font-size:11px}.answer-actions .primary-btn{padding:11px 14px}.answer-actions .text-btn{font-size:11px}.answer-feedback{padding:17px}.answer-feedback p{font-size:13px}.answer-tray{font-size:19px}.tile-bank>button{font-size:17px;padding:10px 13px}.exercise-nav .primary-btn,.exercise-nav .secondary-btn{padding:11px 13px;font-size:12px}.lesson-result{padding:17px;gap:10px}.lesson-result h3{font-size:15px}.lesson-result p{font-size:12px}.mission-panel>h2{font-size:22px}.mission-panel>p{font-size:14px}.mission-checks label{font-size:13px}.mission-panel textarea{font-size:18px;padding:13px}.alphabet-layout{gap:0}.alphabet-layout>div>.course-card{padding:20px 16px}.letter-grid{gap:7px;grid-template-columns:repeat(7,1fr)}.letter-grid>button{font-size:24px;min-height:45px}.letter-hero{font-size:62px;justify-content:center}.syllable-pad{padding:15px 12px;gap:13px}.syllable-selects{gap:9px;width:100%}.syllable-selects label{flex:1;font-size:11px}.syllable-selects select{min-width:0;width:100%;font-size:20px}.syllable-pad>strong{font-size:43px}.syllable-pad>p{font-size:11px}.compose-preview{flex-wrap:wrap;gap:9px}.compose-preview label{flex-basis:100%}.compose-preview input{flex:1;width:70%;font-size:21px}.review-summary{padding:20px;gap:10px;flex-wrap:wrap}.review-summary>span:last-child{flex-basis:100%;margin:0;font-size:12px}.review-row{padding:17px 13px;gap:10px;flex-wrap:wrap}.review-row strong{font-size:13px}.review-row small{font-size:11px}.review-row>.course-badge{margin-left:40px;font-size:11px}.review-row>svg{margin-left:auto}.course-fine,.course-source-links{font-size:12px}.course-audio .audio-btn{font-size:11px}}@media(prefers-reduced-motion:reduce){.course-area *{scroll-behavior:auto!important}}.voice-practice{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:20px;border:1px solid #d7e1cb;border-radius:9px;background:#f1f5ea;margin:22px 0}.voice-practice strong{font-size:13px}.voice-practice small{display:block;font-size:11px;color:#5e7351;margin-top:5px}.voice-practice>p{flex-basis:100%;font-size:12px;color:#8a5a34}.voice-clip{flex-basis:100%;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.voice-clip audio{max-width:100%;height:40px;flex:1;min-width:180px}.voice-clip a{font-size:11px;display:flex;align-items:center;gap:5px}.voice-clip>small{flex-basis:100%}:root{font-family:Noto Sans TC,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303b35;background:#f7f7f3;font-synthesis:none;font-weight:400;--ink:#294c3f;--muted:#90948c;--line:#e5e7df;--paper:#fffefa;--amber:#aa7948;--blue:#537998;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button,a{-webkit-touch-callout:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7c9b76;outline-offset:3px}button{transition:background .18s,color .18s,transform .18s,box-shadow .18s}button svg{flex-shrink:0}button:not(:disabled):active{transform:translateY(1px)}input,textarea{min-width:0}h1,h2,h3,p{margin:0}button{border:0;background:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23787e74' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/12px no-repeat;padding-right:30px!important}::selection{background:#dce8d7;color:#183c2d}.app-shell{min-height:100vh}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#f0f1ea;border-right:1px solid #e3e6dc;padding:37px 22px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;padding:0 7px}.brand-symbol{width:43px;height:43px;border-radius:12px;background:#294e40;color:#faf8ed;display:grid;place-items:center;font:600 29px var(--serif);box-shadow:inset 0 0 0 5px #294e40,inset 0 0 0 6px #547260}.brand-name{font:700 25px var(--serif);letter-spacing:3px;display:flex;align-items:baseline;gap:8px}.brand-name>span{font:500 9px Noto Sans TC,sans-serif;letter-spacing:1.5px}.brand-dot{font-size:19px;color:#99a591;margin-left:auto}.sidebar-caption{font-size:10px;letter-spacing:1.2px;color:#8c9386;margin:16px 8px 47px}.nav-label{font-size:10px;letter-spacing:1px;color:#969d90;margin:0 12px 13px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border-radius:7px;padding:13px;font-size:13px;color:#747e70}.nav-item:hover{background:#e9ece2;color:#294e40}.nav-item.active{background:#e0e8d9;color:#284a39;font-weight:600}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#4c6a43;margin-left:auto}.nav-count{font-size:10px;background:#e0e7d9;border-radius:4px;padding:1px 6px;margin-left:auto}.sidebar-note{margin:43px 5px 32px;padding:23px 15px 16px;background:#e8ecdf;border:1px solid #e0e5d5;border-radius:10px;position:relative;overflow:hidden}.note-glyph{font:500 25px var(--serif);color:#617359;margin-bottom:16px}.note-glyph span{font:15px sans-serif;margin:0 8px;color:#a0ac91}.sidebar-note p{font:600 16px/1.8 var(--serif);letter-spacing:.5px;color:#55624e}.sidebar-note>span{display:block;font-size:9px;color:#929a88;margin-top:10px;line-height:1.9}.sidebar-note button{display:flex;gap:9px;align-items:center;font-size:10px;padding:0;margin-top:19px;color:#728166}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-item{font-size:12px;padding-top:11px;padding-bottom:11px}.local-profile{margin-top:21px;border-top:1px solid #dfe3d6;display:flex;align-items:center;gap:10px;padding:22px 0 24px;font-size:11px;color:#59654e}.local-profile>svg{margin-left:auto;color:#8c9d7c}.profile-icon{font:14px var(--serif);border-radius:50%;background:#e0e6d5;width:33px;height:33px;display:grid;place-items:center}.local-profile small{display:block;font-size:9px;color:#969e8e;margin-top:4px}.main-shell{margin-left:230px}.topbar{height:77px;padding:0 47px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9e0;background:#fafaf7}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#9a9e94}.breadcrumb strong{color:#68735e;font-weight:500}.topbar-right{display:flex;align-items:center;gap:19px}.status-pill{font-size:10px;color:#7b886e;display:flex;align-items:center;gap:7px}.status-pill i{height:5px;width:5px;border-radius:50%;background:#7e9b65;box-shadow:0 0 0 3px #eef2e8}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:6px;color:#87907e}.icon-btn:hover{background:#edf0e7;color:#38543f}.icon-btn.selected{color:#35563f;background:#e4ecdd}.mobile-toggle{display:none}main{max-width:1430px;margin:0 auto;padding:43px 46px 25px}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.65px;display:flex;align-items:center;gap:8px;color:#7c8c6b;margin-bottom:14px}.eyebrow>span{width:5px;height:5px;background:#8f9f78;border-radius:50%}.page-intro h1{font:600 clamp(25px,2.35vw,34px)/1.6 var(--serif);letter-spacing:1.3px;color:#2e4133}.heading-dot{color:#9ca78d}.page-intro p{font-size:12px;color:#919788;line-height:1.9;margin-top:8px;letter-spacing:.5px}.intro-stamp{display:flex;align-items:center;flex-direction:column;border:1px solid #d6decc;color:#879d73;border-radius:4px;padding:12px 16px;transform:rotate(4deg);margin-right:6px;flex-shrink:0;position:relative}.intro-stamp:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #e0e5d8;border-radius:1px;pointer-events:none}.intro-stamp>span{font-size:11px;letter-spacing:5px}.intro-stamp strong{font:500 20px/1.8 var(--serif);letter-spacing:2px}.intro-stamp small{font-size:6px;letter-spacing:1px}.input-panel{background:#fff;border:1px solid #e1e5db;border-radius:11px;box-shadow:0 3px 11px #354e2d03;overflow:hidden}.panel-label{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 6px;gap:12px}.panel-label>span{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:500;color:#6d7b5e}.panel-label>div{display:flex;align-items:center;gap:12px}.quiet-btn{display:inline-flex;gap:6px;align-items:center;font-size:10px;padding:5px 0;color:#8e9685}.quiet-btn:hover{color:#34523c}.divider-vertical{height:11px;width:1px;background:#e1e5da}.input-panel textarea{display:block;resize:vertical;min-height:88px;max-height:350px;width:100%;border:0;background:transparent;outline:none;padding:12px 23px 16px;font-family:Noto Sans KR,sans-serif;font-size:15px;color:#4e5549;line-height:1.95}.input-panel textarea:focus-visible{outline:0;box-shadow:inset 3px 0 #a5b79a}.input-panel textarea::placeholder{color:#b1b7aa;font-size:13px}.input-footer{padding:11px 18px 15px 23px;display:flex;justify-content:space-between;align-items:center}.character-count{font-size:10px;color:#8c9781;font-variant-numeric:tabular-nums}.character-count span{color:#b4baac}.character-count.over-limit{color:#b05c48}.input-actions{display:flex;gap:13px;align-items:center}.input-actions select{font-size:10px;border:0;color:#849075;background-color:transparent;padding:5px 12px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;min-height:38px;padding:9px 15px;font-size:11px;font-weight:500;line-height:1.5}.primary-btn{background:#2d513f;color:#f5f7ef;box-shadow:0 2px 3px #152d1510}.primary-btn:hover:not(:disabled){background:#3e654e;box-shadow:0 3px 9px #1d3c2518}.primary-btn kbd{color:#c1cdb9;font:9px sans-serif;padding-left:11px;border-left:1px solid #6f876b;margin-left:2px}.secondary-btn{background:#fff;border:1px solid #dde3d5;color:#6e7e62}.secondary-btn:hover:not(:disabled){background:#f0f4e9}.sample-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 1px 25px}.sample-strip>span{font-size:10px;color:#a0a794;margin-right:4px}.sample-strip button{display:flex;align-items:center;gap:6px;border:1px solid #e2e7d9;background:#f9faf5;padding:5px 9px;border-radius:5px;font-size:10px;color:#859176;white-space:nowrap}.sample-strip button:hover,.sample-strip button.chosen{background:#eaf0e0;border-color:#d5dfc9;color:#5b744a}.sample-strip button.more-samples{background:transparent;border:0;color:#96a088;font-size:9px;margin-left:auto;padding-right:0}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:20px;align-items:start}.reading-panel{background:var(--paper);border:1px solid #e1e5d9;border-radius:11px;overflow:hidden;min-width:0}.reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid #edf0e4;background:#fffefa}.reading-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reading-title h2{font-size:12px;font-weight:600;color:#55664b}.small-icon{color:#7b8e69;display:flex;align-items:center}.subtle-badge{font-size:8px;color:#8b9a7d;border-radius:4px;padding:3px 6px;background:#f0f3e9;white-space:nowrap}.toolbar-actions{display:flex;align-items:center;gap:3px}.toolbar-actions .icon-btn{width:27px;height:27px}.reading-paper{padding:22px 22px 17px;min-height:255px;background-image:radial-gradient(#87976d09 .6px,transparent .6px);background-size:5px 5px}.reading-meta{display:flex;justify-content:space-between;gap:10px;color:#a3aa98;font-size:9px;letter-spacing:.3px;margin-bottom:19px}.token-flow{white-space:pre-wrap;line-height:2.6;padding:0 0 15px;overflow-wrap:anywhere}.reading-token{position:relative;display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline;text-align:center;padding:7px 4px 5px;border-radius:5px;line-height:1.4;max-width:100%;overflow-wrap:anywhere;margin:0 -1px 7px;white-space:normal;scroll-margin:15px}.reading-token:hover{background:#eef0e4;box-shadow:0 0 0 1px #dce3ce}.reading-token.is-selected{background:#ecf0e0;box-shadow:0 0 0 1px #ccdab9}.phonetic-stack{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:31px;gap:2px;margin-bottom:8px;max-width:100%;line-height:1.3}.romanization{font-family:Noto Sans KR,sans-serif;color:#81917a;font-size:9px;letter-spacing:.1px;font-weight:400;word-break:break-word}.hangul{font-family:Noto Sans KR,sans-serif;font-size:10px;color:#8f9786}.jyutping{color:#847ca0;font-size:8px}.token-main{display:inline;align-items:baseline;line-height:1.4;font-size:var(--reading-size);color:#405239;word-break:break-word}.token-root{font-family:var(--serif);font-weight:600;letter-spacing:.7px}.reading-token.native .token-root{color:#aa7846;border-bottom:1px dashed #bf9d65;padding-bottom:2px}.reading-token.native .romanization{color:#b19a71}.reading-token.native .token-main{color:#aa7846}.reading-token.loan .token-root{font-family:Georgia,Noto Sans KR,serif;letter-spacing:-.3px;font-size:.85em;color:#5e8197;font-weight:500}.reading-token.unknown .token-root,.reading-token.unknown .token-main{color:#96978e}.token-ending{font-family:Noto Sans KR,sans-serif;font-size:.49em;color:#919a83;font-weight:400;margin-left:2px;letter-spacing:-.2px;white-space:normal}.meaning-ending{font-family:var(--serif);background:#eff0e4;padding:1px 3px;border-radius:3px;font-size:.4em;color:#7d876d}.meaning-hint{font-size:9px;color:#a4a992;margin-top:6px;max-width:100%;font-family:Noto Sans TC,sans-serif}.saved-dot{position:absolute;right:0;top:3px;width:4px;height:4px;border-radius:50%;background:#8fa57b}.word-space{font-size:9px;white-space:pre-wrap}.punctuation{font-family:var(--serif);font-size:22px;color:#76846a;vertical-align:baseline}.no-phonetic .reading-token{margin-top:8px}.reading-legend{display:flex;gap:15px;flex-wrap:wrap;padding-top:14px;border-top:1px dashed #e3e6d7;font-size:8px;color:#9ca58e}.reading-legend span{display:flex;align-items:center;gap:5px}.reading-legend i,.help-columns h3>span{height:5px;width:5px;border-radius:50%;display:inline-block}.sino-dot{background:#5c7350}.native-dot{background:#b28a55}.loan-dot{background:#789aab}.unknown-dot{background:#acb0a5}.comparison{margin:0 20px;border-top:1px solid #e7eadd}.comparison-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 0;color:#859475;font-size:10px}.comparison-toggle svg{transition:transform .2s}.comparison-toggle svg.rotate{transform:rotate(180deg)}.comparison-body{padding-bottom:14px}.comparison-body>div{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px}.comparison-body p{flex:1;font-size:11px;line-height:1.9;color:#909982;white-space:pre-wrap;overflow-wrap:anywhere}.comparison-body p[lang=ko]{font-family:Noto Sans KR,sans-serif;font-size:11px;color:#a3aa99}.comparison-body .icon-btn{width:23px;height:23px}.language-tag{width:19px;height:19px;border-radius:3px;display:grid;place-items:center;font-size:9px;background:#f1f2e9;color:#9ba78e;margin-top:2px;flex-shrink:0}.language-tag.chinese{background:#e9eee0;color:#81936b}.analysis-note{display:flex;align-items:flex-start;gap:7px;background:#f5f4e9;color:#a09b77;padding:11px 20px;font-size:9px;line-height:1.8}.analysis-note svg{flex-shrink:0;margin-top:2px}.reading-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid #edf0e2;font-size:8px;color:#a4ae95}.reading-bottom>span:first-child{display:flex;align-items:center;gap:5px}.reading-aside{display:grid;gap:15px}.preferences-panel{border:1px solid #e1e5d8;background:#fcfdf8;border-radius:10px;padding:17px 17px 15px}.aside-heading{display:flex;align-items:center;gap:7px;color:#81916e;margin-bottom:23px}.aside-heading h2{font-size:11px;color:#647753;font-weight:500}.text-btn{font-size:9px;color:#a2ad94;margin-left:auto;padding:0}.text-btn:hover{color:#4e713e}.setting-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#879778;margin:17px 0 9px}.setting-label span{font-size:8px;color:#b2bba5}.preferences-panel select{border:1px solid #e2e8d7;border-radius:5px;background-color:#fffefa;width:100%;padding:9px;font-size:10px;line-height:1.7;color:#788867}.segmented{display:flex;gap:3px;background:#eef1e6;border:1px solid #e6ebde;border-radius:5px;padding:3px}.segmented button{flex:1;border-radius:3px;padding:7px 3px;font-size:10px;color:#99a78a}.segmented button.active{background:#fffef8;color:#70875a;box-shadow:0 1px 3px #465d2420}.setting-switch{display:flex;justify-content:space-between;align-items:center;margin:20px 0 18px;color:#849575;font-size:10px}.setting-switch small{display:block;font-size:9px;color:#a8b29a;margin-top:5px}.switch{width:29px;height:17px;background:#d8dfce;border-radius:20px;padding:2px}.switch span{display:block;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0001;transition:transform .2s}.switch.on{background:#8a9f75}.switch.on span{transform:translate(12px)}.size-setting{border-top:1px solid #e8eddf;padding-top:15px}.size-setting label{display:flex;justify-content:space-between;font-size:10px;color:#879778}.size-setting label>span{font-size:9px;color:#a4b095}.size-setting>div{display:flex;gap:8px;align-items:center;margin-top:9px;font-family:var(--serif);color:#a4af97}.size-setting>div>span{font-size:11px}.size-setting strong{font-size:17px;font-weight:400}.size-setting input{accent-color:#819767;width:100%;height:3px;cursor:pointer}.speed-setting{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;color:#8d9a7e;font-size:9px}.speed-setting select{width:auto;font-size:9px;padding:5px 7px}.word-detail{background:#f0f2e8;border:1px solid #e4e8da;border-radius:10px;padding:20px;color:#7f8e6b}.detail-empty-icon{display:flex;margin-bottom:12px;color:#93a17f}.word-detail>h3{font:500 13px var(--serif);margin-bottom:10px;color:#7e8c6d}.word-detail>p{font-size:10px;line-height:2.05;color:#9ca78c}.detail-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#94a47e;margin-top:-8px}.detail-top .icon-btn{width:24px;height:24px}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.detail-title h3{font:600 25px/1.6 var(--serif);color:#536848;overflow-wrap:anywhere}.word-detail.native .detail-title h3{color:#a57e4d}.word-detail.loan .detail-title h3{color:#5d8297}.word-detail .detail-korean{font-size:11px;color:#879679;margin-top:4px;overflow-wrap:anywhere}.detail-korean>span{display:block;font-size:9px;color:#9fab90}.word-detail .detail-meaning{color:#778968;font-size:12px;margin:12px 0}.word-detail .detail-note{font-size:9px;color:#9ca68f;line-height:1.9;margin:3px 0}.save-word-btn{display:flex;justify-content:center;align-items:center;gap:5px;background:#e3e9d8;border:1px solid #d6e0c9;border-radius:5px;width:100%;margin-top:14px;padding:8px 7px;font-size:10px;color:#71875b}.save-word-btn:hover{background:#d9e3cb}.page-footnote{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#a4ae97;font-size:9px;margin:24px 0 0}.page-footnote button{font-size:9px;color:#8e9e7c;display:flex;align-items:center;gap:4px;margin-left:auto}.error-message{background:#fff2ed;border-top:1px solid #f3dacf;color:#b2765d;padding:12px 21px;font-size:11px;line-height:1.8}.stale-notice{font-size:10px;line-height:1.8;padding:10px 20px;background:#f6f1dc;color:#a29255}.recording{color:#b5705e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.filter-chip{padding:7px 15px;border-radius:30px;border:1px solid #e1e7d7;font-size:11px;color:#92a181}.filter-chip.active{background:#e6eddd;color:#6c8557;border-color:#d3dec6}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sample-card{text-align:left;padding:0;border:1px solid #e2e7da;border-radius:10px;overflow:hidden;background:#fffefa;transition:transform .2s,box-shadow .2s}.sample-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #546b3710}.sample-art{position:relative;display:flex;align-items:center;justify-content:center;height:160px;background:#e6ebdd;color:#7e9368;overflow:hidden}.sample-art:after{content:"";position:absolute;width:150px;height:150px;right:-40px;top:-40px;border:1px solid currentColor;border-radius:50%;opacity:.13;box-shadow:0 0 0 25px #ffffff10,0 0 0 50px #ffffff10}.sample-art-1{background:#e3eaf0;color:#7b94a6}.sample-art-2{background:#eee8db;color:#a59874}.sample-art-3{background:#ebe4e1;color:#a28c85}.sample-art-hanja{font:500 42px var(--serif);letter-spacing:8px}.sample-number{position:absolute;top:15px;left:17px;font:italic 15px Georgia,serif;opacity:.7}.sample-category{position:absolute;bottom:15px;right:17px;font-size:10px;opacity:.8}.sample-card-body{padding:21px}.sample-card-body h2{display:flex;justify-content:space-between;font:600 17px var(--serif);color:#5c7050}.sample-card-body p{font-size:11px;line-height:1.9;color:#98a18b;margin-top:12px}.sample-card-body>div{font-family:Noto Sans KR,sans-serif;font-size:12px;color:#99a18f;line-height:1.9;margin:17px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sample-card-body>span{font-size:8px;color:#a6af9b}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.collection-toolbar>div:last-child{display:flex;gap:10px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #dfe6d4;background:#fffefa;border-radius:6px;min-height:40px;padding:0 13px;color:#a5b098;width:300px;max-width:100%}.search-box input{border:0;background:none;outline:none;width:100%;font-size:11px;color:#758868;padding:10px 0}.search-box input::placeholder{color:#acb59f}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vocab-card{background:#fffefa;border:1px solid #e0e6d5;border-radius:10px;padding:17px 20px 19px}.vocab-card-top{display:flex;justify-content:space-between;align-items:center}.vocab-card-top>span{font-size:9px;color:#9ba98a}.vocab-card-top>div{display:flex}.vocab-card-top .icon-btn{width:27px;height:27px}.vocab-card h2{font:600 30px var(--serif);color:#647c53;margin:14px 0 7px;overflow-wrap:anywhere}.vocab-card.native h2{color:#b08b57}.vocab-card.loan h2{color:#6e8fa3}.vocab-korean{font:13px Noto Sans KR,sans-serif;color:#9caa8c;overflow-wrap:anywhere}.vocab-korean span{font-size:9px;display:block;margin-top:6px}.vocab-card p{font-size:12px;color:#839675;margin-top:15px}.vocab-card blockquote{font:11px/1.9 Noto Sans KR,sans-serif;max-height:63px;overflow:hidden;border-left:2px solid #e2e8d7;padding-left:10px;margin:17px 0;color:#a9b09f}.vocab-card small{font-size:8px;color:#acb69f}.empty-state{background:#fffefa;border:1px dashed #d9e2ce;border-radius:13px;min-height:370px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.empty-state>div{display:grid;place-items:center;width:75px;height:75px;background:#edf1e5;border-radius:50%;color:#97aa81;margin-bottom:24px}.empty-state h2{font:600 22px var(--serif);color:#778c63}.empty-state p{font-size:12px;line-height:1.8;color:#a0af91;margin:13px 0 24px}.history-list{display:grid;gap:13px}.history-card{display:flex;align-items:center;gap:17px;background:#fffefa;border:1px solid #e0e6d7;border-radius:9px;padding:23px}.history-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:48px;background:#eef2e5;border-radius:7px;color:#a0b18b}.history-content{flex:1;text-align:left;min-width:0;padding:0}.history-content>div{display:flex;align-items:center;gap:11px}.history-content h2{font:500 16px var(--serif);color:#718661}.history-content p{font:12px Noto Sans KR,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a1ad94;margin:10px 0}.history-content small{color:#adb89e;font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#263d325c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:80;padding:30px;animation:fade-in .15s}.modal{width:520px;max-width:100%;max-height:90dvh;overflow:auto;border:1px solid #e7ebdd;background:#fffef9;border-radius:15px;box-shadow:0 20px 80px #1b35232e}.modal-wide{width:680px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 27px;border-bottom:1px solid #e8ebdf;position:sticky;top:0;background:#fffef9;z-index:1}.modal-head h2{font:600 20px var(--serif);color:#556f46}.modal-content{padding:25px 28px 28px}.service-banner{display:flex;align-items:center;gap:15px;background:#edf2e4;border:1px solid #e0e9d4;padding:17px;border-radius:8px;margin-bottom:18px;color:#83996d}.service-banner strong{font-size:13px;color:#6d8558;font-weight:500}.service-banner p{font-size:10px;color:#97a985;line-height:1.9;margin-top:5px}.form-explanation{font-size:11px;line-height:1.95;color:#92a17f;margin-bottom:20px}.form-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#7c916a;margin:19px 0 9px}.form-label span{font-size:9px;color:#a8b49b}.form-input{width:100%;padding:12px 13px;background:#fff;border:1px solid #dce5d0;border-radius:6px;color:#70895b;font-size:12px}.field-help{font-size:9px;line-height:1.9;color:#a6b199;margin-top:10px}.external-link{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#8c9f77;margin:18px 0;text-decoration:none}.external-link:hover{text-decoration:underline}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:15px;padding-top:19px;border-top:1px solid #e7eddd}.export-option{display:flex;align-items:center;gap:14px;width:100%;padding:17px 14px;border:1px solid #e2e9d6;border-radius:8px;margin-top:12px;text-align:left;color:#95a881}.export-option:hover{background:#f0f5e8}.export-option>span{flex:1}.export-option strong{font-size:12px;font-weight:500;display:block;color:#7e9668}.export-option small{font-size:9px;color:#a4b095;display:block;line-height:1.9;margin-top:6px}.help-content{color:#93a27f;font-size:12px;line-height:2}.help-lead{font-size:13px!important;color:#899b74}.help-example{display:flex;flex-direction:column;align-items:center;background:#f0f4e8;border:1px solid #e4ebda;border-radius:8px;padding:20px;margin:23px 0;line-height:1.8}.help-example>span{font-size:11px;color:#9cab88}.help-example strong{font:600 32px/1.7 var(--serif);color:#71895c}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.help-columns h3{display:flex;gap:8px;align-items:center}.help-content h3{font-size:12px;font-weight:500;color:#768d60;margin:20px 0 7px}.help-columns h3{margin:0 0 7px}.help-content p{font-size:11px;color:#9baa8a}.help-links{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;border-top:1px solid #e6eddb;margin-top:22px;padding-top:16px;color:#91a57b}.toast{position:fixed;bottom:28px;left:calc(50% + 115px);transform:translate(-50%);display:flex;align-items:center;gap:11px;max-width:600px;width:max-content;z-index:100;border:1px solid #d2dfc6;background:#f9fff1;box-shadow:0 6px 30px #203c2220;border-radius:8px;padding:14px 17px;color:#78935e;font-size:11px;line-height:1.8;animation:fade-in .2s}.toast>svg{flex-shrink:0}.toast button{display:flex;align-items:center;color:#99ac84;padding:3px}.review-progress{display:flex;justify-content:space-between;font-size:10px;color:#92a57b}.review-progress-track{height:3px;background:#e6eddb;border-radius:3px;margin:12px 0 23px}.review-progress-track span{height:3px;background:#8ca770;display:block;border-radius:3px}.flashcard{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:270px;width:100%;border:1px solid #dfe9d2;background:#f2f6ea;border-radius:11px;color:#79935f;padding:20px}.flashcard.flipped{background:#f4f1e5;color:#a48e5c}.flashcard small{font-size:10px;opacity:.7}.flashcard strong{font:500 39px/1.5 var(--serif);overflow-wrap:anywhere}.flashcard strong[lang=ko]{font-family:Noto Sans KR,sans-serif}.flashcard>span{font-size:13px}.review-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.mobile-overlay{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:1500px){main{padding-top:50px}.page-intro{margin-bottom:36px}.reading-paper{min-height:300px;padding:26px 30px}.token-flow{line-height:3.1}.reading-token{padding-left:7px;padding-right:7px}.workspace-grid{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.input-panel textarea{min-height:102px}.sample-strip{padding-bottom:30px}.sidebar{width:245px}.main-shell{margin-left:245px}.toast{left:calc(50% + 122px)}}@media(max-width:1199px){.sidebar{width:206px;padding-left:16px;padding-right:16px}.main-shell{margin-left:206px}main{padding:34px 28px 24px}.topbar{padding:0 28px}.brand-name{font-size:23px}.brand-name>span{font-size:8px}.workspace-grid{grid-template-columns:minmax(0,1fr) 215px;gap:16px}.reading-paper{padding:20px 15px 16px}.preferences-panel{padding:16px 13px}.reading-toolbar{padding:15px}.reading-title{gap:6px}.reading-title h2{font-size:11px}.reading-title .subtle-badge{font-size:7px}.intro-stamp{padding:9px 12px}.intro-stamp strong{font-size:17px}.intro-stamp small{font-size:5px}.sample-grid,.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 103px);max-width:calc(100vw - 260px)}.sample-strip>span{display:none}.sample-strip{gap:7px}.sample-strip button{padding:5px 8px;font-size:9px}.sample-strip button.more-samples{font-size:8px}.reading-bottom>span:last-child{display:none}.sidebar-caption{font-size:9px}.brand-dot{display:none}.page-intro h1{font-size:27px}.eyebrow{font-size:8px}.intro-stamp{display:none}}@media(max-width:959px){.sidebar{width:188px;padding-left:12px;padding-right:12px}.main-shell{margin-left:188px}.brand-name{font-size:22px}.brand-name>span{display:none}.brand-dot{display:block;font-size:16px}.brand-symbol{width:38px;height:38px;font-size:25px}.workspace-grid{grid-template-columns:1fr}.reading-aside{grid-template-columns:1.3fr 1fr}.preferences-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.preferences-panel .aside-heading{grid-column:1/-1;margin-bottom:4px}.setting-label{margin:0;align-self:center;font-size:9px}.preferences-panel select{font-size:9px}.preferences-panel .setting-label span{display:none}.segmented button{font-size:9px}.setting-switch{grid-column:1/-1;margin:5px 0}.size-setting{grid-column:1/-1}.speed-setting{grid-column:1/-1;margin-top:3px}.word-detail{height:fit-content}.page-footnote{font-size:8px}.reading-paper{min-height:220px}.token-flow{line-height:3}.toast{left:calc(50% + 94px);max-width:calc(100vw - 225px)}.collection-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.collection-toolbar>div:last-child{justify-content:flex-end}.eyebrow{font-size:7px;letter-spacing:1.2px}.page-intro h1{font-size:26px}.page-intro p{font-size:11px}.sidebar-note{padding:20px 12px}.sidebar-note p{font-size:14px}.sidebar-note>span{font-size:8px}.sidebar-note button{font-size:8px}.topbar-right{gap:10px}.status-pill{font-size:9px}.sample-strip button.more-samples{margin-left:0}.sample-strip{padding-bottom:21px}}@media(max-width:700px){.sidebar{visibility:hidden;transform:translate(-100%);transition:transform .2s;width:230px;padding:30px 22px 0}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar .brand-name>span{display:block}.sidebar-caption{font-size:10px}.sidebar .nav-item{padding:14px}.sidebar-note{margin-top:30px}.sidebar-note p{font-size:17px}.sidebar-note>span{font-size:9px}.sidebar-note button{font-size:10px}.main-shell{margin-left:0}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#293c3255;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-toggle{display:inline-flex;margin-left:-7px}.topbar{height:62px;padding:0 20px}.breadcrumb{font-size:10px;gap:8px}.topbar-right{gap:8px}.topbar-right>.icon-btn{display:none}.status-pill{font-size:8px;gap:5px}.status-pill i{width:4px;height:4px}main{padding:29px 19px 22px}.page-intro{margin-bottom:22px}.eyebrow{font-size:6.7px;letter-spacing:1.3px;margin-bottom:12px}.page-intro h1{font-size:clamp(23px,5.9vw,32px);letter-spacing:.5px;line-height:1.6}.page-intro p{font-size:10px;letter-spacing:.3px;margin-top:9px}.panel-label{padding:15px 15px 7px}.panel-label>span{font-size:10px;gap:6px}.panel-label>div{gap:9px}.quiet-btn{font-size:9px;gap:4px}.quiet-btn svg{width:12px}.input-panel textarea{font-size:14px;padding:10px 15px 14px;min-height:125px;line-height:2}.input-footer{padding:10px 13px 14px}.character-count{font-size:9px}.input-actions{gap:5px}.input-actions select{font-size:9px;max-width:100px;padding-left:0!important;padding-right:19px!important;background-position:right 2px center}.primary-btn,.secondary-btn{font-size:10px;gap:6px;padding:9px 12px}.primary-btn kbd{display:none}.sample-strip{gap:6px;padding:13px 0 22px}.sample-strip button{font-size:9px;padding:5px 7px}.sample-strip button.more-samples{display:none}.sample-strip button svg{width:12px}.workspace-grid{gap:17px}.reading-toolbar{padding:15px}.reading-paper{padding:18px 14px 16px}.reading-meta{font-size:8px;margin-bottom:19px}.reading-token{padding-left:3px;padding-right:3px;margin-bottom:9px}.token-main{font-size:calc(var(--reading-size) * .95)}.romanization{font-size:8px}.hangul{font-size:9px}.phonetic-stack{gap:3px;margin-bottom:7px}.meaning-hint{font-size:8px}.token-flow{line-height:3}.reading-legend{gap:10px;font-size:7px}.comparison{margin:0 15px}.comparison-body p,.comparison-body p[lang=ko]{font-size:10px}.comparison-toggle{font-size:9px}.analysis-note{font-size:8px;padding:11px 14px}.reading-bottom{padding:12px 15px;font-size:8px}.reading-aside{grid-template-columns:1fr}.preferences-panel{padding:18px;grid-template-columns:1fr 1fr;gap:11px 25px}.setting-label,.preferences-panel select,.segmented button{font-size:10px}.aside-heading h2{font-size:12px}.reading-aside .word-detail{padding:22px}.word-detail>h3{font-size:16px}.word-detail>p{font-size:11px}.word-detail>p br{display:none}.page-footnote{line-height:1.9;font-size:8px;align-items:flex-start;margin-top:20px}.page-footnote>svg{flex-shrink:0;margin-top:2px}.page-footnote button{margin-left:19px;font-size:8px}.toast{left:50%;bottom:16px;max-width:calc(100vw - 28px);width:max-content;font-size:10px;padding:12px 13px}.modal-backdrop{padding:14px}.modal{max-height:92dvh;border-radius:12px}.modal-head{padding:18px 20px}.modal-head h2{font-size:18px}.modal-content{padding:20px}.help-columns{grid-template-columns:1fr;gap:15px}.help-content p{font-size:11px}.help-links{gap:12px}.sample-grid,.vocab-grid{grid-template-columns:1fr}.sample-art{height:150px}.sample-card-body{padding:22px}.sample-card-body h2{font-size:18px}.sample-card-body p{font-size:12px}.filter-row{gap:7px}.filter-chip{padding:7px 13px;font-size:10px}.history-card{gap:10px;padding:16px 12px}.history-icon{width:32px;height:42px}.history-content h2{font-size:13px}.history-content>div{gap:8px;flex-wrap:wrap}.history-content p{font-size:10px}.history-card>.icon-btn{width:24px}.history-card>.icon-btn:last-child{display:none}.empty-state{padding:25px 15px;min-height:350px}.empty-state h2{font-size:20px}.empty-state p{font-size:11px}.vocab-card{padding:19px 23px}.service-banner{padding:14px;gap:12px}.service-banner strong{font-size:12px}.service-banner p{font-size:9px}.export-option{padding:15px 12px;gap:11px}.export-option small{font-size:9px}.flashcard strong{font-size:33px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.brand-name,.brand-symbol{flex-shrink:0;white-space:nowrap}.brand-name{letter-spacing:2px;gap:7px}.brand-dot{display:none}.sidebar{overflow-y:auto}.sidebar-note,.sidebar-caption,.sidebar-bottom{flex-shrink:0}.page-intro p{color:#7b8571}.romanization{color:#64795a}.hangul{color:#78866c}.meaning-hint{color:#849273}.reading-meta,.reading-legend,.comparison-body p,.page-footnote{color:#849274}.comparison-body p[lang=ko]{color:#89957b}.setting-label,.setting-switch,.size-setting label{color:#748861}.setting-label span,.setting-switch small,.word-detail>p{color:#879976}.preferences-panel select,.segmented button.active{color:#667f52}.sample-strip button{color:#738a60}.character-count span{color:#97a28b}.sidebar-note>span{color:#849575}.help-content p,.field-help{color:#82966d}.brand-name>span{font-size:8px;letter-spacing:1px}.token-unit{display:inline-block;vertical-align:top;max-width:100%;white-space:nowrap}.reading-token{vertical-align:top}.phonetic-cantonese{--annotation-height:45px}.phonetic-stack{min-height:var(--annotation-height,31px)}.punctuation{display:inline-flex;flex-direction:column;vertical-align:top;line-height:1.4;padding:7px 0 5px;font-size:var(--reading-size)}.punctuation:before{content:" ";height:var(--annotation-height,31px);font-size:9px;line-height:1.3;margin-bottom:8px}.no-phonetic .punctuation:before{display:none}.no-phonetic .punctuation{margin-top:8px}.sidebar-caption,.nav-label,.nav-item,.sidebar-note>span,.sidebar-note button,.local-profile small,.eyebrow,.page-intro p,.secondary-btn,.breadcrumb,.status-pill,.quiet-btn,.character-count,.character-count span,.input-actions select,.sample-strip>span,.sample-strip button,.sample-strip button.more-samples,.subtle-badge,.reading-meta,.reading-legend,.reading-bottom,.comparison-toggle,.comparison-body p,.comparison-body p[lang=ko],.language-tag,.language-tag.chinese,.analysis-note,.setting-label,.setting-label span,.setting-switch,.setting-switch small,.size-setting label,.size-setting label>span,.speed-setting,.text-btn,.preferences-panel select,.segmented button,.segmented button.active,.word-detail>p,.word-detail .detail-korean,.detail-korean>span,.word-detail .detail-meaning,.word-detail .detail-note,.detail-top,.save-word-btn,.page-footnote,.page-footnote button,.filter-chip,.filter-chip.active,.sample-category,.sample-card-body p,.sample-card-body>div,.sample-card-body>span,.search-box input,.vocab-card-top>span,.vocab-korean,.vocab-card p,.vocab-card blockquote,.vocab-card small,.empty-state p,.history-content h2,.history-content p,.history-content small,.service-banner,.service-banner strong,.service-banner p,.form-explanation,.form-label,.form-label span,.form-input,.field-help,.external-link,.export-option,.export-option strong,.export-option small,.help-content,.help-lead,.help-content h3,.help-content p,.help-example>span,.help-links,.toast,.review-progress,.flashcard,.reading-token .romanization,.reading-token .hangul,.reading-token .meaning-hint,.reading-token .token-ending{color:#526346}.reading-token .meaning-ending{color:#526346}.reading-token.native .romanization,.reading-token.native .token-root,.reading-token.native .token-main,.word-detail.native .detail-title h3,.vocab-card.native h2{color:#835529}.reading-token.loan .token-root,.word-detail.loan .detail-title h3,.vocab-card.loan h2{color:#41647b}.reading-token.unknown .token-root,.reading-token.unknown .token-main{color:#5c6257}.reading-token .jyutping{color:#635579}.input-panel textarea::placeholder,.search-box input::placeholder{color:#66715d}.error-message{color:#8e4432}.stale-notice,.flashcard.flipped{color:#6e592e}.sample-category,.flashcard small{opacity:1}.reading-token .romanization,.reading-token .meaning-hint,.reading-token .jyutping{font-size:11px}.reading-token .hangul,.word-detail .detail-note,.detail-korean>span{font-size:12px}.token-flow{--annotation-height:34px}.phonetic-cantonese{--annotation-height:51px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#48633f}@media print{.sidebar,.topbar,.page-intro,.input-panel,.sample-strip,.reading-aside,.page-footnote,.toolbar-actions,.toast{display:none!important}.main-shell{margin:0}main{padding:0}.workspace-grid{display:block}.reading-panel{border:0}.reading-paper{min-height:0}.token-main{font-size:24px}.reading-bottom{display:none}}