@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gaegu:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#fbfcf8;--ink:#293f48;--muted:#5c7077;--line:#dfe7e5;--green:#237466;--sage:#e1f3e9;--rust:#b95232;--serif:'Noto Serif KR',Batang,serif;--shadow:0 5px 0 #263d4810;--round:22px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.8}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button[disabled]{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c8741c;outline-offset:4px}button[hidden],[hidden],.hidden{display:none!important}button,a{touch-action:manipulation}button{color:var(--ink)}
header{height:96px;max-width:1232px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:23px;letter-spacing:-1px}.brand small{display:block;font-size:11px;letter-spacing:0;color:#647c7b;font-weight:600;margin-top:0}.seal{display:grid;place-items:center;background:#ffe2a5;color:#5e4b2a;width:46px;height:50px;border:2px solid #edcd8f;border-radius:15px;transform:rotate(-6deg);font:30px var(--serif)}nav{display:flex;gap:8px}nav a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;padding:8px 17px;border-radius:15px;color:#526c70;font-size:14px;font-weight:700}nav a.active{background:#e0f1e9;color:#24695c}nav a:hover{background:#edf3ee}nav span{font-size:11px;background:#fff;border-radius:8px;padding:0 6px}.header-note{font-size:12px;font-weight:600;color:#607769}main{max-width:1168px;margin:auto;padding:0 32px;min-height:70vh}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;background:#eaf5f0;border:1px solid #d7e9df;border-radius:32px;padding:40px 45px;margin:16px 0 24px;overflow:hidden;min-height:383px}.hero-copy{z-index:1}.eyebrow{font-size:13px;font-weight:700;letter-spacing:0;color:#3f7768;margin:0 0 9px}.eyebrow span{font-size:18px}.hero h1{font-size:45px;line-height:1.42;font-weight:900;letter-spacing:-2px;margin:14px 0}.hero h1 em{font-style:normal;color:#217667}.hero .description{font-size:16px;line-height:1.8;color:#4d6f68;margin:10px 0 22px}.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.primary,.secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:15px;padding:11px 22px;font-size:15px;font-weight:700;line-height:1.5;border:2px solid #d5e2de;background:white;color:var(--green);transition:transform .15s,background .15s}.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 4px 0 #185b50}.primary:hover{background:#195e53;transform:translateY(-1px)}.primary:active,.secondary:active{transform:translateY(2px)}.secondary:hover{background:#eff7f2;border-color:#abc9bb}.compact{font-size:13px;min-height:44px;padding:8px 14px}.hero .primary{font-size:19px;padding:14px 29px;min-width:183px;border-radius:17px}.tiny{font-size:12px;color:#4e7167;font-weight:500}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:300px}.hero-art:before{content:'';position:absolute;width:290px;height:290px;border-radius:50%;background:#fff3cd;top:25px}.hero-art img{position:relative;max-width:100%;height:auto;width:340px;margin-top:18px}.speech{position:absolute;top:3px;z-index:2;left:38px;background:white;border:2px solid #d7e9df;border-radius:16px;padding:8px 17px;font-size:13px;font-weight:700;transform:rotate(-4deg)}.art-sticker{position:absolute;z-index:2;font-size:11px;line-height:1.7}.sticker-one{left:-2px;bottom:25px;background:#fff8e6;border:2px dashed #e5bf6b;padding:10px 14px;border-radius:12px;transform:rotate(-8deg);color:#805d20}.sticker-two{right:-5px;top:80px;background:#f9ddd3;padding:7px 13px;border-radius:30px;transform:rotate(12deg);color:#8f452d}
.play-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 40px}.play-choice{min-width:0;display:flex;align-items:center;gap:14px;border:2px solid #dce7ed;border-radius:20px;padding:18px;text-align:left;background:#edf5fc;box-shadow:var(--shadow);transition:transform .18s}.play-choice:hover{transform:translateY(-3px)}.play-choice strong{display:block;font-size:16px;font-weight:800}.play-choice small{display:block;font-size:12px;color:#536c7e;margin-top:2px}.activity-icon{display:grid;place-items:center;background:#ffffffc9;width:48px;height:48px;border-radius:16px;font-size:26px;flex-shrink:0}.activity-arrow{margin-left:auto;font-size:22px}.quiz-choice{background:#fff3dc;border-color:#f0e0bc}.quiz-choice small{color:#796642}.review-choice{background:#f2ecf9;border-color:#e4ddef}.review-choice small{color:#70617f}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head h2{font-size:23px;font-weight:800;letter-spacing:-.7px;margin:0}.section-head p{font-size:13px;color:var(--muted);margin:4px 0}.section-head p.eyebrow{color:#5f7c6e;margin-bottom:4px}.today-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.hanja-card{min-width:0;position:relative;background:white;border:2px solid var(--line);border-radius:21px;padding:14px 12px 18px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s;text-align:center}.hanja-card:hover{transform:translateY(-5px);border-color:#6da48b}.hanja-card:nth-child(5n+1){background:#fff7e6;border-color:#f0e1bd}.hanja-card:nth-child(5n+2){background:#eff7ff;border-color:#d8e8f4}.hanja-card:nth-child(5n+3){background:#f8eff3;border-color:#ecdde3}.hanja-card:nth-child(5n+4){background:#eff7e9;border-color:#dce9d2}.hanja-card:nth-child(5n){background:#f2eff9;border-color:#e5dff0}.card-number{display:block;text-align:left;font-size:11px;color:#677677;font-weight:700}.hanja-card .char{display:block;font:66px var(--serif);line-height:1.55;margin:5px 0 9px;color:#2c4248}.hanja-card .reading{display:block;font-size:15px;font-weight:700}.hanja-card .label{display:block;font-size:11px;color:#5e7470;margin-top:7px}.done-mark{position:absolute;right:12px;top:11px;width:24px;height:24px;display:grid;place-items:center;background:#d0ecdc;border-radius:50%;font-size:13px;font-weight:800;color:#246957}.today-section{margin-bottom:28px}.lower-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin:30px 0 46px}.story-promo{display:flex;align-items:center;gap:21px;background:#fff4dc;border:2px solid #f2e4c3;border-radius:24px;padding:24px}.story-promo h3,.tip-card h3{font-size:19px;line-height:1.5;font-weight:800;margin:8px 0}.story-promo p{font-size:13px;color:#6d6852;margin:5px 0 10px}.tree-pair{min-width:98px;position:relative;white-space:nowrap;font-size:34px;letter-spacing:-18px;text-align:center;padding-right:17px}.tree-pair strong{font:53px var(--serif);display:block;letter-spacing:0;margin-left:15px}.tip-card{border:2px solid var(--line);border-radius:24px;padding:24px;background:white}.tip-card p{font-size:14px;color:var(--muted);margin:8px 0}.garden-progress{background:#eef6f3;border-color:#dceae3}.garden-progress .section-head{margin-bottom:5px}.garden-progress .section-head>span{font-size:30px}.garden-progress p strong{font-size:26px;color:#267467}.progress-track{height:13px;border-radius:20px;overflow:hidden;background:#dce8e2}.progress-track i{display:block;height:100%;min-width:0;background:#5ca78e;border-radius:20px}.garden-progress .progress-track{margin-top:15px}.garden-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#536f62;margin-top:12px}.garden-caption a{font-weight:700}
footer{max-width:1104px;margin:auto;padding:25px 0;border-top:2px solid #e5ece7;display:flex;align-items:center;gap:22px;color:#5e7474;font-size:12px}footer .brand{font-size:17px}footer button{margin-left:auto}.text-btn{border:0;background:transparent;color:#526d6a;font-size:13px;font-weight:600;min-height:44px;padding:10px}.text-btn:hover{text-decoration:underline}.page-top{padding:30px 0 20px}.page-top h1{font-size:31px;font-weight:900;letter-spacing:-1px;margin:10px 0}.page-top p{font-size:15px;color:var(--muted);margin:8px 0}.toolbar{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap}.toolbar input{min-width:220px;flex:1;background:white;border:2px solid var(--line);padding:12px 16px;border-radius:15px;min-height:50px}.toolbar button,.tabs button{background:white;border:2px solid var(--line);border-radius:14px;color:#516c72;min-height:48px;padding:9px 16px;font-size:14px;font-weight:700}.toolbar button.selected{background:var(--green);color:white;border-color:var(--green)}.collection{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0 45px}.collection .char{font-size:58px}.empty{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}.muted{color:var(--muted);font-size:13px;line-height:1.9}.muted a{text-decoration:underline;text-underline-offset:3px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 25px}.tabs button{font-size:16px;border-radius:17px;min-height:59px;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff}.tabs button span{font-size:23px}.tabs button.selected{background:#dff2e8;border-color:#77b19a;color:#205f50;box-shadow:0 3px 0 #c4e1d3}.tabs button:nth-child(2){border-color:#ede3bf}.tabs button:nth-child(3){border-color:#d3e4f2}.tabs button:nth-child(4){border-color:#e3d9ef}.tabs button:hover{background:#eef6ef}.lesson-progress{display:flex;align-items:center;gap:15px;margin:0 0 20px;font-weight:700;font-size:13px}.lesson-progress>.progress-track{flex:1}.session-note{background:#e9f4ed;border-radius:13px;padding:12px 17px;color:#456b5e;font-size:14px;margin-bottom:16px}.study-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start;margin-bottom:22px}.character-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:375px;background:#fff9e9;border:2px solid #efdfb8;border-radius:27px;padding:28px;position:relative}.character-panel .giant{font:150px var(--serif);line-height:1.5}.character-panel h2{font-size:26px;margin:8px 0;font-weight:800}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:29px;border-radius:10px;padding:1px 11px;background:#ffedba;color:#715b29;font-size:12px;font-weight:700}.study-info{padding:10px 0}.study-info h2{font-size:25px;line-height:1.6;letter-spacing:-.6px;margin:8px 0 15px;font-weight:800}.study-info p{font-size:16px;line-height:1.95}.study-info p.eyebrow{font-size:13px;color:#3c7664}.study-info p.muted{font-size:13px}.study-info>.primary{margin-top:12px}.study-info>#reveal{margin-right:8px;margin-top:12px}.example{background:#edf4fb;border:1px solid #dbe7ef;border-radius:17px;padding:14px 18px;margin:20px 0;font-size:18px}.example .muted{font-size:12px}.korean-note{background:#edf5ef;padding:13px 16px;border-radius:14px;font-size:14px!important}.study-actions{border-top:2px dashed var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 40px}.remember-actions{text-align:center;flex:1}.remember-actions>span{font-size:13px;color:var(--muted);display:block;margin-bottom:12px}.remember-actions>div{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.study-actions #prev,.study-actions #next{font-size:13px;padding:10px 14px}.study-actions .primary{min-width:160px}
.writing-area,.writer-grid{position:relative;width:280px;height:280px;border:2px solid #cdded6;border-radius:10px;overflow:hidden;background-color:#fffefa;background-image:linear-gradient(90deg,transparent 49.8%,#d8e3da 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#d8e3da 50%,transparent 50.2%);touch-action:none}.writing-area canvas{position:absolute;inset:0;width:280px;height:280px;touch-action:none;cursor:crosshair;z-index:1}.korean-outline{position:absolute;inset:0;display:grid;place-items:center;font:210px 'Noto Serif KR',Batang,serif;color:#dce4d7;pointer-events:none;line-height:1}.writer-controls{display:flex;flex-wrap:wrap;gap:10px}.writer-controls button{padding:11px 16px;font-size:14px;min-height:50px}.reference-writing{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.reference-writing summary{cursor:pointer;font-size:13px;min-height:44px;color:#5c7275;padding:8px 0}.reference-writing .muted{font-size:13px}.writer-controls~#writer-status{color:#3f7364}.evolution{display:flex;align-items:center;gap:14px;margin:22px 0}.evolution>div{flex:1;text-align:center;background:#f5f1dd;border:2px solid #e6dfbf;border-radius:18px;padding:16px}.evolution svg{width:90px;height:90px;fill:none;stroke:#53775b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.evolution strong{display:block;font:75px var(--serif);line-height:1.3}.evolution small{display:block;font-size:12px;color:#68705e}.study-info select,.tip-card select{min-height:44px;border:2px solid #ccdcd3;border-radius:10px;padding:5px 10px;background:white;color:var(--ink)}
.quiz-box{max-width:700px;margin:20px auto 45px;text-align:center}.quiz-box .page-top{padding-top:8px}.quiz-char{display:grid;place-items:center;font:120px var(--serif);line-height:1.3;min-height:200px;border:2px solid #eddfbb;background:#fff7e5;border-radius:28px;margin:25px auto;max-width:360px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.choices button{background:#fff;border:2px solid var(--line);border-radius:18px;padding:20px 14px;font-size:19px;font-weight:700;box-shadow:var(--shadow);min-height:76px}.choices button:hover:not([disabled]){background:#f1f7ee;border-color:#9bbb9d}.choices button.correct{background:#dcf1e3;border-color:#58a579;opacity:1}.choices button.wrong{background:#fff0e2;border-color:#c88d50;opacity:1}.feedback{min-height:32px;color:#2c6b55;font-size:16px;font-weight:600}.quiz-box>.primary{min-width:200px}.quiz-box>.secondary{margin-top:12px}.session-finish{max-width:700px;margin:45px auto 65px;text-align:center;background:#eef7ee;border:2px solid #d6e9d9;border-radius:32px;padding:38px}.finish-star{font-size:65px}.session-finish h1{font-size:31px;font-weight:900}.session-finish p{font-size:17px;color:#4e7061}.finish-chars{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0 30px}.finish-chars span{font:34px var(--serif);padding:8px 16px;background:white;border:2px solid #d6e7d8;border-radius:14px}.session-finish>.primary,.session-finish>.secondary{margin:6px}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 30px}.record-grid .tip-card{background:#eef6f2;text-align:center}.record-grid .tip-card:nth-child(2){background:#fff5df}.record-grid .tip-card:nth-child(3){background:#eef3fd}.record-grid .tip-card strong{display:block;font-size:40px;font-weight:900;color:#335e54}.record-grid .tip-card p{font-size:14px}.record-list{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;margin:22px 0 35px}.record-char{display:grid;place-items:center;aspect-ratio:1;min-height:50px;background:white;border:2px solid var(--line);border-radius:15px;font:30px var(--serif)}.record-char.learned{background:#dcf0e3;border-color:#9fcaaf}.record-char.due{border-color:#ce8b42}.backup-row{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 40px}.review-table-wrap{overflow:auto;margin:25px 0 40px}.review-table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.review-table td,.review-table th{border-bottom:1px solid var(--line);padding:13px;vertical-align:top}.review-table td:first-child{font:25px var(--serif);min-width:60px}.review-table td:nth-child(2){min-width:120px}.review-table a{text-decoration:underline}dialog{max-width:620px;width:calc(100% - 32px);border:2px solid var(--line);border-radius:25px;background:#fffefa;color:var(--ink);padding:30px;line-height:1.9}dialog::backdrop{background:#243a4270}dialog h2{font-size:24px;font-weight:800}dialog p{font-size:15px}dialog a{text-decoration:underline}.close{float:right;border:0;background:#eaf0e8;border-radius:50%;font-size:25px;width:44px;height:44px;color:#496b60}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#294d44;color:white;padding:13px 22px;border-radius:16px;opacity:0;pointer-events:none;transition:opacity .15s;font-size:14px;width:max-content;max-width:calc(100% - 32px);z-index:30;text-align:center;box-shadow:0 4px 12px #243a4220}#toast.visible{opacity:1}
@media(max-width:1000px){.header-note{display:none}.hero{padding:32px}.hero h1{font-size:40px}.hero-art img{width:300px}.speech{left:10px;top:0}.sticker-one{left:-5px;bottom:10px}.play-choice{padding:15px;gap:10px}.activity-icon{width:42px;height:42px;font-size:23px}.play-choice strong{font-size:14px}.activity-arrow{font-size:18px}.play-choice small{font-size:11px}.story-promo{padding:20px;gap:14px}.story-promo h3{font-size:17px}.tree-pair{min-width:80px}.collection{grid-template-columns:repeat(4,minmax(0,1fr))}footer{margin:0 32px}.hero-cta{gap:12px}.study-info h2{font-size:22px}.character-panel{padding:20px}.record-list{grid-template-columns:repeat(8,1fr)}}
@media(max-width:760px){header{padding:18px 22px 0;height:auto;flex-wrap:wrap;gap:10px}.brand{font-size:21px}.brand small{font-size:10px}.seal{width:40px;height:44px;font-size:27px}nav{margin-left:auto;gap:2px}nav a{padding:8px 10px;font-size:13px}main{padding:0 22px}.hero{grid-template-columns:1.15fr 1fr;padding:28px 24px;margin-top:18px}.hero h1{font-size:34px}.hero .description{font-size:14px}.hero-art{min-height:270px}.hero-art:before{width:225px;height:225px;top:38px}.hero-art img{width:265px;min-width:235px}.speech{left:-10px;top:11px;font-size:11px;padding:7px 12px}.sticker-one{display:none}.sticker-two{right:-15px;top:70px}.hero .primary{font-size:17px;min-width:160px;padding:12px 20px}.tiny{font-size:11px}.play-choices{gap:10px;margin-bottom:30px}.play-choice{display:block;padding:15px;text-align:center}.activity-icon{margin:0 auto 9px;width:45px;height:45px}.activity-arrow{display:none}.play-choice strong{font-size:14px}.play-choice small{font-size:11px}.section-head h2{font-size:21px}.today-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hanja-card .char{font-size:58px}.lower-grid{grid-template-columns:1fr;gap:18px;margin:25px 0 35px}.tree-pair{min-width:100px}.story-promo{padding:22px}.story-promo h3{font-size:21px}.study-layout{grid-template-columns:1fr;gap:16px}.character-panel{min-height:330px;padding:20px}.study-info{padding:8px 0}.study-info h2{font-size:24px}.tabs{gap:8px}.tabs button{font-size:14px;gap:6px;padding:9px 8px}.tabs button span{font-size:20px}.study-actions{flex-wrap:wrap}.remember-actions{min-width:100%;order:-1;margin-bottom:8px}.study-actions>.secondary{flex:1}.record-list{grid-template-columns:repeat(6,1fr)}.record-grid{gap:10px}.record-grid .tip-card{padding:18px 10px}.record-grid .tip-card strong{font-size:30px}footer{margin:0 22px}.page-top h1{font-size:28px}.toolbar input{min-width:100%}}
@media(max-width:480px){body{font-size:16px}header{padding:17px 18px 0;display:block}.brand{font-size:22px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0 0;background:#f0f4ee;border-radius:15px;padding:4px}nav a{padding:8px 5px;min-height:44px;font-size:13px}.brand small{font-size:11px}main{padding:0 16px}.hero{display:flex;flex-direction:column;padding:26px 24px 15px;border-radius:25px;margin:18px 0}.hero-copy{align-self:stretch}.hero .eyebrow{font-size:12px}.hero h1{font-size:35px;line-height:1.4;margin:12px 0}.hero .description{font-size:15px;margin:12px 0 18px}.hero-cta{display:block}.hero .primary{width:100%;font-size:19px;min-height:58px}.tiny{display:block;text-align:center;font-size:12px;margin-top:12px}.hero-art{min-height:208px;width:100%;height:208px;margin-top:14px}.hero-art img{width:230px;min-width:0;margin-top:0;height:208px;object-fit:contain}.hero-art:before{width:190px;height:190px;top:8px}.speech{left:3px;top:0;font-size:11px;transform:rotate(-5deg)}.sticker-two{right:0;top:83px;font-size:11px}.play-choices{grid-template-columns:1fr;gap:11px;margin-bottom:30px}.play-choice{display:flex;gap:15px;padding:14px 17px;text-align:left;min-height:85px;border-radius:18px}.activity-icon{margin:0;width:47px;height:47px}.play-choice strong{font-size:17px}.play-choice small{font-size:13px}.activity-arrow{display:block;margin-left:auto;font-size:22px}.section-head{gap:10px;align-items:center;margin-bottom:17px}.section-head h2{font-size:20px;line-height:1.5}.section-head p.eyebrow{font-size:11px}.section-head .compact{font-size:11px;padding:8px 10px;white-space:nowrap}.today-grid,.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hanja-card{padding:13px 10px 17px;border-radius:20px}.hanja-card .char,.collection .char{font-size:62px;margin:4px 0 8px}.hanja-card .reading{font-size:16px}.hanja-card .label{font-size:11px}.story-promo{padding:20px 16px;gap:14px}.tree-pair{min-width:70px;font-size:27px;letter-spacing:-15px;padding-right:12px}.tree-pair strong{font-size:44px;margin-left:12px}.story-promo h3{font-size:18px}.story-promo p{font-size:12px}.story-promo .eyebrow{font-size:11px}.tip-card{padding:21px;border-radius:21px}.garden-caption{font-size:11px}.page-top{padding:24px 0 17px}.page-top h1{font-size:26px;line-height:1.5}.page-top p{font-size:14px}.toolbar{gap:8px}.toolbar input{font-size:14px}.toolbar button{padding:9px 12px;font-size:13px;min-height:46px}.tabs{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.tabs button{font-size:16px;min-height:55px;justify-content:flex-start;padding-left:18px;border-radius:15px}.tabs button span{font-size:23px}.character-panel{padding:18px 12px;min-height:330px;border-radius:23px}.character-panel .giant{font-size:137px}.character-panel h2{font-size:24px}.study-info h2{font-size:23px}.study-info .primary,.study-info>#reveal{width:100%;margin:10px 0 0;min-height:52px}.study-info p{font-size:16px}.writer-controls{gap:10px}.writer-controls button{flex:1 1 calc(50% - 10px);padding:11px 10px;font-size:14px;white-space:nowrap}.session-note{font-size:13px}.study-actions{gap:10px}.remember-actions>div{flex-wrap:nowrap;gap:9px}.remember-actions button{flex:1;min-width:0!important;font-size:15px;padding:12px}.study-actions #prev,.study-actions #next{min-height:48px}.choices{gap:12px}.choices button{font-size:17px;min-height:74px;padding:17px 10px}.quiz-char{font-size:110px;min-height:190px}.quiz-box .page-top h1{font-size:24px}.quiz-box{margin-top:16px}.record-grid .tip-card{padding:15px 7px}.record-grid .tip-card p{font-size:11px}.record-grid .tip-card strong{font-size:28px}.record-list{grid-template-columns:repeat(5,1fr);gap:8px}.record-char{font-size:25px;border-radius:12px}.backup-row>*{flex:1 1 45%;font-size:13px;padding:12px}.record-grid~.section-head{display:block}.record-grid~.section-head .muted{font-size:11px}.session-finish{padding:28px 20px;margin:30px 0}.session-finish h1{font-size:26px}.session-finish>.primary,.session-finish>.secondary{width:100%;margin:7px 0}.finish-chars{gap:7px}.finish-chars span{font-size:28px;padding:7px 12px}.finish-star{font-size:55px}footer{margin:0 16px;gap:10px;padding:20px 0}footer>span{display:none}footer .brand{font-size:15px}footer button{font-size:12px;padding:8px 0}dialog{padding:24px}dialog p{font-size:14px}.review-table td,.review-table th{padding:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.glyph-image{display:inline-block;width:1em;height:1em;vertical-align:middle;object-fit:contain;pointer-events:none}.glyph-face.giant,.glyph-face.char{display:block}#korean-outline .glyph-image{width:236px;height:236px;opacity:.22}.reference-writing h3{font-size:16px;margin:0 0 8px;font-weight:800}.reference-writing .writer-controls{margin-top:12px}

/* A field notebook for curious character collectors. */

:root{--paper:#f6f0e2;--ink:#282822;--muted:#656458;--line:#c9c3b3;--green:#284bc4;--sage:#eee6d2;--rust:#cb3b25;--shadow:3px 4px 0 #282822;--round:0px;--poster:'Black Han Sans','Noto Sans KR',sans-serif;--hand:'Gaegu','Noto Sans KR',sans-serif}
body{background-color:var(--paper);background-image:linear-gradient(#59739c10 1px,transparent 1px),linear-gradient(90deg,#59739c10 1px,transparent 1px);background-size:25px 25px;color:var(--ink)}header{height:106px;max-width:1260px;border-bottom:2px solid var(--ink);padding:0 24px;margin:0 auto 0;position:relative}header:after{content:'';position:absolute;bottom:-6px;left:24px;right:24px;border-bottom:1px solid var(--ink)}.brand{font-family:var(--poster);font-weight:400;font-size:27px;letter-spacing:-1px}.brand small{font:700 14px var(--hand);color:#59594c;letter-spacing:0;margin-top:3px}.seal{border:2px solid #b63221;background:#d8462b;color:#fff8e7;font-family:var(--serif);border-radius:1px;width:43px;height:47px;box-shadow:inset 0 0 0 2px #f5b69d;transform:rotate(-5deg)}nav{gap:20px}nav a{border-radius:0;font-size:14px;position:relative;padding:9px 5px;color:#48483c}nav a:hover{background:#e9dfc6}nav a.active{background:transparent;color:#2445b6}nav a.active:after{content:'';height:5px;background:#e4c946;position:absolute;left:2px;right:2px;bottom:5px;transform:rotate(-2deg);z-index:-1}nav span{background:#282822;color:#fff9e9;border-radius:0;font-size:10px}.header-note{font:700 18px var(--hand);color:#69634e}main{max-width:1200px;padding:0 24px}.hero.desk-hero{background:none;border:0;border-radius:0;padding:54px 10px 46px;overflow:visible;margin:0;min-height:560px;grid-template-columns:1fr 1fr;gap:15px}.hero-copy{position:relative;align-self:start;padding-top:6px}.edition{font-size:11px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:9px;color:#57584b;margin:0 0 26px}.ink-dot{width:9px;height:9px;background:#cf3c24;border-radius:50%;flex-shrink:0}.issue{font-size:9px;letter-spacing:0;border-left:1px solid #8b8879;padding-left:12px;margin-left:8px;color:#797464}.hero h1{font-family:var(--poster);font-size:90px;line-height:1.08;letter-spacing:-4px;font-weight:400;margin:0 0 22px;position:relative}.hero h1 em{color:#d44028;font-style:normal;display:inline-block;transform:rotate(-3deg);margin-top:8px}.title-spark{display:inline-block;font-size:55px;color:#284bc4;margin-left:17px;vertical-align:top;transform:rotate(10deg);font-family:sans-serif}.hero .description{font-size:17px;color:#5a5b4e;line-height:1.9;margin:18px 0 25px}.primary,.secondary{border-radius:2px;border:1.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-weight:700;min-height:49px;transition:transform .15s,box-shadow .15s;background:#fbf8ee;color:#282822}.primary{background:#284bc4;color:#fffbed;border-color:#222c5b;box-shadow:4px 4px 0 #282822}.primary:hover{background:#1f3da6;transform:translate(-1px,-1px)}.secondary:hover{background:#f4da63;border-color:var(--ink)}.primary:active,.secondary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #282822}.hero .primary{font-size:18px;border-radius:0;padding:16px 25px;min-width:210px;min-height:59px;gap:35px}.hero-cta{display:block}.lesson-receipt{font-size:11px;letter-spacing:.3px;color:#5d5e52;margin:13px 0}.hero-note{position:absolute;right:6px;bottom:10px;transform:rotate(-7deg);color:#2948b2;font:700 21px/1.15 var(--hand)}.doodle-arrow{position:absolute;right:22px;bottom:-48px;width:123px;height:62px;fill:none;stroke:#2948b2;stroke-width:2.5;stroke-linecap:round;transform:rotate(8deg)}
.discovery-desk{position:relative;min-height:480px;display:flex;justify-content:center;align-items:center;padding-left:20px}.paper-under{position:absolute;width:320px;height:405px;background:#2949bd;transform:rotate(8deg);top:30px;left:70px;border:2px solid #222;font-family:var(--poster)}.paper-under:after{content:'字';position:absolute;right:8px;bottom:0;font:95px var(--serif);color:#fff8dd18}.discovery-sheet{display:flex;flex-direction:column;align-items:stretch;position:relative;width:320px;height:407px;background:#fffcf2;border:1.5px solid #48483c;padding:17px 21px 10px;transform:rotate(-5deg);box-shadow:5px 8px 0 #28282212;transition:transform .2s;text-align:left}.discovery-sheet:hover{transform:rotate(-2deg) translateY(-5px)}.worksheet-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;font-weight:800;border-bottom:1px solid #282822;padding-bottom:10px}.worksheet-top>span{font-size:9px;font-weight:500;color:#777264;letter-spacing:1px}.discovery-square{display:grid;place-items:center;position:relative;flex:1;min-height:240px;margin:13px 0 6px;border:1px solid #b9c3d2;background-image:linear-gradient(90deg,transparent 49.7%,#8fa4bd55 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#8fa4bd55 50%,transparent 50.3%),linear-gradient(45deg,transparent 49.8%,#8fa4bd22 50%,transparent 50.2%),linear-gradient(-45deg,transparent 49.8%,#8fa4bd22 50%,transparent 50.2%)}.discovery-square .char{font-size:200px;line-height:1;display:block}.worksheet-answer{text-align:center;font-size:19px;letter-spacing:4px;padding:5px 0 10px}.worksheet-answer b{font-weight:800}.worksheet-bottom{font:700 17px var(--hand);text-align:center;border-top:1px solid #b7b09e;padding-top:5px;color:#3347a1}.paper-tape{position:absolute;z-index:3;top:15px;left:180px;transform:rotate(-13deg);width:112px;height:33px;background:#e9bd4ca6;border-left:2px dotted #cb9b48aa;border-right:2px dotted #cb9b48aa;pointer-events:none}.red-seal{position:absolute;z-index:3;right:35px;bottom:26px;border:3px double #c63e28;color:#b33321;font:700 28px/1.05 var(--hand);padding:10px;transform:rotate(13deg);background:#f8efdddb;pointer-events:none}.yellow-tag{position:absolute;left:0;top:75px;background:#f4d64a;border:1.5px solid #282822;color:#282822;padding:16px 18px;font:700 22px/1.2 var(--hand);transform:rotate(-9deg);box-shadow:3px 3px 0 #282822;z-index:2;pointer-events:none}.desk-pencil{position:absolute;width:15px;height:260px;background:linear-gradient(90deg,#d7ad20 0 30%,#f6ce3b 30% 70%,#ddae22 70%);border:1.5px solid #282822;transform:rotate(20deg);right:9px;top:80px}.desk-pencil:before{content:'';position:absolute;left:-1.5px;right:-1.5px;top:-21px;height:20px;background:#cb6b63;border:1.5px solid #282822;border-radius:4px 4px 0 0}.desk-pencil:after{content:'';position:absolute;top:100%;left:-1.5px;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:26px solid #574c36}.desk-scribble{position:absolute;right:5px;top:0;font:700 21px var(--hand);color:#655d43;transform:rotate(7deg)}
.workbench-tools{border-top:2px solid #282822;border-bottom:2px solid #282822;margin:13px 0 48px;display:grid;grid-template-columns:165px 1fr;align-items:stretch}.tools-label{padding:22px 12px 22px 0;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #a7a08c}.tools-label>span{font:700 23px var(--hand);color:#c33c25;transform:rotate(-4deg);transform-origin:left}.tools-label strong{font-size:11px;margin-top:7px;color:#6c6653}.play-choices{margin:0;gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.play-choice{display:flex;align-items:center;gap:13px;border:0;border-right:1px solid #a7a08c;border-radius:0;background:transparent;padding:23px 18px;box-shadow:none;position:relative;transition:background .15s;text-align:left;color:#282822}.play-choice:last-child{border-right:0}.play-choice:hover{transform:none;background:#f5dc6c}.play-choice strong{font-family:var(--poster);font-weight:400;font-size:19px;letter-spacing:-.5px;display:block;white-space:nowrap}.play-choice small{font-size:10px;color:#74705f;margin:0 0 5px;display:block}.tool-number{font:12px monospace;color:#6d6a5a;align-self:flex-start;padding-top:2px}.tool-mark{font-family:var(--hand);font-weight:700;font-size:48px;color:#c93b25;margin-left:auto;line-height:1;transform:rotate(-10deg)}.pencil-mark{font-size:40px;color:#284bc4}
.section-head{align-items:end;margin-bottom:8px}.section-head h2{font-family:var(--poster);font-size:30px;font-weight:400;letter-spacing:-1px}.eyebrow{font:700 20px var(--hand);color:#a93926;margin-bottom:6px;letter-spacing:0}.section-head p.eyebrow{font:700 20px var(--hand);color:#a93926}.catalog-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:700;border-bottom:1.5px solid #282822;padding:7px 0;min-height:44px;white-space:nowrap;color:#282822}.catalog-link:hover{color:#2346b5}.section-instruction{font-size:12px;color:#746c59;margin:5px 0 23px}.today-grid{gap:16px;margin-bottom:10px}.hanja-card,.hanja-card:nth-child(n){background:#fffcf4;border:1px solid #b8b09b;border-radius:0;padding:14px 14px 17px;box-shadow:3px 4px 0 #b3a99033;position:relative;overflow:visible;transition:transform .15s}.today-grid .hanja-card:nth-child(odd){transform:rotate(-1.7deg)}.today-grid .hanja-card:nth-child(even){transform:rotate(1.3deg)}.hanja-card:before{content:'';position:absolute;top:-4px;left:7px;right:7px;border-top:3px dotted #a49b844d;pointer-events:none}.hanja-card:hover,.today-grid .hanja-card:hover{transform:translateY(-6px) rotate(0);border-color:#2647bd;box-shadow:4px 6px 0 #284bc430}.card-number{font:11px monospace;color:#81745c;border-bottom:1px dashed #d0c7b1;padding-bottom:7px}.hanja-card .char,.collection .char{font-size:71px;padding:9px 0;margin:0;line-height:1.3}.hanja-card .reading{font-size:15px;color:#2e2f27;margin-top:8px}.hanja-card .label{font-size:10px;color:#706753;margin-top:7px}.done-mark{background:transparent;border:1.5px solid #b33f2a;color:#b33f2a;border-radius:0;transform:rotate(8deg);width:24px;height:24px;top:9px;right:9px}.collection{gap:17px}.collection .hanja-card{transform:none}.lower-grid{grid-template-columns:1.3fr 1fr;gap:30px;margin:48px 0 58px}.story-promo.paper-story{background:#f3d654;border:1.5px solid #282822;border-radius:0;box-shadow:5px 5px 0 #282822;gap:26px;padding:28px;position:relative;transform:rotate(-1deg);overflow:hidden}.paper-story:after{content:'';width:75px;height:21px;position:absolute;right:-12px;top:5px;transform:rotate(35deg);background:#fff9e598;border:1px solid #e2c16c}.story-specimen{min-width:135px;text-align:center;border-right:1px solid #756027;padding-right:24px;display:flex;flex-direction:column;gap:14px}.story-specimen>span{font:25px var(--serif)}.story-specimen>strong{font:78px var(--serif)}.paper-story h3{font-family:var(--poster);font-size:26px;line-height:1.45;font-weight:400;letter-spacing:-.8px;margin:5px 0 10px}.paper-story p{font-size:12px;color:#67562a}.paper-story p.eyebrow{font:700 18px var(--hand);color:#5c4c27}.collection-slip{position:relative;background:#fffcf3;border:1px solid #a9a18d;border-top:6px solid #284bc4;padding:24px 28px;transform:rotate(1deg);box-shadow:4px 5px 0 #b6ad9433}.collection-slip h3{font-family:var(--poster);font-size:23px;font-weight:400;line-height:1.45;margin:8px 0 15px}.collection-slip .eyebrow{font-size:17px;color:#284bc4}.collected-count{margin:0 0 12px}.collected-count strong{font:48px var(--poster);color:#284bc4}.collected-count span{font-size:12px;color:#746d5b}.stamp-ruler{position:relative;height:14px;border:1px solid #c4bca8;border-top:0;margin-bottom:13px;background:repeating-linear-gradient(90deg,transparent 0 9%,#c4bca8 9% 10%)}.stamp-ruler i{display:block;height:100%;background:#284bc4bb;max-width:100%}.slip-stamp{position:absolute;top:78px;right:18px;border:3px double #c53f27;border-radius:50%;width:77px;height:77px;display:grid;place-items:center;font:700 20px/1 var(--hand);color:#bc3c26;text-align:center;transform:rotate(-17deg)}.slip-pin{position:absolute;right:36px;top:-15px;width:13px;height:43px;border:2px solid #777360;border-radius:9px;background:transparent;transform:rotate(14deg)}footer{border-top:2px solid #282822;color:#706957;font-size:11px;padding:23px 0;max-width:1152px}footer .brand{font-family:var(--poster);font-size:18px;font-weight:400}.text-btn{border-radius:0;color:#575843}.page-top{padding-top:36px}.page-top h1{font-family:var(--poster);font-weight:400;font-size:35px;letter-spacing:-1px}.page-top p{font-size:14px;color:#6b6554}.toolbar input,.toolbar button,.tabs button,.tip-card,.example,.character-panel,.quiz-char,.choices button,.record-char,.record-grid .tip-card,dialog,.session-finish{border-radius:1px;box-shadow:none}.toolbar input{background:#fffdf5;border:1px solid #9f9986}.toolbar button{border:1px solid #9f9986;background:#fbf7ec}.toolbar button.selected{background:#282822;border-color:#282822}.tabs{gap:0;border:1.5px solid #282822;margin-bottom:26px;background:#fffcf2}.tabs button,.tabs button:nth-child(n){background:transparent;border:0;border-right:1px solid #aaa38f;border-radius:0;box-shadow:none;color:#4d4a3e;min-height:55px}.tabs button:last-child{border-right:0}.tabs button.selected{background:#284bc4;color:#fffbed;border-color:#282822;box-shadow:none}.tabs button:hover{background:#e5d7ad}.tabs button.selected:hover{background:#203da2}.character-panel{background:#fffcf5;border:1.5px solid #9e9784;padding:25px;position:relative}.character-panel:before{content:'';position:absolute;left:14px;right:14px;top:12px;border-top:2px dotted #bab19e}.character-panel .giant{font-size:166px;line-height:1.45}.character-panel h2{font-family:var(--poster);font-weight:400;font-size:26px}.pill{border-radius:0;background:transparent;border:1px solid #aaa18a;color:#756c56;font:11px monospace}.study-info h2{font-family:var(--poster);font-weight:400;font-size:26px}.example{background:#ece6d4;border:0;border-left:4px solid #284bc4}.korean-note{border-radius:0;background:#e7e1cf;border-left:2px solid #9a8e6e}.study-actions{border-top:1px dashed #9b947e}.session-note{border-radius:0;background:#ece3c9;border:1px solid #d8cbb0;color:#5b543f}.progress-track{background:#ddd3bc;border-radius:0;height:10px}.progress-track i{background:#284bc4;border-radius:0}.writing-area,.writer-grid{background-color:#fffdf6;border-radius:0;border-color:#8597ba}.reference-writing{border-top:1px solid #b9b099}.reference-writing h3{font-family:var(--poster);font-weight:400;font-size:18px}.study-info select,.tip-card select{border-radius:0;border:1px solid #a69a82}.evolution>div{border-radius:0;background:#eee3c5;border:1px solid #bbad8a}.quiz-char{background:#fffdf5;border:1.5px solid #8f866f;position:relative}.quiz-char:after{content:'';position:absolute;inset:14px;border:1px dashed #d5c8ad;pointer-events:none}.choices button{background:#fffaf0;border:1.5px solid #8f866f;box-shadow:3px 4px 0 #bdb29b55}.choices button:hover:not([disabled]){background:#f3d75a;border-color:#282822}.choices button.correct{background:#e9e2bd;border:3px solid #284bc4;color:#203b9c}.choices button.wrong{background:#f2dfd1;border-color:#b7573a}.feedback{color:#2847b5}.record-grid .tip-card,.record-grid .tip-card:nth-child(n){background:#fffcf4;border:1px solid #b9af96}.record-grid .tip-card strong{font-family:var(--poster);font-weight:400;color:#284bc4}.tip-card{background:#fffaf0;border:1px solid #b9af96}.tip-card h2,.tip-card h3{font-family:var(--poster);font-weight:400}.record-char{background:#fffaf0;border:1px dashed #b6aa8f}.record-char.learned{background:#eee0a4;border:2px solid #284bc4}.record-char.due{border-color:#c43f29}.session-finish{background:#f1d450;border:2px solid #282822;box-shadow:6px 6px 0 #282822}.session-finish h1{font-family:var(--poster);font-weight:400}.session-finish p{color:#65562d}.finish-chars span{border-radius:0;background:#fff9e6;border-color:#5e5339}.close{border-radius:0;background:#e6dbc1}#toast{border-radius:0;background:#282822;border:1px solid #f6f0e2;box-shadow:4px 4px 0 #c43f29}dialog{background:#fffaf0;border:2px solid #282822}.story-specimen .glyph-image{width:1em;height:1em}
@media(max-width:1050px){header{margin:0 24px;padding:0;height:100px}.hero.desk-hero{padding:40px 0 35px}.hero h1{font-size:77px}.hero-note{font-size:18px;right:5px}.discovery-desk{min-height:440px;padding-left:0}.discovery-sheet{width:280px;height:375px;padding:16px 19px}.paper-under{width:280px;height:375px;left:48px;top:26px}.discovery-square{min-height:210px}.discovery-square .char{font-size:180px}.yellow-tag{left:-7px;top:75px;font-size:19px;padding:12px}.paper-tape{left:130px;top:10px}.red-seal{right:10px;bottom:18px;font-size:23px}.desk-pencil{right:-4px;height:230px}.desk-scribble{font-size:18px}.tools-label{padding:18px 10px 18px 0}.workbench-tools{grid-template-columns:140px 1fr}.tools-label>span{font-size:21px}.play-choice{padding:20px 12px;gap:8px}.play-choice strong{font-size:17px}.tool-mark{font-size:36px}.play-choice small{font-size:9px}.hero .description{font-size:16px}.issue{display:none}.lower-grid{gap:22px}.story-promo.paper-story{padding:24px;gap:18px}.story-specimen{min-width:100px;padding-right:17px}.paper-story h3{font-size:23px}.slip-stamp{right:13px;width:65px;height:65px;font-size:17px}.collection-slip{padding:24px}.collection-slip h3{font-size:21px}footer{margin:0 24px}}
@media(max-width:760px){header{margin:0 20px;height:auto;padding:18px 0 12px;gap:15px}.brand{font-size:24px}.brand small{font-size:13px}nav{gap:14px}nav a{font-size:13px}.hero.desk-hero{grid-template-columns:1fr 1fr;padding:35px 0 25px;gap:10px;min-height:455px}.hero h1{font-size:65px;letter-spacing:-3px}.title-spark{font-size:40px;margin-left:8px}.edition{font-size:9px;letter-spacing:0;margin-bottom:20px}.hero .description{font-size:14px}.hero .primary{min-width:0;font-size:15px;padding:14px 18px;gap:20px}.lesson-receipt{font-size:10px}.hero-note,.doodle-arrow{display:none}.discovery-desk{min-height:375px}.discovery-sheet{width:230px;height:330px;padding:12px 16px}.paper-under{width:230px;height:330px;left:30px;top:20px}.discovery-square{min-height:185px;margin:10px 0 4px}.discovery-square .char{font-size:155px}.worksheet-answer{font-size:17px;letter-spacing:2px;padding-bottom:7px}.worksheet-top{font-size:10px}.worksheet-top>span{font-size:8px}.worksheet-bottom{font-size:15px}.yellow-tag{left:-9px;top:60px;padding:10px;font-size:16px}.paper-tape{left:105px;width:80px;height:26px;top:4px}.desk-pencil{display:none}.red-seal{font-size:20px;padding:7px;right:-2px;bottom:5px}.desk-scribble{font-size:17px;right:0;top:-10px}.workbench-tools{grid-template-columns:1fr;margin-top:22px;margin-bottom:35px}.tools-label{flex-direction:row;gap:15px;justify-content:flex-start;align-items:center;border-right:0;border-bottom:1px solid #a7a08c;padding:9px 0}.tools-label strong{margin-top:0}.play-choice{display:flex;text-align:left;padding:20px 12px;gap:7px}.play-choice strong{font-size:16px}.tool-mark{display:none}.play-choice small{font-size:9px}.section-head h2{font-size:25px}.section-head p.eyebrow{font-size:19px}.today-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.today-section .hanja-card:nth-child(n){display:block}.lower-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.story-promo.paper-story{flex-direction:column;align-items:flex-start;padding:21px}.story-specimen{border-right:0;border-bottom:1px solid #a58c32;padding:0 0 12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;width:100%}.story-specimen>span{font-size:22px}.story-specimen>strong{font-size:48px}.paper-story h3{font-size:23px}.collection-slip h3{font-size:23px}.collection-slip{padding:24px 20px}.slip-stamp{top:auto;bottom:100px;right:16px}.tabs{grid-template-columns:repeat(4,1fr)}.tabs button{font-size:14px}.page-top h1{font-size:31px}.character-panel{padding:24px}.study-layout{gap:18px}.study-info h2{font-size:24px}.record-grid .tip-card strong{font-size:30px}.record-list{grid-template-columns:repeat(6,1fr)}}
@media(max-width:480px){header{display:block;margin:0 16px;padding:19px 0 7px}.brand{font-size:25px;gap:11px}.brand small{font-size:14px}.seal{width:39px;height:43px}nav{background:transparent;display:grid;grid-template-columns:repeat(3,1fr);border-radius:0;padding:0;margin:16px 0 0;gap:0;border-top:1px solid #a69b83}nav a{min-height:45px;padding:8px;border-right:1px solid #c8bda6;font-size:13px}nav a:last-child{border-right:0}.hero.desk-hero{display:grid;grid-template-columns:1fr;padding:25px 0 33px;gap:0;min-height:0}.edition{font-size:10px;margin-bottom:16px}.issue{display:inline;font-size:8px;margin-left:auto;padding-left:7px}.hero h1{font-size:69px;line-height:1.04;margin-bottom:13px}.hero h1 br{display:none}.hero h1 em{margin-left:8px;transform:rotate(-4deg);margin-top:9px}.title-spark{font-size:32px;margin-left:5px}.hero .description{font-size:15px;line-height:1.8;margin:16px 0 21px}.hero .primary{min-height:58px;width:100%;font-size:18px;border-radius:0;justify-content:space-between;padding:14px 21px}.lesson-receipt{font-size:11px;margin:13px 0 0;text-align:center}.discovery-desk{height:380px;min-height:380px;margin-top:31px;padding-left:0}.discovery-sheet{width:247px;height:337px;padding:13px 17px;transform:rotate(-5deg)}.paper-under{width:247px;height:337px;left:calc(50% - 119px);top:19px;transform:rotate(7deg)}.discovery-square{min-height:195px}.discovery-square .char{font-size:165px}.worksheet-answer{font-size:17px;letter-spacing:4px}.worksheet-bottom{font-size:17px}.worksheet-top{font-size:10px}.yellow-tag{left:1px;top:44px;font-size:19px;padding:11px 14px;box-shadow:2px 3px 0 #282822}.paper-tape{left:calc(50% - 34px);top:-3px;width:95px;height:28px}.red-seal{right:0;bottom:5px;font-size:23px;padding:9px}.desk-scribble{right:0;top:-17px;font-size:18px}.workbench-tools{margin-top:0;margin-bottom:34px}.tools-label{gap:15px;padding:11px 0}.tools-label>span{font-size:23px}.tools-label strong{font-size:11px}.play-choices{grid-template-columns:1fr;gap:0}.play-choice{display:flex;min-height:90px;border-right:0;border-bottom:1px solid #a7a08c;padding:17px 11px;gap:20px;border-radius:0;background:transparent}.play-choice:last-child{border-bottom:0}.play-choice strong{font-size:22px}.play-choice small{font-size:11px;margin-bottom:4px}.tool-number{font-size:13px}.tool-mark{display:block;font-size:43px}.section-head{gap:13px;align-items:end}.section-head h2{font-size:25px;line-height:1.35}.section-head p.eyebrow{font-size:19px;margin-bottom:6px}.catalog-link{font-size:11px;gap:9px;min-height:44px}.section-instruction{font-size:12px;margin:12px 0 23px}.today-grid,.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.hanja-card,.hanja-card:nth-child(n){border-radius:0;padding:12px 12px 17px}.hanja-card .char,.collection .char{font-size:75px;padding:9px 0;line-height:1.2}.hanja-card .reading{font-size:15px}.hanja-card .label{font-size:9px}.today-grid .hanja-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.lower-grid{grid-template-columns:1fr;gap:32px;margin:38px 0 45px}.story-promo.paper-story{flex-direction:row;gap:18px;padding:23px 18px;transform:rotate(-1deg)}.story-specimen{flex-direction:column;border-bottom:0;border-right:1px solid #a58c32;padding:0 16px 0 0;min-width:86px;width:auto;gap:13px}.story-specimen>span{font-size:22px}.story-specimen>strong{font-size:56px}.paper-story h3{font-size:23px}.paper-story p{font-size:11px}.paper-story p.eyebrow{font-size:17px}.collection-slip{padding:25px;transform:rotate(1deg)}.collection-slip h3{font-size:27px;line-height:1.4}.collected-count strong{font-size:58px}.slip-stamp{width:90px;height:90px;font-size:22px;right:28px;top:60px;bottom:auto}.slip-pin{right:50px}.page-top{padding-top:28px}.page-top h1{font-size:30px;line-height:1.35}.page-top p{font-size:14px}.tabs{grid-template-columns:repeat(2,1fr);gap:0}.tabs button,.tabs button:nth-child(n){border-radius:0;padding:12px 17px;min-height:55px;font-size:15px;border-bottom:1px solid #a7a08c}.tabs button:nth-child(2){border-right:0}.tabs button:nth-child(n+3){border-bottom:0}.character-panel{border-radius:0;padding:22px 12px;min-height:340px}.character-panel .giant{font-size:160px}.character-panel h2{font-size:25px}.study-info h2{font-size:25px}.writer-controls button{border-radius:0;font-size:14px}.reference-writing h3{font-size:20px}.study-actions .primary,.study-actions .secondary{font-size:14px;border-radius:0}.choices button{font-size:17px;border-radius:0}.quiz-char{border-radius:0}.record-grid .tip-card{padding:15px 7px;border-radius:0}.record-grid .tip-card strong{font-size:30px}.record-char{border-radius:0}.record-list{grid-template-columns:repeat(5,1fr)}.backup-row>*{border-radius:0}.session-finish{border-radius:0;box-shadow:4px 4px 0 #282822}.session-finish h1{font-size:29px}.finish-chars span{border-radius:0}footer{margin:0 16px;padding:20px 0}footer .brand{font-size:18px}footer button{font-size:11px}dialog{border-radius:0}}

/* Stamps stay within the original notebook experience. */
.hanja-card .done-mark{width:38px;height:32px;white-space:nowrap}
#stamp-award{position:fixed;right:25px;bottom:25px;z-index:40;background:#fffdf7;border:1px solid #e3c7b3;border-radius:18px;padding:20px 42px 20px 20px;box-shadow:0 10px 40px #5c382626;display:flex;gap:18px;align-items:center;max-width:390px;animation:award-enter .35s ease-out}#stamp-award>div:nth-child(2)>strong{font-size:19px;color:#b74b32}#stamp-award p{font-size:12px;color:#8c7966;margin:4px 0}#stamp-award a{font-size:12px;font-weight:600;color:#9f4f37;text-decoration:underline;text-underline-offset:3px}.award-stamp{position:relative;flex-shrink:0;width:82px;height:82px;border:3px double #c65b40;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff5e8;transform:rotate(-8deg);animation:stamp-thump .4s ease-out}.award-stamp img{width:51px;height:51px;margin-top:-10px;filter:invert(27%) sepia(63%) saturate(1963%) hue-rotate(345deg) brightness(88%) contrast(91%)}.award-stamp span{position:absolute;bottom:6px;font-size:9px;color:#be5336;letter-spacing:1px;font-weight:700}#close-stamp{position:absolute;top:8px;right:7px;border:0;background:transparent;color:#a89a89;font-size:23px;width:32px;height:32px;border-radius:50%}@keyframes stamp-thump{0%{transform:rotate(-15deg) scale(1.5);opacity:0}65%{transform:rotate(-8deg) scale(.92);opacity:1}100%{transform:rotate(-8deg) scale(1)}}@keyframes award-enter{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}

.hanja-card.stamp-empty .char{opacity:1}.hanja-card .done-mark{border:2px double var(--rust);color:var(--rust);background:#fffaed;transform:rotate(9deg);font:700 17px/1 var(--hand);padding:7px 4px;top:8px;right:9px;border-radius:1px}.collection-receipt{display:flex;align-items:center;gap:19px;border:1px solid var(--line);border-left:4px solid var(--rust);background:#fffcf2;padding:18px 22px;margin:0 0 24px;box-shadow:2px 3px 0 #28282214}.collection-receipt strong{font-size:23px}.collection-receipt small{font-size:14px;font-weight:400;color:var(--muted)}.collection-receipt p{font-size:12px;color:var(--muted);margin:4px 0 0}.receipt-stamp{font:35px var(--serif);color:var(--rust);border:3px double var(--rust);padding:4px 10px;transform:rotate(-6deg)}.receipt-note{margin-left:auto;font:700 20px/1.2 var(--hand);color:#284bc4;transform:rotate(-3deg)}#stamp-award{border:1.5px solid #776b51;border-radius:2px;box-shadow:3px 4px 0 #28282225;background:#fffcf2}#stamp-award>div:nth-child(2)>strong{font-family:var(--hand);font-size:25px}#close-stamp{min-width:36px;min-height:36px}.collection-slip .slip-stamp{font-size:19px}@media(max-width:480px){.collection-receipt{gap:13px;padding:15px;margin-bottom:20px}.collection-receipt strong{font-size:21px}.collection-receipt p{font-size:11px}.receipt-note{display:none}#stamp-award{left:14px;right:14px;bottom:15px;max-width:none;padding:15px 36px 15px 14px;gap:13px}.award-stamp{width:64px;height:64px}.award-stamp img{width:38px;height:38px}.award-stamp span{font-size:8px}#stamp-award>div:nth-child(2)>strong{font-size:24px}}@media(prefers-reduced-motion:reduce){#stamp-award,.award-stamp{animation:none}}