:root{--bg:#fcf8f6;--card:#fffefd;--ink:#3c3037;--muted:#81747d;--primary:#ac496e;--accent:#c76588;--pink:#f6dce4;--soft:#fbecf0;--line:#ecdee3;--green:#347560;--green-bg:#edf7f2;--bad:#b14b45;--shadow:0 8px 32px #60404b06;--radius:22px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-family:Inter,'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:var(--primary);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.3px;line-height:1.4}h2{font-size:20px;letter-spacing:-.7px}h3{font-size:16px;letter-spacing:-.3px}p{word-break:keep-all;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b97194;outline-offset:4px}button{color:inherit}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}img{max-width:100%}.skip-link{position:fixed;top:-100px;left:12px;z-index:50;padding:10px;background:white}.skip-link:focus{top:12px}.boot{padding:80px;text-align:center}.app-shell{min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:var(--card);border-right:1px solid var(--line);padding:31px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:9px;padding:0 9px;border:0;background:none;text-align:left}.brand-symbol{width:39px;height:39px;background:var(--soft);color:var(--accent);border-radius:13px;display:grid;place-items:center}.brand-symbol svg{width:26px;height:26px}.brand b{font-size:24px;letter-spacing:-1.2px}.brand small{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-top:1px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#a3919b;margin:33px 14px 11px}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;border:0;background:none;padding:13px 14px;border-radius:12px;color:var(--muted);text-align:left;width:100%;font-size:14px}.nav-item:hover{background:#faf3f5}.nav-item.active{background:var(--soft);color:var(--primary);font-weight:700}.nav-item small{margin-left:auto;font-size:9px;white-space:nowrap;color:#a5969f}.sidebar-bottom{margin-top:auto;padding-top:30px}.mini-mascot{display:flex;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:10px}.mini-mascot img{width:62px;height:72px;object-fit:contain}.mini-mascot strong{font-size:12px}.mini-mascot p{font-size:10px;color:var(--muted)}.version-note{font-size:10px;color:#a4939d;padding:14px 14px 0}.workspace{margin-left:232px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:#fffefdcc}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.top-tools{display:flex;gap:10px;align-items:center}.top-tools .xp{font-size:12px;color:var(--primary);font-weight:700}.avatar{width:35px;height:35px;background:var(--soft);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--primary)}.icon-button{border:1px solid var(--line);background:var(--card);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px}.mobile-brand,.menu-toggle,.mobile-nav{display:none}main{max-width:1200px;margin:0 auto;padding:34px 36px 46px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px}.page-head p{font-size:13px;color:var(--muted);margin-top:6px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--primary);display:block;margin-bottom:9px}.tag{font-size:11px;color:var(--primary);background:var(--soft);border:1px solid #eed4df;border-radius:7px;padding:4px 9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.tag.gray{background:#f6f2f3;color:#8b7d85;border-color:var(--line)}.muted{color:var(--muted)}.small{font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:29px 0 14px}.section-head p{font-size:12px;color:var(--muted)}.text-button{border:0;background:none;color:var(--primary);font-weight:700;font-size:12px;display:inline-flex;gap:5px;align-items:center;padding:7px 0}.btn{border:1px solid var(--line);border-radius:11px;background:var(--card);padding:11px 16px;font-weight:700;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:45px;line-height:1.5}.btn:hover{background:#faf3f5}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #ac496e15}.btn.primary:hover{background:#95385c}.btn.soft{background:var(--soft);border-color:#f0d4de;color:var(--primary)}.btn.small-btn{font-size:12px;min-height:38px;padding:8px 12px}.btn.full{width:100%}.btn.ghost{border-color:transparent;background:none;color:var(--muted)}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-row{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.hero{background:linear-gradient(125deg,#f8e5ea,#fff1eb 68%,#f4e3ed);overflow:hidden;min-height:288px;padding:30px;display:flex;align-items:center;position:relative;isolation:isolate;border-color:#efd4df}.hero:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #fff8;border-radius:50%;right:25px;top:40px;z-index:-1}.hero-copy{position:relative;z-index:1;max-width:72%}.hero-copy h2{font-size:28px;line-height:1.4;letter-spacing:-1.2px}.hero-copy p{color:#8a6274;font-size:12px;margin:13px 0 20px;max-width:280px}.hero .mascot{width:220px;position:absolute;right:-12px;bottom:8px;height:252px;object-fit:contain;filter:drop-shadow(0 8px 10px #96706412)}.hero-petal{position:absolute;right:36px;top:16px;color:#de99b2;opacity:.65}.hero-petal svg{width:37px;height:37px}.daily{padding:23px;display:flex;flex-direction:column}.daily .round-icon{background:var(--soft);color:var(--primary);width:39px;height:39px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px}.daily h3{margin-bottom:5px}.daily p{font-size:12px;color:var(--muted)}.goal-count{font-size:27px;font-weight:750;color:var(--primary);margin-top:15px}.goal-count span{font-size:12px;font-weight:500;color:var(--muted)}.bar{height:6px;border-radius:10px;background:#f1e7ec;overflow:hidden}.bar span{display:block;height:100%;background:#ce7798;border-radius:10px;transition:width .3s}.daily .bar{margin:8px 0 16px}.daily .btn{margin-top:auto}.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 4px}.metric{padding:17px 20px;display:flex;align-items:center;gap:13px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;background:#faf0f3;color:var(--accent);border-radius:12px}.metric strong{font-size:20px;display:block;line-height:1.3}.metric span{font-size:11px;color:var(--muted)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course{padding:23px;position:relative}.course-top{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.kana-tile{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-size:45px;line-height:1;width:70px;height:76px;background:var(--soft);color:var(--primary);border-radius:18px;display:grid;place-items:center;border:1px solid #f2d9e3;flex-shrink:0}.course.k .kana-tile{background:#f2edf8;color:#8e73a2;border-color:#e6ddeb}.course-top h3{font-size:18px;margin-top:4px}.course-top p{font-size:12px;color:var(--muted);margin-top:4px}.course-progress{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}.course-progress b{color:var(--primary)}.course .btn{margin-top:18px}.coming-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.coming-mini{padding:20px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:17px;display:flex;align-items:center;gap:12px}.coming-mini svg{color:#b998a7}.coming-mini strong{display:block;font-size:13px}.coming-mini span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.home-note{text-align:center;font-size:11px;color:#a38d99;margin-top:25px}.notice{padding:15px 18px;background:var(--soft);border:1px solid #eed3de;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;font-size:12px}.notice p{margin-top:2px;color:var(--muted)}.tabs{display:flex;gap:5px;background:#f1e8ec;border:1px solid #ecdee4;padding:5px;border-radius:13px;margin-bottom:24px;max-width:480px}.tabs button{flex:1;border:0;background:none;padding:10px 12px;border-radius:9px;font-size:13px;color:var(--muted);font-weight:700}.tabs button.selected{background:var(--card);color:var(--primary);box-shadow:0 2px 5px #8d62720d}.kana-overview{padding:26px;display:flex;gap:22px;align-items:center;margin-bottom:20px}.kana-overview .kana-tile{width:92px;height:98px;font-size:61px}.kana-overview h2{margin-bottom:5px}.kana-overview p{font-size:12px;color:var(--muted)}.kana-overview .overview-progress{margin-left:auto;width:150px;text-align:right;flex-shrink:0}.overview-progress strong{font-size:23px;color:var(--primary)}.overview-progress span{font-size:11px;color:var(--muted)}.overview-progress .bar{margin-top:9px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{padding:23px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);min-height:169px}.feature:hover{border-color:#d8a6ba;box-shadow:0 8px 22px #aa668011}.feature .feature-icon{color:var(--primary);background:var(--soft);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}.feature strong{font-size:14px}.feature p{font-size:11px;color:var(--muted);margin-top:6px}.feature .arrow{align-self:flex-end;color:var(--accent);margin-top:auto}.learning-path{padding:18px 22px;margin-top:20px;display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted)}.learning-path span{color:var(--primary);font-weight:700}.back{margin-bottom:17px;display:inline-flex;align-items:center;gap:6px;border:0;background:none;font-size:12px;color:var(--muted);padding:0}.group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-card{border:1px solid var(--line);border-radius:17px;padding:19px 20px;background:var(--card);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}.group-card:hover{border-color:#d7a1b5}.group-card strong{font-size:13px}.group-card .group-glyphs{font-family:'Yu Mincho','Noto Serif JP',serif;display:block;font-size:26px;letter-spacing:6px;margin-top:7px;line-height:1.5}.group-card small{color:var(--muted);font-size:10px}.learn-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.flash-card{padding:28px;text-align:center;position:relative;min-height:405px}.flash-header{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.big-kana{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-size:132px;line-height:1.5;color:var(--primary);display:block;margin:12px 0 0}.reading{font-size:22px;font-weight:700}.reading small{font-size:13px;font-weight:400;color:var(--muted);margin-left:10px}.counterpart{font-size:12px;color:var(--muted);margin:6px 0 18px}.counterpart b{font-family:'Yu Mincho',serif;font-size:22px;color:#685561;margin-left:7px}.sound-btn{background:var(--soft);color:var(--primary);border:1px solid #ecd0dc;border-radius:50px;padding:11px 21px;font-size:13px;font-weight:700;display:inline-flex;gap:9px;align-items:center;min-height:45px}.sound-btn.is-playing{box-shadow:0 0 0 5px #f5dbe5}.flash-hint{background:#fcf6f8;border-radius:14px;padding:14px 17px;text-align:left;margin-top:24px;font-size:12px;color:#816773;display:flex;gap:10px}.flash-hint svg{color:var(--accent);margin-top:1px}.flash-note{font-size:11px;color:var(--muted);margin-top:12px}.lesson-side{padding:22px;align-self:start}.lesson-side h3{margin-bottom:15px}.lesson-letters{display:flex;flex-wrap:wrap;gap:8px}.lesson-letter{width:45px;height:48px;border:1px solid var(--line);background:var(--card);border-radius:11px;font-size:23px}.lesson-letter.current{border-color:var(--primary);color:var(--primary);background:var(--soft)}.lesson-letter.learned:after{content:'·';color:var(--green);font-weight:bold}.lesson-side p{font-size:11px;color:var(--muted);margin-top:18px}.study-controls{margin-top:18px;display:flex;justify-content:space-between;gap:12px}.study-controls .btn.primary{min-width:180px}.center-box{max-width:640px;margin:0 auto;padding:30px}.config-card{padding:28px}.config-card h2{margin-bottom:5px}.config-card>p{font-size:12px;color:var(--muted);margin-bottom:25px}.form-field{display:block;margin-bottom:18px;font-size:12px;font-weight:700}.form-field select{display:block;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);margin-top:7px;font-size:13px;min-height:44px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-text{font-size:11px;color:var(--muted);background:#faf3f6;padding:13px;border-radius:11px;margin:7px 0 22px}.inline-error{color:var(--bad);font-size:12px;margin:10px 0}.quiz-wrap{max-width:790px;margin:0 auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.quiz-top strong{font-size:13px}.quiz-top span{font-size:12px;color:var(--muted)}.quiz-progress{margin-bottom:21px}.question-card{text-align:center;padding:22px 28px 26px;min-height:255px}.question-card h2{font-size:17px}.question-card .big-kana{font-size:105px;margin:1px 0}.listen-orbit{width:106px;height:106px;border:1px solid #efcdda;border-radius:50%;background:var(--soft);color:var(--primary);margin:22px auto 15px;display:grid;place-items:center;box-shadow:0 0 0 10px #fcf4f7}.listen-orbit svg{width:35px;height:35px}.question-card .small{margin:10px auto 0;color:var(--muted)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.answer{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:16px 20px;min-height:80px;width:100%}.answer:hover:not(:disabled){border-color:#d89ab4;background:#fff9fb}.answer-key{font-size:11px;color:#a28d98;border:1px solid var(--line);border-radius:7px;width:25px;height:27px;display:grid;place-items:center;flex-shrink:0}.answer-main{flex:1;text-align:center;font-size:24px;font-weight:650}.answer-main.glyph{font-family:'Yu Mincho',serif;font-size:37px;line-height:1.3}.answer-main small{font-size:11px;color:var(--muted);font-weight:400;display:block}.answer.correct{background:var(--green-bg);border-color:#64a98d;opacity:1;color:var(--green)}.answer.incorrect{background:#fff0ed;border-color:#d7867d;opacity:1;color:var(--bad)}.answer:disabled{opacity:.65}.answer.correct:disabled,.answer.incorrect:disabled{opacity:1}.sound-choice{display:flex;border:1.5px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}.sound-choice .answer{border:0;border-radius:0}.choice-play{background:#fff8fa;border:0;border-left:1px solid var(--line);padding:13px;color:var(--primary);width:52px}.sound-choice.correct{background:var(--green-bg);border-color:#64a98d}.sound-choice.incorrect{border-color:#d7867d}.feedback{margin-top:18px;padding:20px;border:1px solid #d4e9de;background:var(--green-bg);border-radius:16px;display:flex;gap:15px;align-items:flex-start}.feedback.wrong{background:#fff3ee;border-color:#f0d5ca}.feedback h3{color:var(--green);margin-bottom:5px}.feedback.wrong h3{color:var(--bad)}.feedback p{font-size:12px}.feedback .btn{margin-left:auto;white-space:nowrap;flex-shrink:0}.quiz-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin:18px 0}.empty{padding:45px 25px;text-align:center}.empty img{width:125px;height:135px;object-fit:contain;margin-bottom:15px}.empty h2{margin-bottom:8px}.empty p{font-size:12px;color:var(--muted);max-width:450px;margin:0 auto 22px}.result{text-align:center;padding:35px}.result img{width:125px;height:140px;object-fit:contain}.score{font-size:51px;font-weight:750;color:var(--primary);margin:13px 0}.score span{font-size:19px;color:var(--muted);font-weight:400}.result p{font-size:13px;color:var(--muted)}.result .button-row{justify-content:center;margin-top:22px}.result-list{padding:22px;margin-top:20px}.result-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.result-item:last-child{border:0}.result-item b{font-size:26px;font-family:'Yu Mincho',serif;margin-right:12px}.result-item span{font-size:12px}.table-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.table-toolbar select{border:1px solid var(--line);border-radius:9px;padding:9px;font-size:12px;background:var(--card)}.table-card{padding:20px;overflow:auto}.kana-table{width:100%;border-collapse:separate;border-spacing:7px;table-layout:fixed}.kana-table th{font-size:11px;font-weight:600;color:var(--muted);padding:4px}.kana-table th:first-child{width:55px}.kana-cell{border:1px solid var(--line);border-radius:12px;background:#fffdfa;width:100%;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 3px;position:relative}.kana-cell:hover{border-color:#c787a2;background:var(--soft)}.kana-cell>span{font-family:'Yu Mincho',serif;font-size:31px;line-height:1.25}.kana-cell small{font-size:10px;color:var(--muted)}.kana-cell.learned{background:#f5f8f3;border-color:#dce7d6}.kana-cell.learned:after{content:'✓';position:absolute;right:5px;top:1px;font-size:10px;color:var(--green)}.kana-table .blank-cell{background:#faf6f8;border-radius:12px}.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.rule{padding:20px}.rule h3{font-size:13px}.rule .rule-sample{font-family:'Yu Mincho',serif;font-size:22px;display:block;color:var(--primary);margin:11px 0}.rule p{font-size:12px;color:var(--muted)}.yoon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:18px}.yoon-cell{background:#fcf5f8;border:1px solid var(--line);border-radius:10px;text-align:center;padding:10px;font-family:'Yu Mincho',serif;font-size:25px}.yoon-cell small{display:block;font-family:inherit;font-size:11px;color:var(--muted)}.confusion-card{padding:25px}.confusion-pair{display:flex;justify-content:center;gap:18px;margin-bottom:16px}.confusion-glyph{background:var(--soft);border-radius:17px;text-align:center;width:100px;padding:8px 5px}.confusion-glyph b{font-family:'Yu Mincho',serif;font-size:52px;font-weight:500;display:block;line-height:1.5}.confusion-glyph small{color:var(--primary);font-size:12px}.confusion-glyph button{background:none;border:0;color:var(--primary);padding:4px 8px}.confusion-card p{font-size:12px;color:var(--muted);min-height:48px}.confusion-card .btn{margin-top:15px}.coming-hero{padding:35px;text-align:center;background:linear-gradient(135deg,#fbecf0,#fffaf4);margin-bottom:22px}.coming-hero svg{width:37px;height:37px;color:var(--accent);margin-bottom:12px}.coming-hero h2{font-size:25px;margin:12px 0}.coming-hero p{font-size:13px;color:var(--muted);max-width:500px;margin:auto}.future-card{padding:22px}.future-card h3{margin-bottom:7px}.future-card p{font-size:12px;color:var(--muted);margin-bottom:17px}.level-row{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.level-row span{border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px;color:#907b87;background:#faf6f8}.future-label{font-size:11px;color:#9d8794;display:flex;gap:7px;align-items:center}.record-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.history-list{padding:22px}.history-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;gap:14px}.history-row:last-child{border:0}.history-row strong{font-size:12px;display:block}.history-row small{font-size:10px;color:var(--muted)}.history-row>b{font-size:14px;color:var(--primary);white-space:nowrap}.progress-list{padding:22px}.progress-list .line{display:flex;justify-content:space-between;font-size:12px;margin:14px 0 7px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.review-grid .kana-cell{min-height:95px}.settings-section{padding:25px;margin-bottom:18px}.settings-section h2{font-size:17px;margin-bottom:7px}.settings-section p{font-size:12px;color:var(--muted);margin-bottom:20px}.check-label{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:17px}.check-label input{accent-color:var(--primary);width:17px;height:17px}.credits{font-size:11px;color:var(--muted);line-height:1.8}.credits a{text-decoration:underline}.storage-alert{margin-top:15px;background:#fff1de;color:#835c28;border-radius:10px;padding:12px;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#57414e;color:white;padding:12px 20px;border-radius:13px;font-size:12px;box-shadow:0 10px 30px #3b233727;z-index:60;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;max-width:min(90vw,500px)}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:23px;max-width:480px;width:calc(100% - 35px);padding:26px;background:var(--card);color:var(--ink);max-height:85dvh;overflow:auto;box-shadow:0 25px 80px #5b3a4c27}dialog::backdrop{background:#46324160;backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}.modal-top h2{font-size:19px}.modal-top .icon-button{border:0;background:var(--soft);width:31px;height:31px}.modal-glyph{font-family:'Yu Mincho',serif;font-size:85px;text-align:center;color:var(--primary);line-height:1.5}.modal-copy{font-size:12px;color:var(--muted);margin:14px 0 22px}.modal-buttons{display:flex;gap:8px;flex-wrap:wrap}.modal-buttons .btn{flex:1}.checkmark{font-size:13px;color:var(--green);display:inline-flex;gap:5px;align-items:center}.footer-credit{font-size:10px;color:#a18b96;text-align:center;margin-top:30px}
@media(min-width:1450px){main{padding-top:40px}.hero .mascot{right:12px;width:250px}.hero-copy{max-width:64%}}
@media(max-width:1150px){.hero-row{grid-template-columns:minmax(0,1fr) 230px}.hero{padding:25px}.hero-copy h2{font-size:24px}.hero .mascot{width:180px;right:-16px}.hero-copy{max-width:70%}main{padding:28px}.topbar{padding:0 28px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-layout{grid-template-columns:minmax(0,1fr) 210px}.coming-mini{padding:17px;gap:9px}}
@media(max-width:960px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:66px;padding:0 24px}.breadcrumb{display:none}.mobile-brand{display:flex;font-size:19px;font-weight:750;letter-spacing:-1px;gap:8px;align-items:center}.mobile-brand svg{color:var(--accent);width:23px;height:23px}.menu-toggle{display:inline-flex}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fffefd;border-top:1px solid var(--line);padding:9px 8px calc(8px + env(safe-area-inset-bottom));z-index:20}.mobile-nav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--muted);padding:3px}.mobile-nav button.active{color:var(--primary);font-weight:bold}.mobile-nav button.active svg{background:var(--soft);border-radius:6px}.mobile-nav svg{width:21px;height:21px}main{padding-bottom:105px;max-width:880px}.hero-copy{max-width:70%}.hero .mascot{width:195px}.hero-row{grid-template-columns:minmax(0,1fr) 245px}#toast{bottom:87px}}
@media(max-width:640px){body{font-size:14px}.topbar{padding:0 17px}.top-tools{gap:8px}.top-tools .xp{font-size:11px}main{padding:24px 17px 100px}.page-head{margin-bottom:21px}h1{font-size:24px;letter-spacing:-1px}.page-head p{font-size:11px}.page-head>.tag{font-size:9px;margin-top:4px}.hero-row{grid-template-columns:1fr;gap:14px}.hero{min-height:255px;padding:24px}.hero-copy{max-width:70%}.hero-copy h2{font-size:24px}.hero-copy p{max-width:210px;font-size:11px}.hero .mascot{width:170px;height:222px;bottom:0;right:-20px}.hero .btn{font-size:11px;padding:10px 13px}.daily{display:grid;grid-template-columns:1fr 110px;gap:1px 14px;padding:18px}.daily .round-icon{display:none}.daily h3{font-size:13px}.daily p{font-size:10px}.daily .goal-count{grid-column:2;grid-row:1/3;text-align:right;margin-top:0;font-size:23px}.daily .bar{grid-column:1/-1;margin:12px 0}.daily .btn{grid-column:1/-1;min-height:38px;font-size:11px}.stats-strip{gap:8px}.metric{padding:14px 10px;gap:7px;align-items:center}.metric-icon{display:none}.metric strong{font-size:21px}.metric span{font-size:9px}.section-head h2{font-size:17px}.section-head p{font-size:10px}.grid2{gap:12px}.course{padding:17px}.course-top{gap:10px;margin-bottom:15px;flex-direction:column}.kana-tile{width:54px;height:58px;border-radius:13px;font-size:35px}.course-top h3{font-size:16px}.course-top p{font-size:10px}.course-progress{font-size:9px}.course .btn{font-size:11px;padding:9px;margin-top:14px}.coming-row{grid-template-columns:1fr;gap:8px}.coming-mini{padding:15px;gap:14px}.coming-mini strong{font-size:12px}.coming-mini span{font-size:10px}.home-note{font-size:10px}.tabs{max-width:none}.tabs button{font-size:12px;padding:9px 8px}.kana-overview{padding:18px;gap:12px}.kana-overview .kana-tile{width:65px;height:76px;font-size:43px}.kana-overview h2{font-size:17px}.kana-overview p{font-size:10px}.kana-overview .overview-progress{width:86px}.overview-progress strong{font-size:20px}.feature-grid{gap:11px}.feature{padding:18px;min-height:158px}.feature strong{font-size:12px}.feature p{font-size:10px}.learning-path{padding:15px;gap:8px;flex-wrap:wrap;font-size:10px}.group-list{gap:10px}.group-card{padding:15px 12px;gap:6px}.group-card .group-glyphs{font-size:21px;letter-spacing:2px}.group-card strong{font-size:11px}.group-card small{font-size:9px}.group-card svg{width:16px}.learn-layout{grid-template-columns:1fr}.flash-card{padding:20px;min-height:385px}.lesson-side{padding:18px}.lesson-side h3{font-size:12px;margin-bottom:10px}.lesson-side p{margin-top:12px}.study-controls .btn.primary{min-width:0;flex:1}.study-controls .btn{font-size:12px}.config-card,.center-box{padding:22px}.field-row{grid-template-columns:1fr;gap:0}.question-card{padding:22px 18px;min-height:245px}.question-card h2{font-size:15px}.answers{gap:10px}.answer{padding:13px 12px;min-height:78px;gap:7px}.answer-key{width:20px;height:23px;font-size:9px}.answer-main{font-size:22px}.answer-main.glyph{font-size:36px}.answer-main small{font-size:9px}.choice-play{width:43px;padding:9px}.feedback{padding:17px;gap:10px;flex-wrap:wrap}.feedback>.icon{display:none}.feedback .btn{margin-left:0;width:100%}.quiz-footer{font-size:10px}.result{padding:28px 18px}.table-card{padding:9px}.kana-table{border-spacing:4px}.kana-table th:first-child{width:31px}.kana-table th{font-size:9px}.kana-cell{min-height:62px;border-radius:8px}.kana-cell>span{font-size:26px}.kana-cell small{font-size:9px}.table-toolbar{gap:8px}.table-toolbar .small{font-size:9px}.rules{grid-template-columns:1fr}.rule{padding:18px}.yoon-grid{padding:12px;gap:7px}.yoon-cell{font-size:21px}.confusion-card{padding:17px}.confusion-pair{gap:10px}.confusion-glyph{width:75px;border-radius:12px}.confusion-glyph b{font-size:41px}.confusion-card p{font-size:10px;min-height:70px}.confusion-card .btn{font-size:11px}.coming-hero{padding:28px 20px}.coming-hero h2{font-size:21px}.coming-hero p{font-size:11px}.future-card{padding:18px}.future-card p{font-size:11px}.record-cards{gap:8px}.record-grid{grid-template-columns:1fr}.history-list,.progress-list{padding:18px}.review-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notice{padding:13px;align-items:flex-start;font-size:11px}.notice .btn{font-size:10px;padding:8px;min-height:35px;white-space:nowrap}.settings-section{padding:21px}.footer-credit{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}.cue-tabs{display:flex;gap:5px;margin:18px auto 0;max-width:330px;padding:4px;background:#f3e8ed;border-radius:12px}.cue-tabs button{flex:1;border:0;border-radius:9px;padding:9px 10px;background:none;color:var(--muted);font-size:12px;font-weight:700}.cue-tabs button.selected{background:var(--card);color:var(--primary);box-shadow:0 2px 5px #8d62720d}.pronunciation-cue{margin:19px auto 0;display:flex;flex-direction:column;line-height:1.35}.pronunciation-cue strong{font-size:46px;color:var(--primary)}.pronunciation-cue span{font-size:17px;color:var(--muted);margin-top:5px}.listen-orbit.compact{width:43px;height:43px;box-shadow:none;margin:12px auto 0}.listen-orbit.compact svg{width:20px;height:20px}
@media(max-width:640px){.hero-copy{max-width:100%}.hero-copy h2{font-size:21px;max-width:245px}.hero .mascot{width:150px;height:195px}.hero-copy p{max-width:185px}}
@font-face{font-family:'Manbok Kana';src:url('./assets/KleeOne-Regular.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}.brand-hamster{width:39px;height:39px;display:block;border-radius:12px}.mobile-brand .brand-hamster{width:33px;height:33px;display:inline-block;vertical-align:middle;margin-right:5px}.brand-symbol{overflow:hidden}.handwriting-font,.handwriting-glyph,.writing-underlay{font-family:'Manbok Kana','Yu Mincho',serif;font-weight:400}.writing-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.writing-journey>div{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:15px}.writing-journey>div>span{display:inline-grid;place-items:center;border-radius:50%;width:26px;height:26px;background:var(--card);color:var(--primary);font-weight:700;margin-right:8px}.writing-journey strong{font-size:13px}.writing-journey p{font-size:11px;color:var(--muted);margin-top:8px}.writing-wrap{max-width:900px;margin:auto}.writing-stages{display:flex;gap:8px;margin-bottom:24px}.writing-stages button{flex:1;border:1px solid var(--line);border-radius:12px;padding:11px 8px;background:var(--card);font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px}.writing-stages button.selected{background:var(--soft);border-color:#ce8aa5;color:var(--primary);font-weight:700}.writing-stages button>span{background:#fff9fb;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.writing-intro{margin-bottom:18px}.writing-intro h1{font-size:24px}.writing-intro p{font-size:12px;color:var(--muted);margin-top:5px}.writing-intro b{color:var(--primary)}.writing-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.writing-reference{padding:25px 16px;text-align:center;min-height:325px}.handwriting-glyph{font-size:125px;color:var(--primary);line-height:1.45;min-height:181px}.writing-hidden-glyph{font-size:100px;line-height:1.7;color:#dfc9d4;min-height:181px;font-weight:300}.writing-reference-note{margin:17px 0}.writing-reference .sound-btn{font-size:11px;padding:10px 15px}.writing-surface{padding:20px}.writing-pad-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:12px}.writing-pad-header span{font-size:10px;color:var(--muted)}.writing-pad{position:relative;aspect-ratio:1;width:100%;max-width:460px;margin:0 auto;border:1px solid #e1d3db;border-radius:14px;background-color:#fffdfa;background-image:linear-gradient(to right,transparent calc(50% - .5px),#e7dce2 calc(50% - .5px),#e7dce2 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#e7dce2 calc(50% - .5px),#e7dce2 calc(50% + .5px),transparent calc(50% + .5px));overflow:hidden;container-type:inline-size}.writing-underlay{position:absolute;inset:0;display:grid;place-items:center;font-size:80cqw;line-height:1;color:#7b7378;opacity:.24;pointer-events:none;user-select:none}.writing-pad canvas{position:relative;display:block;width:100%;height:100%;aspect-ratio:1;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.writing-pad.readonly canvas{cursor:default;touch-action:pan-y}.writing-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.writing-tools .btn{font-size:11px;padding:8px 10px;min-height:37px}.writing-tools>span{margin-left:auto;font-size:10px}.writing-actions{margin-top:20px;text-align:right}.writing-actions>p{margin-top:8px}.writing-selfcheck{padding:20px 24px;background:var(--soft);border:1px solid var(--line);border-radius:16px;text-align:left}.writing-selfcheck h3{font-size:14px}.writing-selfcheck p{font-size:12px;color:var(--muted);margin-bottom:12px}.writing-progress-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.writing-progress{padding:16px 8px;text-align:center}.writing-progress>span{font-size:40px;display:block;line-height:1.3}.writing-progress>small{font-size:9px;color:var(--muted)}.writing-progress>div{display:flex;justify-content:center;gap:6px;margin-top:9px}.writing-progress i{font-style:normal;display:grid;place-items:center;width:21px;height:21px;background:#f1e8ec;border-radius:50%;font-size:10px;color:#99868f}.writing-progress i.done{background:#dceee2;color:var(--green)}.confusion-chips{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 20px}.confusion-chips span{background:var(--soft);color:var(--primary);padding:5px 11px;border-radius:8px;font-size:17px}
@media(max-width:640px){.writing-journey{gap:7px}.writing-journey>div{padding:13px 10px}.writing-journey>div>span{margin:0 0 7px}.writing-journey strong{display:block;font-size:10px}.writing-journey p{font-size:9px}.writing-stages{gap:5px;margin-bottom:19px}.writing-stages button{font-size:9px;flex-direction:column;padding:10px 4px;gap:5px}.writing-intro h1{font-size:21px}.writing-intro p{font-size:11px}.writing-layout{grid-template-columns:1fr;gap:12px}.writing-reference{padding:16px;min-height:0;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:2px 12px;text-align:left}.writing-reference>.eyebrow{grid-column:1/-1;margin-bottom:2px}.handwriting-glyph,.writing-hidden-glyph{font-size:67px;min-height:0;grid-column:1;grid-row:2/5;line-height:1.35;text-align:center}.writing-reference .reading{font-size:22px;grid-column:2}.writing-reference .reading small{font-size:11px}.writing-reference-note{margin:3px 0;font-size:10px;grid-column:2}.writing-reference .sound-btn{grid-column:2;justify-self:start;margin-top:7px;padding:7px 10px;min-height:35px;font-size:10px}.writing-surface{padding:16px}.writing-tools{gap:6px}.writing-tools>span{width:100%;text-align:right;font-size:9px}.writing-actions>.btn{width:100%;font-size:12px}.writing-selfcheck{padding:17px}.writing-selfcheck .button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.writing-selfcheck .btn{font-size:11px;padding:10px}.writing-progress-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.writing-progress{padding:12px 5px}.writing-progress>span{font-size:33px}.writing-progress>small{font-size:8px}}