:root{color:#182d4b;font-synthesis:none;--ink:#182d4b;--muted:#52657d;--blue:#265da5;--border:#dce3ec;--paper:#fff;--gold:#efbe75;--pale:#eaf0f8;background:#f4f6f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a{touch-action:manipulation}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #cb8640}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1,h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,Noto Serif JP,serif;font-weight:400}h1{font-size:clamp(2.1rem,3.4vw,3.25rem)}h2{font-size:1.9rem}h3{font-size:1rem;font-weight:600}svg{flex-shrink:0}button svg{vertical-align:middle}select{max-width:100%;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:7px;min-height:43px;padding:10px 30px 10px 12px}input,textarea{color:var(--ink)}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:30;background:#fff;flex-direction:column;width:238px;padding:35px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--ink);letter-spacing:.05em;align-items:center;gap:12px;font-size:1.45rem;font-weight:650;display:flex;text-decoration:none!important}.brand img{width:43px;height:43px}.brand span{letter-spacing:.24em;margin-top:2px;font-size:.67rem;font-weight:500;display:block}.sidebar-caption{letter-spacing:.11em;color:#738299;max-width:175px;margin:24px 5px 35px;font-size:.625rem;line-height:1.8}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-link{color:#64718a;border-radius:7px;align-items:center;gap:11px;min-height:47px;padding:11px;font-size:.875rem;transition:background .15s;display:flex;text-decoration:none!important}.nav-link.selected{color:#24599d;background:#eaf0f8;font-weight:600}.nav-link:hover{background:#f0f3f7}.nav-count{background:#d9e5f5;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:.7rem}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-sketch{background:#f4f7fa;border-radius:9px;margin-bottom:22px;padding:8px 16px 19px}.sidebar-sketch .glyph{color:#7187a6;width:100%}.sidebar-sketch p{color:#596e8a;font-family:Georgia,serif;font-size:1.04rem;line-height:1.5}.local-note{align-items:center;gap:9px;font-size:.75rem;display:flex}.local-note svg{color:#698f81}.local-note span{color:var(--muted);margin-top:3px;font-size:.67rem;display:block}.tiny-link{color:#7c899b;margin:20px 0 0;font-size:.67rem;display:block}.mobile-header{display:none}main{outline:0;min-height:100vh;margin-left:238px}.topbar{border-bottom:1px solid var(--border);color:#52657d;letter-spacing:.13em;background:#fafbfd;justify-content:space-between;align-items:center;height:65px;padding:0 44px;font-size:.68rem;display:flex}.topbar>span:last-child{letter-spacing:0;color:#60718a;align-items:center;gap:7px;font-size:.8rem;display:flex}.topbar svg{color:#ae763f}.page{max-width:1440px;margin:auto;padding:38px 44px 25px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:.15em;color:#52657d;margin-bottom:12px;font-size:.64rem;font-weight:600}.subtitle{color:var(--muted);margin-top:13px;font-size:.96rem}.date-label{color:var(--muted);white-space:nowrap;margin-bottom:3px;font-size:.8rem}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:27px;display:grid}.dashboard-stats>div{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:17px;padding:19px 22px;display:flex}.stat-icon{border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.stat-icon.blue{color:#4a76ac;background:#eef3fb}.stat-icon.gold{color:#b4854e;background:#fbf3e8}.stat-icon.green{color:#5b8c77;background:#edf5f1}.dashboard-stats strong{font-size:1.55rem;font-weight:550;line-height:1.1;display:block}.dashboard-stats strong small{color:#52657d;font-size:.9rem;font-weight:400}.dashboard-stats div>span:not(.stat-icon){color:var(--muted);font-size:.76rem}.daily-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:18px;padding:24px 26px 18px;display:flex}.card-heading h2{font-size:1.72rem}.card-heading .eyebrow{margin-bottom:8px}.badge{color:#4c6c92;white-space:nowrap;background:#edf2f9;border:1px solid #e2e9f3;border-radius:5px;align-items:center;padding:4px 9px;font-size:.67rem;display:inline-flex}.badge.good,.badge.easy{color:#38745e;background:#edf7f1;border-color:#d6ebdf}.badge.again{color:#ae5547;background:#fbefeb;border-color:#f2d8d0}.badge.hard{color:#a27134;background:#f9f2e7;border-color:#f1e5ce}.lesson-intro{align-items:center;gap:24px;padding:0 26px 23px;display:flex}.phoneme{min-width:65px;font-family:Georgia,serif;font-size:2.8rem;line-height:1.1}.phoneme>span{color:var(--muted);margin-top:7px;font:400 .86rem/1.5 Inter,-apple-system,sans-serif;display:block}.lesson-intro p{margin-bottom:9px;font-size:.875rem;line-height:1.65}.source-link{color:#52657d;align-items:center;gap:4px;font-size:.73rem;display:inline-flex}.segmented{background:#f0f3f7;border:1px solid #e7ecf2;border-radius:7px;gap:3px;width:-moz-fit-content;width:fit-content;margin:0 26px 16px;padding:3px;display:flex}.segmented button{color:#52657d;background:0 0;border-radius:5px;align-items:center;gap:6px;min-height:34px;padding:7px 15px;font-size:.77rem;display:flex}.segmented button.active{color:#225496;background:#fff;box-shadow:0 1px 3px #172c4d12}.pen-workspace{width:100%}.canvas-toolbar{background:#fcfdff;border-top:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:10px;padding:11px 22px;display:flex}.canvas-status{color:#52657d;align-items:center;gap:8px;font-size:.72rem;display:flex}.status-dot{background:#3776bd;border-radius:50%;width:5px;height:5px}.status-dot.muted{background:#8795a7}.toolbar-actions{align-items:center;gap:5px;display:flex}.canvas-wrap{background:#fafcff;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;position:relative;overflow:hidden}.pen-canvas{-webkit-user-select:none;user-select:none;width:100%;min-height:220px;max-height:370px;display:block}.pen-canvas.draw{touch-action:none;cursor:crosshair}.pen-canvas.watch{touch-action:pan-y}.baseline-label{fill:#8390a3;font:10px -apple-system,sans-serif}.stroke-number{fill:#35659e;font:600 12px -apple-system,sans-serif}.unit-ruler text{fill:#748498;font:10px -apple-system,sans-serif}.pen-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;display:flex}.control-group{align-items:center;gap:7px;display:flex}.small-btn,.icon-btn,.text-btn{color:#526985;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:7px 10px;font-size:.75rem;display:inline-flex}.small-btn{background:#fff;border:1px solid #dce4ee}.small-btn:hover,.icon-btn:hover{background:#edf2f9}.small-btn.active{color:#285c9c;background:#e8eff9}.icon-btn{min-width:35px;padding:7px}.text-btn{color:var(--blue);padding-left:0;padding-right:0}.text-btn:hover{text-decoration:underline}.speed-label select{color:#52657d;background:#f6f8fa;border:0;min-height:34px;padding:5px 4px;font-size:.73rem}.primary,.secondary,.gold-btn,.danger-btn{white-space:normal;text-align:center;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 18px;font-size:.83rem;font-weight:550;display:inline-flex}.primary{color:#fff;background:#295d9e;border:1px solid #295d9e}.primary:hover{background:#204d87}.primary.small{min-height:35px;padding:8px 12px;font-size:.75rem}.secondary{color:#506887;background:#fff;border:1px solid #d9e2ed}.secondary:hover{background:#f2f5fa}.gold-btn{color:#29374d;background:#efbe75;justify-content:space-between;width:100%}.gold-btn:hover{background:#f3c88a}.canvas-hint{color:#52657d;padding:0 24px 18px;font-size:.68rem;line-height:1.6}.join-legend{color:#6a7990;flex-wrap:wrap;gap:10px;padding:0 24px 16px;font-size:.7rem;display:flex}.join-legend>span{align-items:center;gap:4px;display:flex}.join-legend i{border-radius:50%;width:7px;height:7px}.trace-result{color:#3f6e57;background:#f2f8f4;border:1px solid #dce9e1;border-radius:8px;align-items:center;gap:17px;margin:0 20px 15px;padding:15px;display:flex}.trace-result.retry{color:#966c36;background:#fcf7ef;border-color:#eee1cc}.trace-result>strong{font-size:2rem;line-height:1}.trace-result strong small{text-align:center;margin-top:5px;font-size:.75rem;font-weight:400;display:block}.trace-result b{font-size:.83rem}.trace-result p{margin:5px 0;font-size:.77rem}.trace-result span{color:#6f7d87;font-size:.62rem}.lesson-bottom{border-top:1px solid var(--border);justify-content:space-between;gap:10px;padding:16px 25px;display:flex}.review-promo{color:#fff;background:#1d3454;border:1px solid #1d3454;border-radius:12px;padding:26px 25px;position:relative;overflow:hidden}.review-promo:after{content:"";pointer-events:none;border:1px solid #ffffff0c;border-radius:50%;width:160px;height:160px;position:absolute;top:70px;right:-100px}.review-promo-top{color:#dab078;letter-spacing:.13em;align-items:center;gap:11px;margin-bottom:26px;font-size:.59rem;display:flex}.review-promo h2{letter-spacing:-.025em;font-size:2rem;line-height:1.16}.review-promo p{color:#afc0d5;margin:17px 0 24px;font-size:.84rem;line-height:1.7}.review-total{align-items:center;gap:14px;margin-bottom:25px;display:flex}.review-total strong{font-size:2.4rem;font-weight:400;line-height:1}.review-total span{color:#afc0d5;max-width:120px;font-size:.7rem;line-height:1.6}.review-promo>small{text-align:center;color:#aebcd0;margin-top:12px;font-size:.62rem;display:block}.open-library{padding:23px 8px}.open-library>svg{color:#7188a4;margin-bottom:11px}.open-library h3{font-family:Georgia,serif;font-size:1.2rem;font-weight:400}.open-library p{color:var(--muted);margin:10px 0;font-size:.8rem;line-height:1.7}.open-library a{align-items:center;gap:8px;font-size:.78rem;display:flex}.learning-path{margin-top:33px}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-title h2{font-size:1.5rem}.section-title>span{color:var(--muted);font-size:.76rem}.path-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.chapter-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:9px;padding:19px 21px;transition:transform .15s,border-color .15s}.chapter-card:hover{border-color:#9eb4d2;transform:translateY(-2px)}.chapter-number{color:#52657d;margin-bottom:12px;font-family:Georgia,serif;font-size:1.32rem;display:block}.chapter-card h3{font-size:.88rem}.chapter-card p{color:var(--muted);margin-top:7px;font-size:.74rem}.chapter-progress{color:#52657d;justify-content:space-between;align-items:center;margin-top:19px;margin-bottom:9px;font-size:.65rem;display:flex}.progress-line{background:#edf1f6;border-radius:3px;height:3px;overflow:hidden}.progress-line i{background:#5082bc;border-radius:3px;height:100%;display:block}.page-footer{color:#52657d;justify-content:space-between;max-width:1440px;margin:auto;padding:25px 44px 30px;font-size:.66rem;display:flex}.glyph{color:var(--ink);max-width:100%;display:block;overflow:visible}.library-layout{grid-template-columns:minmax(330px,1fr) minmax(350px,1.03fr);align-items:start;gap:26px;display:grid}.library-list{min-width:0}.search-field{border:1px solid var(--border);color:#8a9ab0;background:#fff;border-radius:7px;align-items:center;gap:10px;min-height:45px;padding:10px 13px;display:flex}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:.83rem}.filter-chips{flex-wrap:wrap;gap:6px;margin:17px 0;display:flex}.filter-chips button{color:#667a96;background:0 0;border:1px solid #dae2ed;border-radius:6px;min-height:33px;padding:7px 11px;font-size:.7rem}.filter-chips button.active{color:#fff;background:#244f87;border-color:#244f87}.result-count{color:#7d8b9e;justify-content:space-between;margin:17px 0 12px;font-size:.69rem;display:flex}.concept-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.concept-tile{border:1px solid var(--border);text-align:left;min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:11px 12px 15px;transition:border .1s}.concept-tile:hover,.concept-tile.selected{background:#f9fbff;border-color:#6994c6}.concept-tile.selected{box-shadow:inset 0 0 0 1px #6994c6}.tile-top{color:#8291a6;justify-content:space-between;align-items:center;min-height:14px;font-size:.57rem;display:flex}.tile-top svg{color:#5f927f}.concept-tile .glyph{width:100%;height:85px}.concept-tile strong{font-size:.82rem;font-weight:550;line-height:1.4;display:block}.tile-ipa{color:#8491a3;margin-top:5px;font-size:.63rem;display:block}.rule-tile{color:#93a5bd;justify-content:center;align-items:center;height:85px;display:flex}.library-detail{min-width:0;position:sticky;top:20px}.library-welcome{text-align:center;min-height:420px;padding:30px}.library-welcome>.glyph{margin:auto}.library-welcome h2{margin:10px 0 15px;font-size:1.75rem}.library-welcome>p{color:var(--muted);font-size:.87rem;line-height:1.8}.source-note{color:#52657d;background:#f1f5fb;border:1px solid #e1e8f3;border-radius:8px;margin:23px 0;padding:22px}.source-note>svg{margin-bottom:13px}.source-note h3{margin-bottom:12px;font-family:Georgia,serif;font-size:1.2rem;font-weight:400}.source-note p{font-size:.82rem;line-height:1.8}.source-note.compact{text-align:left;align-items:flex-start;gap:10px;padding:14px;display:flex}.source-note.compact>svg{flex-shrink:0;margin-top:3px}.source-note.compact p{font-size:.74rem}.detail-heading{justify-content:space-between;align-items:center;gap:12px;padding:25px 25px 13px;display:flex}.detail-state{color:#52657d;font-size:.66rem}.detail-title{flex-wrap:wrap;align-items:baseline;gap:15px;padding:0 25px;display:flex}.detail-title h2{font-size:2.25rem}.detail-title>span{color:#52657d;font-size:.95rem}.detail-description{padding:14px 25px 8px;font-size:.89rem;line-height:1.8}.concept-detail>.source-link{margin:0 25px 23px}.detail-tabs{margin-top:3px;margin-left:25px}.concept-detail>.source-note{margin:10px 25px 24px}.detail-actions{flex-wrap:wrap;gap:10px;margin:21px 25px 12px;display:flex}.quiet-note{color:#52657d;font-size:.73rem;line-height:1.7}.concept-detail>.quiet-note{padding:0 25px 23px}.word-example{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:14px;margin:0 25px;padding:10px 0;display:flex}.word-example .eyebrow{white-space:nowrap;font-size:.58rem}.word-example strong{font-family:Georgia,serif;font-size:1.3rem;font-weight:400;display:block}.word-example>.glyph{flex:1;min-width:0;max-height:90px}.word-example>button{margin-left:auto}.back-to-library{display:none}.empty-state{text-align:center;color:#52657d;padding:45px 20px}.empty-state>svg{margin-bottom:15px}.empty-state h2,.empty-state h3{color:var(--ink);margin-bottom:12px}.empty-state p{max-width:470px;margin:12px auto 24px;font-size:.88rem}.narrow{max-width:900px}.studio-tabs{border-bottom:1px solid #d7e0eb;gap:23px;margin-bottom:25px;display:flex}.studio-tabs button{color:#52657d;background:0 0;align-items:center;gap:9px;min-height:46px;padding:5px 9px 16px;font-size:.82rem;display:flex;position:relative}.studio-tabs button.active{color:#265995}.studio-tabs button.active:after{content:"";background:#265995;height:2px;position:absolute;bottom:-1px;left:0;right:0}.studio-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:30px;display:grid}.studio-controls{align-items:flex-end;gap:16px;padding:22px 24px;display:flex}.studio-controls>label{flex:1;min-width:0}.studio-controls label,.compose-controls label{color:#52657d;flex-direction:column;gap:7px;font-size:.71rem;display:flex}.studio-controls select{width:100%;font-size:.81rem}.studio-main .pen-canvas{min-height:280px;max-height:440px}.studio-main .canvas-hint{font-size:.75rem}.studio-notes{min-width:0;padding:8px 0}.studio-notes>h2{margin:15px 0;font-size:2.1rem}.studio-notes>p:not(.eyebrow){color:var(--muted);font-size:.87rem;line-height:1.9}.token-explanation{margin-top:28px}.token-explanation button{border-bottom:1px solid var(--border);color:#546d8e;text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:11px 3px;display:flex}.token-explanation button span{color:#52657d;font-size:.65rem}.token-explanation strong{font-size:.87rem;font-weight:500}.token-explanation small{color:#8494a9;margin-left:auto;font-size:.75rem}.canvas-empty{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty>span{color:#9caec4;font-family:Georgia,serif;font-size:2rem}.canvas-empty p{color:#95a4b8;text-align:center;margin-top:12px;font-size:.75rem;line-height:1.8}.recognize-action{flex-wrap:wrap;gap:12px;padding:2px 24px 25px;display:flex}.candidate-list{flex-direction:column;gap:8px;margin:20px 0;display:flex}.candidate-list button{border:1px solid var(--border);width:100%;min-width:0;color:var(--ink);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:7px 10px 7px 0;display:flex}.candidate-list button.best{background:#f1f6fc;border-color:#8cabcf}.candidate-list .glyph{width:70px;height:60px}.candidate-list strong{font-size:.92rem;font-weight:550;display:block}.candidate-list span{color:#7b8fa8;font-size:.68rem}.candidate-list b{text-align:center;margin-left:auto;font-size:.9rem;font-weight:500}.candidate-list b small{color:#8192a8;font-size:.55rem;font-weight:400;display:block}.compose-controls{flex-wrap:wrap;align-items:flex-end;gap:18px;padding:23px 25px;display:flex}.compose-controls label{flex:1}.compose-controls select{font-size:.8rem}.compose-input{color:#8291a4;padding:0 25px;font-size:.76rem;display:block}.compose-input textarea{resize:vertical;background:#fafcfe;border:1px solid #d8e1ee;border-radius:8px;width:100%;min-height:95px;margin-top:9px;padding:15px;font-size:1.06rem;line-height:1.6;display:block}.example-chips{color:#8b98a8;flex-wrap:wrap;align-items:center;gap:7px;margin:13px 25px 20px;font-size:.72rem;display:flex}.example-chips button{color:#5d789a;background:#f0f4f9;border-radius:4px;padding:5px 10px;font-size:.72rem}.composition-sheet{background:#fcfdff;border-top:1px solid #e2e8f1;flex-wrap:wrap;align-items:flex-start;gap:7px;min-height:220px;padding:24px;display:flex}.composed-word{color:#72849e;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;max-width:100%;min-height:160px;padding:0 8px 13px;display:flex}.composed-word.selected{background:#eef3fa;border-color:#dce7f4}.composed-word>span{font-size:.75rem}.composed-word small{color:#537da7;margin-top:5px;font-size:.55rem;display:block}.composed-word.unknown{border:1px dashed #d2b18a}.unknown-mark{color:#b99061;place-items:center;height:150px;display:grid;font-size:3rem!important}.parse-errors{background:#fcf3e8;border:1px solid #eddbc0;border-radius:7px;margin:0 25px 20px;padding:10px 13px}.parse-errors p{color:#9a713d;align-items:flex-start;gap:8px;margin:4px 0;font-size:.76rem;line-height:1.8;display:flex}.parse-errors svg{margin-top:3px}.composed-detail{margin-top:24px}.sound-sequence{flex-wrap:wrap;gap:8px;padding:0 25px 25px;display:flex}.sound-sequence button{color:#294f83;background:#fff;border:1px solid #dce4ef;border-radius:6px;min-width:54px;padding:7px 15px;font-size:.95rem}.sound-sequence span{color:#8193aa;margin-top:3px;font-size:.6rem;display:block}.dictionary-details{color:#6c829f;border:1px solid var(--border);background:#fff;border-radius:8px;margin-top:25px;padding:17px 20px;font-size:.8rem}.dictionary-details summary{cursor:pointer}.dictionary-details p{overflow-wrap:anywhere;margin-top:15px;line-height:2}.review-page{max-width:900px;padding-top:28px}.review-header{color:#8090a5;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.8rem;display:flex}.review-progress{background:#e1e8f1;border-radius:3px;height:4px;margin-bottom:22px;overflow:hidden}.review-progress i{background:#5883b7;height:100%;display:block}.review-card{text-align:center;min-height:510px;padding:30px 35px}.review-card-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.review-card-top>span:last-child{color:#8998aa;font-size:.7rem}.review-card>.eyebrow{margin-bottom:16px}.review-card h1{max-width:600px;margin:auto;font-size:2.1rem;line-height:1.35}.review-glyph{width:100%;max-height:230px;margin:15px auto}.recall-space{color:#9eacc0;padding:42px 0 20px}.recall-space p{margin:15px 0 5px;font-size:.85rem}.recall-space svg{color:#a5b5ca}.reveal-area{flex-direction:column;align-items:center;gap:10px;margin:22px 0;display:flex}.reveal-area>span{color:#a2aec0;font-size:.65rem}.review-answer{border-top:1px solid #e2e8f1;margin-top:22px;padding-top:25px}.review-answer h2{font-size:1.6rem}.review-answer h2 span{color:#8093ad;font-family:Inter,-apple-system,sans-serif;font-size:1rem}.review-answer>.glyph{margin:10px auto}.review-answer>p{color:#5d7593;margin:14px 0;font-size:.93rem;line-height:1.9}.rating-label{color:#8394aa;margin:25px 0 13px;font-size:.75rem}.rating-buttons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.rating{color:#547498;background:#f6f9fc;border:1px solid #dce5f0;border-radius:8px;padding:15px 10px;position:relative}.rating strong{font-size:.86rem;display:block}.rating span{margin-top:5px;font-size:.68rem;display:block}.rating.again{color:#ae6551;background:#fff5f1;border-color:#efdace}.rating.hard{color:#9d834b;background:#fbf8ee;border-color:#eee6cd}.rating.good{color:#3d73ae;background:#eaf2fc;border-color:#cbddf3}.rating.easy{color:#528770;background:#edf7f2;border-color:#d8eade}.rating kbd{opacity:.5;font-size:.52rem;position:absolute;top:3px;right:5px}.rating:hover{filter:brightness(.97)}.review-answer>p.quiet-note{color:#8897aa;font-size:.69rem}.review-footer{text-align:center;color:#8393a9;margin-top:22px;font-size:.72rem}.session-complete{text-align:center;padding:50px 40px}.session-complete h2{margin:20px 0;font-size:2rem}.session-complete p{color:#7588a1;max-width:490px;margin:auto;line-height:1.9}.complete-mark{color:#59866f;background:#e7f2ec;border-radius:50%;place-items:center;width:65px;height:65px;margin:auto;display:grid}.session-complete .detail-actions{justify-content:center;margin:25px 0}.activity-card{margin-bottom:25px;padding:26px}.activity-grid{grid-template-columns:repeat(14,1fr);gap:8px;display:grid}.activity-day{text-align:center;background:#f6f8fb;border:1px solid #e8edf4;border-radius:5px;padding:10px 2px}.activity-day strong{color:#bcc7d5;font-size:.84rem;font-weight:400;display:block}.activity-day span{color:#52657d;white-space:nowrap;margin-top:7px;font-size:.48rem;display:block}.activity-day.level-1{background:#e1ecf9;border-color:#d3e2f3}.activity-day.level-2{background:#a8c4e7;border-color:#95b8de}.activity-day.level-3{background:#4b7db8;border-color:#4775aa}.activity-day:not(.level-0) strong{color:#2e5a92}.activity-day.level-3 span,.activity-day.level-3 strong{color:#fff}.activity-legend{color:#52657d;justify-content:space-between;margin-top:18px;font-size:.64rem;display:flex}.activity-legend>span:last-child{align-items:center;gap:6px;display:flex}.activity-legend i{background:#f3f6fa;border:1px solid #dce5ef;border-radius:2px;width:10px;height:10px}.activity-legend i.filled{background:#5e8ec4;border-color:#5e8ec4;margin-left:10px}.progress-layout{grid-template-columns:1fr 1.1fr;align-items:start;gap:24px;display:grid}.category-progress,.data-card{padding:25px}.category-progress h2,.data-card h2,.recent-reviews h2{margin-bottom:23px;font-size:1.6rem}.category-row{margin:17px 0}.category-row>div:first-child{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:.78rem;display:flex}.category-row strong{font-weight:500}.category-row span{color:#52657d;font-size:.67rem}.data-card>p{color:#52657d;font-size:.85rem;line-height:1.9}.setting-row{color:#52657d;border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin:20px 0;padding-top:20px;font-size:.8rem;display:flex}.setting-row select{min-width:70px;font-size:.85rem}.data-buttons{flex-wrap:wrap;gap:9px;display:flex}.reset-data{border-top:1px solid var(--border);margin-top:25px;padding-top:18px}.danger{color:#ac6257}.danger-btn{color:#fff;background:#a84e46;border:1px solid #a84e46}.confirmation{background:#fff9f0;border:1px solid #e4cda9;border-radius:7px;margin:18px 0 0;padding:16px}.confirmation h3{margin-bottom:10px;font-size:.88rem}.confirmation p{color:#847359;margin-bottom:15px;font-size:.78rem;line-height:1.8}.confirmation .text-btn{margin-left:12px}.error-text{color:#ad4e46;margin-top:15px;font-size:.8rem;line-height:1.7}.recent-reviews{margin-top:25px;padding:25px}.recent-reviews>p{color:#52657d;margin-bottom:10px;font-size:.86rem}.review-history a{border-top:1px solid var(--border);align-items:center;gap:20px;padding:12px 3px;display:flex}.review-history a>div{flex:1}.review-history strong{color:var(--ink);font-size:.84rem;display:block}.review-history span:not(.badge){color:#8c9bb1;font-size:.67rem}.review-history time{color:#8696aa;font-size:.68rem}.source-intro{align-items:center;gap:20px;margin-bottom:25px;padding:33px;display:flex}.source-intro>div{flex:1}.source-intro h2{margin-bottom:17px}.source-intro p{color:#52657d;margin-bottom:15px;font-size:.89rem;line-height:1.9}.source-intro>.glyph{color:#4e76a6;width:30%}.guide-grid{grid-template-columns:1fr 1fr;gap:23px;margin-bottom:35px;display:grid}.guide-grid .card{padding:27px}.guide-grid h2{margin-bottom:16px;font-size:1.6rem}.guide-grid p,.guide-grid li{color:#52657d;font-size:.86rem;line-height:1.9}.guide-grid p+p{margin-top:13px}.guide-grid ol{padding-left:20px}.guide-grid li{margin-bottom:9px;padding-left:6px}.guide-grid strong{color:#3c5d87;font-weight:600}.source-shelf{flex-direction:column;gap:12px;display:flex}.source-card{align-items:flex-start;gap:25px;padding:25px;display:flex}.source-number{color:#52657d;min-width:25px;font-family:Georgia,serif;font-size:1.4rem}.source-card .eyebrow{margin-bottom:8px;font-size:.58rem}.source-card h3{color:#31557f;justify-content:space-between;gap:10px;font-family:Georgia,serif;font-size:1.25rem;font-weight:400;display:flex}.source-card>div{flex:1}.source-card h3 svg{color:#8b9fb9;margin-top:4px}.source-card div>p:last-child{color:#52657d;margin-top:12px;font-size:.8rem;line-height:1.8}.source-card:hover{background:#fcfdff;border-color:#adc0da;text-decoration:none}.storage-warning{color:#977037;background:#fff5e5;border-bottom:1px solid #ecd7b7;gap:12px;padding:14px 44px;font-size:.83rem;display:flex}.storage-warning svg{margin-top:2px}.storage-warning a{margin-left:6px;text-decoration:underline}.toast{color:#fff;z-index:80;background:#203956;border:1px solid #365374;border-radius:9px;align-items:center;gap:10px;max-width:calc(100% - 30px);padding:13px 20px;font-size:.83rem;display:flex;position:fixed;bottom:28px;left:calc(50% + 110px);transform:translate(-50%);box-shadow:0 10px 35px #182d4b30}.toast svg{color:#b2d3c3}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:260px}.skip-link:focus{top:10px}.nav-scrim{display:none}@media (min-width:1600px){.page{padding-top:45px}.daily-layout{grid-template-columns:minmax(0,1fr) 320px}.review-promo{padding:32px}.sidebar{width:255px;padding-left:28px;padding-right:28px}main{margin-left:255px}}@media (max-width:1200px){.sidebar{width:212px;padding:29px 15px}.brand{font-size:1.2rem}.brand img{width:39px;height:39px}main{margin-left:212px}.page{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.daily-layout{grid-template-columns:minmax(0,1fr) 245px;gap:19px}.review-promo{padding:24px 21px}.review-promo h2{font-size:1.8rem}.card-heading,.lesson-intro{padding-left:21px;padding-right:21px}.dashboard-stats>div{gap:13px;padding:16px}.dashboard-stats{gap:12px}.library-layout{grid-template-columns:1fr 1.1fr;gap:19px}.concept-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.activity-grid{grid-template-columns:repeat(7,1fr)}.page-footer{padding-left:28px;padding-right:28px}.card-heading h2{font-size:1.55rem}.daily-layout .pen-controls{padding:12px}.daily-layout .control-group{gap:4px}.daily-layout .small-btn{padding:6px}.daily-layout .primary.small{padding:7px}.daily-layout .canvas-hint{padding:0 17px 16px}.library-detail .pen-controls{justify-content:center}}@media (max-width:1000px){.sidebar{width:190px;padding:26px 13px}.nav-link{gap:8px;padding-left:8px;font-size:.8rem}.sidebar-caption{font-size:.56rem}main{margin-left:190px}.daily-layout{grid-template-columns:minmax(0,1fr)}.daily-aside{grid-template-columns:1fr 1fr;gap:20px;display:grid}.review-promo h2 br{display:none}.review-promo h2{font-size:1.6rem}.review-promo-top{margin-bottom:15px}.review-promo p{margin:10px 0 20px}.review-total{margin-bottom:15px}.open-library{padding:30px 20px}.path-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stats>div{padding:16px 13px}.dashboard-stats .stat-icon,.page-heading .date-label{display:none}.library-layout{grid-template-columns:1fr}.concept-grid{grid-template-columns:repeat(4,1fr)}.library-detail{position:static}.library-detail .library-welcome,.has-selection .library-list{display:none}.back-to-library{margin-bottom:15px;display:inline-flex}.library-layout .pen-controls{justify-content:space-between}.studio-layout{grid-template-columns:1fr}.studio-notes{grid-template-columns:1fr 1fr;gap:8px 25px;display:grid}.studio-notes>.badge{width:-moz-fit-content;width:fit-content}.studio-notes>h2,.studio-notes>.eyebrow,.studio-notes>p,.studio-notes>.source-link{grid-column:1}.studio-notes>.token-explanation{grid-area:1/2/6;margin-top:0}.studio-notes>.candidate-list{grid-area:1/2/7;margin-top:0}.studio-notes>.source-note{grid-column:1/-1}.progress-layout{grid-template-columns:1fr}.source-intro>.glyph{display:none}.source-card{gap:17px}.guide-grid{grid-template-columns:1fr}.topbar{font-size:.59rem}.topbar>span:last-child{font-size:.72rem}.toast{left:calc(50% + 90px)}}@media (max-width:760px){.mobile-header{border-bottom:1px solid var(--border);z-index:40;background:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:12px 19px;display:flex;position:sticky;top:0}.mobile-header .brand{gap:9px;font-size:1.1rem}.mobile-header .brand img{width:31px;height:31px}.mobile-header .brand>span{letter-spacing:.2em;margin:4px 0 0;font-size:.52rem}.sidebar{z-index:39;width:250px;padding:24px 20px;transition:transform .2s;top:64px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar>.brand,.sidebar-caption{display:none}.sidebar nav{gap:9px}.nav-link{min-height:49px;padding:12px;font-size:.9rem}.nav-scrim{z-index:38;background:#15274165;display:block;position:fixed;inset:64px 0 0}main{margin-left:0}.topbar{height:45px;padding:0 22px}.page{padding:27px 22px 15px}.page-heading{margin-bottom:23px}.eyebrow{font-size:.6rem}h1{font-size:2.35rem}.subtitle{font-size:.86rem;line-height:1.7}.dashboard-stats{gap:8px;margin-bottom:22px}.dashboard-stats>div{padding:14px 10px}.dashboard-stats strong{margin-bottom:5px;font-size:1.6rem}.dashboard-stats div>span:not(.stat-icon){font-size:.64rem;line-height:1.5;display:block}.card-heading{gap:10px;padding:21px 20px 16px}.card-heading h2{font-size:1.55rem}.card-heading .badge{font-size:.57rem}.lesson-intro{gap:20px;padding:0 20px 20px}.lesson-intro p{font-size:.83rem;line-height:1.8}.phoneme{min-width:40px;font-size:2.5rem}.source-link{font-size:.68rem}.segmented{margin-left:20px}.canvas-toolbar{padding:10px 16px}.canvas-status{font-size:.67rem}.pen-canvas{min-height:230px}.pen-controls{padding:12px 14px!important}.daily-layout .small-btn{padding:6px 8px}.control-group{gap:5px}.primary.small{padding:8px 10px;font-size:.68rem}.small-btn{font-size:.7rem}.canvas-hint{padding-left:17px;font-size:.64rem}.lesson-bottom{padding:13px 18px}.lesson-bottom .text-btn{font-size:.71rem}.daily-aside{grid-template-columns:1fr 1fr;gap:12px}.review-promo{padding:22px 19px}.review-promo-top{letter-spacing:.05em;gap:7px;font-size:.48rem}.review-promo h2{font-size:1.65rem}.review-promo p{font-size:.75rem}.review-total{gap:9px}.review-total strong{font-size:2rem}.review-total span{font-size:.6rem}.review-promo .gold-btn{gap:6px;padding:10px;font-size:.71rem}.review-promo .gold-btn svg{width:15px}.review-promo>small{font-size:.55rem}.open-library{padding:23px 12px}.open-library h3{font-size:1.12rem}.open-library p{font-size:.73rem}.open-library a{font-size:.72rem;line-height:1.7}.section-title{flex-direction:column;align-items:flex-start;gap:6px}.section-title h2{font-size:1.45rem}.section-title>span{font-size:.68rem}.learning-path{margin-top:28px}.path-grid{gap:11px}.chapter-card{padding:18px 16px}.chapter-card h3{font-size:.82rem;line-height:1.5}.chapter-card p{font-size:.68rem;line-height:1.7}.chapter-progress{gap:4px;font-size:.6rem}.page-footer{gap:15px;padding:22px;font-size:.57rem}.page-footer>span:last-child{text-align:right;max-width:145px}.concept-grid{grid-template-columns:repeat(3,1fr)}.concept-tile{padding:10px}.concept-tile .glyph{height:76px}.tile-top{font-size:.52rem}.concept-tile strong{font-size:.77rem}.concept-tile .tile-ipa{font-size:.58rem}.filter-chips button{min-height:35px;padding:8px 11px;font-size:.67rem}.concept-detail .detail-title h2{font-size:2rem}.detail-description{font-size:.87rem}.studio-tabs{justify-content:space-between;gap:8px}.studio-tabs button{gap:5px;padding:5px 4px 14px;font-size:.69rem}.studio-tabs svg{width:16px}.studio-controls{gap:10px;padding:18px}.studio-main .pen-canvas{min-height:290px}.studio-notes{display:block}.studio-notes>h2{font-size:1.8rem}.studio-notes .candidate-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.candidate-list .glyph{width:65px}.candidate-list button{gap:5px;padding-right:7px}.candidate-list strong{font-size:.8rem}.candidate-list span{font-size:.56rem}.candidate-list b{font-size:.74rem}.candidate-list b small{font-size:.45rem}.compose-controls{gap:11px;padding:20px}.compose-controls label{min-width:130px}.compose-controls select{font-size:.75rem}.compose-controls .secondary{min-height:39px;padding:9px 12px;font-size:.71rem}.compose-input{padding:0 20px;font-size:.73rem}.example-chips{margin-left:20px;margin-right:20px}.composition-sheet{padding:16px}.composed-word .glyph{max-height:120px}.composed-word{min-height:135px}.studio-controls>.quiet-note{display:none}.review-card{min-height:480px;padding:24px 20px}.review-card h1{font-size:1.75rem;line-height:1.4}.review-card-top{margin-bottom:30px}.rating-buttons{gap:7px}.rating{padding:14px 5px}.rating strong{font-size:.79rem}.rating span{font-size:.63rem}.review-answer>p{font-size:.87rem}.review-footer{font-size:.67rem;line-height:1.8}.session-complete{padding:35px 22px}.session-complete h2{font-size:1.75rem}.session-complete p{font-size:.87rem}.activity-card{padding:20px}.activity-grid{gap:6px}.activity-day span{font-size:.43rem}.activity-legend{font-size:.58rem}.category-progress,.data-card{padding:23px}.source-intro{padding:25px}.source-intro h2{font-size:1.75rem}.source-intro p{font-size:.84rem}.guide-grid .card{padding:24px}.source-card{gap:15px;padding:20px 17px}.source-number{min-width:18px;font-size:1.15rem}.source-card h3{font-size:1.13rem;line-height:1.5}.source-card .eyebrow{font-size:.51rem;line-height:1.8}.source-card div>p:last-child{font-size:.74rem}.storage-warning{padding:15px 20px;font-size:.75rem}.toast{font-size:.76rem;bottom:18px;left:50%}.skip-link{left:20px}.trace-result{gap:14px;margin-left:15px;margin-right:15px;padding:13px}.trace-result>strong{font-size:1.7rem}.trace-result p{font-size:.72rem}.trace-result b{font-size:.78rem}.detail-actions{margin-left:20px;margin-right:20px}.detail-actions .secondary{padding:9px 12px;font-size:.74rem}.library-detail .pen-controls{justify-content:space-between}.dictionary-details{font-size:.75rem}.library-layout{gap:0}}@media (max-width:410px){.page{padding-left:16px;padding-right:16px}.topbar{padding:0 17px}.topbar>span:first-child{font-size:.54rem}.topbar>span:last-child{font-size:.64rem}h1{font-size:2.14rem}.dashboard-stats strong{font-size:1.5rem}.daily-aside{grid-template-columns:1fr}.review-promo h2 br{display:none}.review-promo h2{font-size:1.8rem}.review-promo-top{font-size:.57rem}.review-promo p{font-size:.84rem}.review-total span{max-width:none;font-size:.74rem}.review-promo .gold-btn{padding:12px;font-size:.8rem}.open-library{padding:20px 10px}.daily-layout .pen-controls{gap:8px}.daily-layout .control-group{gap:3px}.daily-layout .small-btn{padding:6px}.daily-layout .primary.small{padding:7px;font-size:.62rem}.daily-layout .icon-btn{min-width:30px;padding:5px}.concept-grid{grid-template-columns:repeat(2,1fr)}.studio-tabs button{gap:4px;font-size:.61rem}.studio-tabs button svg{width:14px}.canvas-status{font-size:.63rem}.studio-main .pen-canvas{min-height:285px}.studio-notes .candidate-list{grid-template-columns:1fr}.candidate-list .glyph{width:100px}.candidate-list strong{font-size:.9rem}.candidate-list span{font-size:.7rem}.candidate-list b{font-size:.86rem}.candidate-list b small{font-size:.58rem}.card-heading h2{font-size:1.43rem}.lesson-intro{gap:18px;padding-left:18px;padding-right:18px}.activity-grid{gap:4px}.activity-day span{font-size:.41rem}.activity-day{padding-top:8px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-right>span{letter-spacing:0;color:#718199;align-items:center;gap:7px;font-size:.78rem;display:flex}.language-picker select{letter-spacing:0;background:#fff;border-color:#dce4ef;min-height:32px;padding:4px 22px 4px 9px;font-size:.71rem}.japanese-input-note{margin:24px 0 0}.phoneme:has(span){overflow-wrap:anywhere}.detail-title h2{overflow-wrap:anywhere}.language-picker select{max-width:170px}@media (max-width:760px){.topbar-right{gap:9px}.topbar-right>span{display:none}.language-picker select{max-width:165px;font-size:.67rem}.phoneme{min-width:72px;font-size:1.85rem}.lesson-intro .phoneme{max-width:115px}.sidebar-bottom{padding-bottom:env(safe-area-inset-bottom)}}.lesson-intro p,.detail-description,.studio-notes>p,.source-intro p,.guide-grid p,.data-card>p,.review-answer>p{font-size:1rem}.source-link,.quiet-note,.canvas-hint,.chapter-card p,.source-card div>p:last-child{font-size:.8rem}.small-btn,.icon-btn,.segmented button,.primary.small,.filter-chips button,.example-chips button,.speed-label select{min-height:44px}.icon-btn{min-width:44px}.small-btn,.primary.small,.segmented button{font-size:.8rem}.language-picker select{min-height:40px;font-size:.78rem}.phoneme{max-width:145px}@media (max-width:760px){.topbar{height:auto;min-height:52px}.pen-controls{gap:10px!important}.control-group{flex-wrap:wrap}.pen-controls .small-btn,.pen-controls .primary.small{padding:8px 10px!important;font-size:.78rem!important}.pen-controls .icon-btn{min-width:44px!important}.studio-tabs button{flex-direction:column;flex:1;min-height:56px;font-size:.78rem;line-height:1.45}.daily-aside{grid-template-columns:1fr}.open-library p,.open-library a,.chapter-card p,.chapter-progress{font-size:.8rem}.dashboard-stats div>span:not(.stat-icon){font-size:.72rem}.tile-top,.tile-ipa{font-size:.7rem!important}.concept-tile strong{font-size:.9rem}.source-link,.canvas-hint{font-size:.76rem}.filter-chips button{font-size:.78rem}.activity-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.activity-day span{font-size:.55rem}.activity-day{min-width:0}.studio-notes .candidate-list{grid-template-columns:1fr}.topbar>span:first-child{max-width:115px;line-height:1.6}.lesson-intro{align-items:flex-start}.lesson-intro .phoneme{min-width:55px;max-width:95px;font-size:1.4rem}.card-heading{flex-wrap:wrap}.library-detail .pen-controls{justify-content:center}.source-card .eyebrow{font-size:.65rem}.review-promo-top,.review-promo>small{font-size:.7rem}.rating span{font-size:.75rem}.subtitle{font-size:1rem}}.eyebrow{font-size:.7rem}.topbar>span:first-child{font-size:.65rem}.page-footer{font-size:.7rem}.baseline-label,.unit-ruler text{fill:#52657d}.example-filters{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:16px;margin:28px 0 16px;display:grid}.example-filters label{color:var(--muted);gap:8px;font-size:13px;display:grid}.example-filters .search-field{height:48px;display:flex}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.example-grid .glyph{width:100%;height:120px}.example-grid .concept-tile{text-align:left;min-width:0}.example-grid strong{overflow-wrap:anywhere}.example-pagination{justify-content:center;align-items:center;gap:24px;margin:28px 0;display:flex}.example-focus{max-width:850px;margin:0 auto 30px;padding:24px}.example-tokens{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.example-tokens a{color:#254b78;background:#eef3f8;border-radius:8px;min-height:44px;padding:10px 13px}.example-focus .section-title{flex-wrap:wrap;gap:14px;margin-top:14px}.example-focus h2{overflow-wrap:anywhere}@media (max-width:900px){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-filters{grid-template-columns:1fr 1fr}.example-filters .search-field{grid-column:1/-1}}@media (max-width:520px){.example-grid{gap:10px}.example-grid .concept-tile{padding:12px}.example-grid .tile-top{font-size:10px}.example-focus{padding:14px}.example-pagination{gap:12px;font-size:12px}.example-filters{gap:12px}.example-filters select{max-width:100%}}.example-filters>*{min-width:0}.example-filters select{width:100%;min-width:0}.example-filters input{min-width:0}.examples-page .result-count,.example-grid .tile-top,.example-grid .tile-ipa{color:#52657d}.example-tokens span{color:#254b78;background:#eef3f8;border-radius:8px;padding:10px 13px}.candidate-list button div>span,.candidate-list button b small{color:#52657d}.daily-settings{padding:20px}.daily-limit{text-align:left;margin:16px 0}.daily-limit .setting-row{flex-wrap:wrap;gap:16px;margin:0 0 8px}.daily-limit .quiet-note{margin:0;line-height:1.6}.review-steps{color:var(--muted);justify-content:space-between;gap:8px;margin:0 0 25px;padding:0;font-size:.85rem;list-style:none;display:flex}.review-steps li{border-bottom:2px solid #0000;padding:8px}.review-steps [aria-current=step]{color:var(--blue);border-color:var(--blue);font-weight:600}.review-lesson{text-align:left}.review-lesson h1{margin:10px 0 18px}.lesson-sound{color:var(--muted);font-family:inherit;font-size:.65em}.lesson-description{margin-bottom:18px;font-size:1.05rem;line-height:1.8}.lesson-basics{border:1px solid var(--border);border-radius:10px;margin:18px 0;padding:14px 16px}.lesson-basics summary{cursor:pointer;font-weight:600}.lesson-basics p,.lesson-basics li{margin-top:12px;font-size:.95rem;line-height:1.75}.review-lesson .segmented{flex-wrap:wrap;margin:20px 0 8px}.lesson-next{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:15px;margin-top:20px;padding-top:20px;display:flex}.lesson-next p,.recall-instruction{color:var(--muted);line-height:1.75}.lesson-example{margin:20px 0}.lesson-example .glyph{max-width:100%}.review-card .pen-workspace{margin:20px -10px}.review-answer>.text-btn{margin:16px auto;display:flex}.review-card h1:focus{outline:none}.review-lesson .canvas-status{max-width:100%}@media (max-width:760px){.review-steps{gap:3px;font-size:.75rem}.review-steps li{padding:7px 3px}.review-card .pen-controls{justify-content:space-between}.daily-settings{grid-column:1/-1}.lesson-sound{margin-top:8px;display:block}.review-lesson .segmented button{font-size:.78rem}.lesson-basics{padding:12px}.daily-limit select{width:100%}.review-card .pen-canvas{min-height:240px}.review-lesson h1{overflow-wrap:anywhere}}@keyframes epsems-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.direction-marks{-webkit-user-select:none;user-select:none}.stroke-order{font-weight:600}.animation-settings{border-top:1px solid var(--border);margin:22px 0;padding-top:22px}.animation-settings input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue);flex-shrink:0}.animation-settings .setting-row{gap:18px}.animation-settings .quiet-note{margin-top:8px}.review-lesson .pen-workspace .canvas-hint{line-height:1.7}.review-header,.review-card-top>span:last-child,.review-footer,.review-answer h2 span,.rating-label,.review-answer>p.quiet-note,.trace-result div>span{color:var(--muted)}.trace-result div>span{font-size:.78rem}.rating.again{color:#914431}.rating.hard{color:#755e26}.rating.good{color:#265da5}.rating.easy{color:#326c51}.filter-chips button:not(.active),.tile-top,.tile-ipa,.result-count,.result-count>span{color:var(--muted)}