@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display&family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap";.gengo-brand{display:inline-flex;align-items:center;gap:11px;color:#212d45;flex-shrink:0}.gengo-brand img{display:block;width:58px;height:52px;object-fit:contain}.gengo-wordmark{font-family:Bricolage Grotesque,DM Sans,sans-serif;font-weight:800;font-size:30px;line-height:1;letter-spacing:-1.1px}.gengo-wordmark>span{color:#212d45}@media(max-width:600px){.gengo-brand{gap:8px}.gengo-brand img{width:45px;height:43px}.gengo-wordmark{font-size:25px;letter-spacing:-.9px}.gengo-wordmark>span{display:block;font-size:19px;margin-top:3px;letter-spacing:-.5px}}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292e29;background:#f7f7f2;font-synthesis:none;font-weight:400;--paper: #f7f7f2;--white: #fffefa;--ink: #292e29;--muted: #73776e;--line: #e3e5dc;--accent: #aa4f3c;--accent-dark: #8b3d2d;--accent-light: #f3e6de;--olive: #66705a;--sage: #e8eddf;--serif: "DM Serif Display", Georgia, serif;--jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--jp-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;font-size:14px;line-height:1.6;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{background:none;border:0}button:disabled{cursor:default;opacity:.5}button:disabled.correct,button:disabled.incorrect{opacity:1}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(32px,3vw,43px)}h2{font-size:29px}h3{font-size:16px;font-weight:600;line-height:1.4}svg{display:inline-block;flex-shrink:0;vertical-align:middle}::selection{background:#e8d7b8}button,a{touch-action:manipulation}button,a,input,select,textarea{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}button,a{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}input,select,textarea{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:11px 13px;max-width:100%;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #aa4f3c55;outline-offset:1px;border-color:var(--accent)}textarea{resize:vertical;min-height:90px}input[type=range]{padding:8px 0;accent-color:var(--accent);width:100%}select{cursor:pointer}small{font-size:12px}button .icon{pointer-events:none}.workspace{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:34px 23px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#f3f4ed;z-index:20}.brand{display:flex;gap:11px;align-items:center;line-height:1.25;font-size:19px;letter-spacing:-.7px}.brand strong{font-weight:650}.brand small{display:block;letter-spacing:1.6px;font-size:7px;margin-top:7px;color:var(--muted);font-weight:600}.brand-mark{width:39px;height:43px;border-radius:11px 11px 11px 3px;background:var(--accent);color:#fffaf4;font-family:var(--jp-serif);font-size:24px;display:grid;place-items:center}.sidebar-label{font-size:9px;letter-spacing:1.7px;color:#858a7c;font-weight:600;margin:48px 14px 15px}.side-nav{display:grid;gap:6px}.side-nav a{padding:12px 15px;display:flex;align-items:center;gap:13px;color:#727869;font-size:13px;border-radius:8px}.side-nav a:hover{background:#e9ece1;color:var(--ink)}.side-nav a.active{background:#e6eadc;color:#45503c;font-weight:600}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#647351}.capture-shortcut{display:flex;align-items:center;gap:9px;border:1px dashed #c8cebd;color:#606b55;padding:11px 12px;font-size:12px;border-radius:8px;margin-top:28px}.capture-shortcut:hover{background:#e6eadc;border-style:solid}.sidebar-bottom{margin-top:auto;padding-top:50px}.exam-note{border-top:1px solid #dde2d3;padding:21px 7px}.exam-note .eyebrow{font-size:8px;letter-spacing:1.5px}.exam-note p{font-size:27px;font-family:var(--serif);margin:8px 0 1px}.exam-note p span{font-family:DM Sans,sans-serif;font-size:11px;color:var(--muted);margin-left:9px}.profile-link{display:flex;align-items:center;gap:9px;border-top:1px solid #dde2d3;padding:18px 0 0;font-size:12px;font-weight:600}.profile-link small{display:block;color:var(--muted);font-size:9px;font-weight:400}.profile-link>svg{margin-left:auto;color:var(--muted)}.avatar{background:#e3d9c4;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#786345}.main-workspace{margin-left:238px}.app-content{max-width:1240px;padding:44px 52px 64px;margin:auto}.mobile-header,.mobile-nav{display:none}.skip-link{position:fixed;top:-90px;left:260px;z-index:200;padding:12px;background:var(--ink);color:#fff;border-radius:8px}.skip-link:focus{top:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading .eyebrow{margin-bottom:10px}.page-heading>div>p:last-child{color:var(--muted);margin-top:11px;max-width:620px;font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:var(--olive);line-height:1.5}.accent{color:var(--accent)}.muted{color:var(--muted);font-size:13px;line-height:1.8}.caption{font-size:11px;color:var(--muted);line-height:1.7}.quiet-badge{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#eef0e6;border:1px solid #e1e5d6;border-radius:7px;font-size:10px;color:#6b745f;white-space:nowrap}.quiet-badge svg{width:14px}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:12px;font-weight:600;padding:12px 19px;border-radius:8px;border:1px solid transparent;min-height:44px;line-height:1.4}.btn-primary{background:var(--accent);color:#fffaf6;border-color:var(--accent);box-shadow:0 2px 3px #76402c0a}.btn-primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 10px #76402c18}.btn-secondary,.btn-ghost{border-color:var(--line);background:var(--white)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#eceee5;border-color:#ccd2c0}.btn-small{padding:9px 13px;min-height:38px;font-size:11px}.btn-block{width:100%}.text-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:var(--accent);padding:4px 0}.text-link:hover{color:var(--accent-dark)}.text-link:hover svg{transform:translate(3px)}.text-link svg{transition:transform .2s}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--white);color:var(--olive)}.icon-button:hover:not(:disabled){background:var(--sage)}.button-row,.row{display:flex;align-items:center;gap:10px}.row{justify-content:space-between}.centered{text-align:center;justify-content:center}.stack{display:flex;flex-direction:column;gap:20px}.panel,.surface{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 19px}.section-heading .eyebrow{margin-bottom:8px}.section-heading.compact{margin:0 0 9px}.section-heading h2{font-size:28px}.section-heading.compact h3{font-size:15px}.footnote{font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}.level-tag{display:inline-block;font-size:9px;font-weight:650;letter-spacing:.6px;background:#eef0e7;color:#626e55;padding:4px 7px;border-radius:4px;white-space:nowrap}.reading-hero{background:#eeeee3;border:1px solid #e2e4d5;border-radius:15px;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;min-height:309px;padding:31px 37px;align-items:center;position:relative}.hero-copy{z-index:1}.hero-copy .eyebrow{display:flex;align-items:center;gap:7px;font-size:8px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.hero-copy h2{font-size:37px;line-height:1.16;margin:17px 0 13px}.hero-copy>p:not(.eyebrow){font-size:12px;color:#757a6b;max-width:315px;line-height:1.8}.hero-copy .btn{margin-top:22px}.hero-meta{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:9px;color:#848775;flex-wrap:wrap}.book-art{width:100%;max-width:360px;justify-self:end;animation:book-in 1s cubic-bezier(.2,.7,.2,1) both}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 0}.stats-strip>div,.stats-strip>a{display:flex;flex-direction:column;gap:5px;padding:0 22px;border-right:1px solid var(--line);font-size:10px;color:var(--muted)}.stats-strip>:first-child{padding-left:3px}.stats-strip>:last-child{border:0}.stat-number{font-size:25px;line-height:1.3;letter-spacing:-.5px;color:var(--ink);font-weight:450}.stat-number.accent{color:var(--accent)}.stat-number small{font-size:11px;color:var(--muted)}.stat-number svg{margin-left:3px}.stats-strip a:hover .stat-number{color:var(--accent)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lesson-card{padding:22px 21px 18px;border:1px solid var(--line);border-radius:11px;background:var(--white);display:flex;flex-direction:column;position:relative;animation:rise-in .45s both;animation-delay:calc(var(--i, 0) * 55ms)}.lesson-card:hover{transform:translateY(-4px);border-color:#bac3ac;box-shadow:0 12px 26px #303b2210}.lesson-card-top{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.lesson-card-top>svg{margin-left:auto;color:var(--olive)}.lesson-japanese{font-family:var(--jp-serif);color:#657158;font-size:23px;line-height:1.7;margin:22px 0 17px;min-height:43px;letter-spacing:.03em}.lesson-card h3{font-size:14px;margin-bottom:8px}.lesson-card>p:not(.lesson-japanese){font-size:11px;color:var(--muted);line-height:1.8;flex:1}.lesson-card-footer{border-top:1px solid #edefe7;padding-top:14px;margin-top:20px;display:flex;align-items:center;gap:8px;color:#929586;font-size:9px}.lesson-card-footer>span{display:flex;gap:4px;align-items:center}.lesson-card-footer>svg{margin-left:auto;color:var(--accent)}.today-bottom{display:grid;grid-template-columns:1.45fr 1fr;gap:19px;margin-top:28px}.rhythm-panel{padding:22px}.rhythm-panel>.muted{font-size:11px}.rhythm-bar{height:7px;display:flex;gap:4px;margin:21px 0 16px;overflow:hidden;border-radius:5px}.rhythm-bar>span:nth-child(1),.tone-0{background:#8c9a79}.rhythm-bar>span:nth-child(2),.tone-1{background:#c18b6e}.rhythm-bar>span:nth-child(3),.tone-2{background:#dbbf84}.rhythm-bar>span:nth-child(4),.tone-3{background:#b9c7b7}.rhythm-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:10px;color:var(--muted)}.rhythm-legend>span{display:flex;align-items:center;gap:6px}.rhythm-legend b{margin-left:auto;font-weight:500;color:#545c4b}.rhythm-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.capture-card{border:1px solid #e6dfd1;border-radius:13px;background:#f2efe6;padding:23px;position:relative}.capture-card>svg{float:right;color:#a49270}.capture-card h3{margin:0 0 9px;max-width:80%}.capture-card p{font-size:11px;color:#8a806d;line-height:1.8;max-width:235px}.capture-card .text-link{margin-top:16px;font-size:11px}.skeleton{background:linear-gradient(100deg,#e9ebe2 25%,#f2f3ec 40%,#e9ebe2 65%);background-size:250% 100%;animation:shimmer 1.5s infinite;border-radius:13px}.hero-skeleton{height:320px}.card-skeleton{height:260px}.empty-state{padding:60px 30px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:16px}.empty-state p{color:var(--muted);max-width:450px;font-size:13px}.empty-icon,.completion-icon{background:var(--sage);color:var(--olive);width:67px;height:67px;border-radius:50%;display:inline-grid;place-items:center}.error-note{border:1px solid #e8c7b9;background:#fcf1e9;color:#923d29;padding:12px 15px;border-radius:8px;font-size:12px;margin:14px 0}.error-note button{text-decoration:underline;margin-left:5px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.segmented{display:inline-flex;gap:3px;background:#eceee5;border:1px solid #e2e6d9;border-radius:8px;padding:4px;max-width:100%}.segmented button{font-size:12px;padding:8px 15px;border-radius:5px;white-space:nowrap;color:#7c8272;flex:1}.segmented button:hover{color:var(--ink)}.segmented button.active{background:var(--white);color:#47513d;font-weight:600;box-shadow:0 1px 4px #212b1610}.tabs{display:flex;gap:23px}.tabs button{font-size:12px;padding:9px 1px;border-bottom:2px solid transparent;color:var(--muted)}.tabs button.active{color:var(--accent);border-color:var(--accent)}.library-progress{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:24px;padding:23px 27px}.library-progress>div>p:last-child{font-size:13px;margin-top:7px}.library-progress strong{font-size:21px;font-weight:500;margin-right:3px}.library-progress-bar{width:40%}.library-progress-bar strong{font-size:11px}.library-progress-bar>.caption{margin-top:6px}.progress-track,.progress-bar{height:5px;border-radius:4px;background:#e8ebdf;overflow:hidden}.progress-track>span,.progress-bar>span{display:block;background:#7f9266;height:100%;border-radius:4px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.inventory-toolbar{display:flex;gap:15px;margin-bottom:18px}.search-field{display:flex;align-items:center;gap:8px;flex:1;background:var(--white);border:1px solid var(--line);border-radius:8px;padding-left:14px;color:var(--muted)}.search-field input{border:0;background:none;width:100%;outline:none;padding:11px 0;box-shadow:none}.search-field:focus-within{outline:2px solid #aa4f3c55}.search-field .icon-button{border:0;background:transparent;margin-right:5px}.inventory-toolbar>select{font-size:12px}.practice-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eeeee4;border-radius:9px;padding:13px 16px}.practice-strip>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#68725d}.practice-strip select{background:#f7f8f1;padding:7px 10px;font-size:11px}.inventory-count{margin:20px 0 12px}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.kanji-cell{padding:17px 12px 14px;border:1px solid var(--line);background:var(--white);border-radius:9px;position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;gap:5px}.kanji-cell>.kanji-glyph{font-family:var(--jp-serif);font-size:30px;line-height:1.5}.kanji-cell small{font-size:11px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.kanji-readings{display:grid;gap:8px;width:100%;margin:12px 0 18px;text-align:left}.kanji-reading-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:baseline;gap:8px;font-size:15px;line-height:1.6}.kanji-reading-label{font-family:DM Sans,sans-serif;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.kanji-reading-value{font-family:var(--jp);overflow-wrap:anywhere}.kanji-readings.compact{margin:6px 0 0;gap:3px;padding-top:9px;border-top:1px solid var(--line)}.kanji-readings.compact .kanji-reading-row{grid-template-columns:38px minmax(0,1fr);gap:5px;font-size:12px}.kanji-readings.compact .kanji-reading-label{font-size:10px}.kanji-readings.compact .kanji-reading-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-collection-note{margin:-6px 0 20px;color:var(--muted);font-size:13px}.kanji-encounters{display:grid;gap:12px;margin-top:20px}.kanji-encounters a{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.kanji-encounters p[lang=ja]{font-family:var(--jp);font-size:14px;margin:6px 0 0}.kanji-cell:hover{transform:translateY(-3px);border-color:#aab49b;box-shadow:0 5px 15px #45542a0d}.kanji-cell.known{background:#eaf0e1;border-color:#cfdbc0}.kanji-cell.learning{background:#fcf1e4;border-color:#e8d6bd}.state-dot{position:absolute;top:8px;right:8px;width:4px;height:4px;border-radius:50%;background:#dfe4d8}.known .state-dot{background:#809464}.learning .state-dot{background:#cba06b}.inventory-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white)}.inventory-row{display:flex;align-items:center;gap:20px;text-align:left;width:100%;padding:17px 21px;border-bottom:1px solid var(--line)}.inventory-row:last-child{border:0}.inventory-row:hover{background:#f0f2e9}.inventory-term{width:28%;font:17px var(--jp);flex-shrink:0}.inventory-term small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.inventory-meaning{font-size:12px;color:var(--muted);flex:1}.state-pill{font-size:9px;padding:4px 7px;border-radius:4px;color:#8b9084;background:#f0f2eb;white-space:nowrap}.state-pill.known{background:var(--sage);color:#617750}.state-pill.learning{background:#f4ead9;color:#aa8150}.load-more{display:flex;margin:23px auto}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:7px 13px;background:var(--white);border:1px solid var(--line);border-radius:6px;font-size:12px}.filter-chip.active{border-color:#a6b298;background:var(--sage);color:#556a43}.field{display:flex;flex-direction:column;gap:8px;font-size:12px}.field>span{display:flex;justify-content:space-between;color:#636c57;font-weight:500}.field small{color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.app-dialog{padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--white);width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-shadow:0 25px 100px #1a241a35;color:var(--ink);animation:dialog-in .25s ease-out;overscroll-behavior:contain}.app-dialog::backdrop{background:#28312355;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.dialog-heading .eyebrow{margin-bottom:9px}.dialog-heading h2{font-size:27px}.dialog-intro{margin-bottom:23px}.modal-actions{margin:22px 0 27px;flex-wrap:wrap}.writing-pad{width:100%;max-width:320px;display:block;margin:20px auto;background:#fbfaf4;border:1px solid var(--line);border-radius:10px;touch-action:none;cursor:crosshair;color:var(--accent)}.writing-grid{stroke:#dce0d2;stroke-width:1;stroke-dasharray:5 5}.writing-guide{font-family:var(--jp-serif);font-size:240px;fill:#d7dccd;-webkit-user-select:none;user-select:none;pointer-events:none}.app-dialog>.caption{margin-top:13px}.toast-message{position:fixed;bottom:28px;left:calc(50% + 119px);transform:translate(-50%);background:#35422f;color:#f4f6ee;padding:13px 20px;border-radius:10px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 24px #17241024;font-size:12px;z-index:100;max-width:calc(100vw - 40px);width:max-content}.toast-message svg{color:#c5d4b3}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-bottom:24px}.back-link:hover{color:var(--accent)}.reader-heading{margin-bottom:28px}.reading-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-bottom:14px}.reader-heading h1{font-size:36px}.reader-heading>p{margin-top:12px;color:var(--muted);font-size:12px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start}.reading-paper{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.reader-controls{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);background:#fcfcf7}.reader-controls .button-row{gap:5px}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#79806f;font-size:10px;padding:7px 8px;border:1px solid transparent;border-radius:6px;min-height:33px}.control-button:hover{background:#ecefe3}.control-button.selected{border-color:#d2dcc4;background:var(--sage);color:#5f744d}.reader-controls .control-button svg{width:15px}.reading-timer{font-size:10px;color:#909582;display:flex;align-items:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}.japanese-text{padding:35px 35px 29px;font-family:var(--jp);font-size:16px;line-height:2.5;letter-spacing:.015em}.ja-title{font-family:var(--jp-serif);font-size:24px;line-height:1.9;margin-bottom:25px}.sentence-block{margin:0 0 18px}.word-button{display:inline;padding:0 1px;border-bottom:1px dashed #bdb8a0;font:inherit;line-height:inherit;letter-spacing:inherit;border-radius:2px}.word-button:hover,.word-selected{color:var(--accent);background:#f5ece2;border-bottom-color:var(--accent)}ruby rt{font-family:var(--jp);font-size:9px;letter-spacing:0;color:#8f917e;line-height:1.5}.sentence-audio{display:inline-flex;padding:3px 5px;vertical-align:middle;color:#a6ae97;border-radius:4px;margin-left:6px}.sentence-audio:hover{background:var(--sage);color:#5d7449}.sentence-translation{font-family:DM Sans,sans-serif;font-size:12px;color:#868875;line-height:1.9;letter-spacing:0;margin:9px 0 23px;padding-left:12px;border-left:2px solid #dfe4d1;animation:rise-in .25s}.reading-paper-footer{border-top:1px solid #efeee4;padding:16px 25px;color:#8d927e;font-size:10px;display:flex;flex-direction:column;gap:5px}.reading-paper-footer p{display:flex;align-items:center;gap:6px}.reading-paper-footer>span{font-size:9px}.reader-companion{position:sticky;top:25px;max-height:calc(100dvh - 50px);overflow-y:auto;scrollbar-width:thin}.reader-companion>.segmented{display:flex;margin-bottom:18px}.count{font-size:9px;margin-left:4px;color:#90967f}.word-detail{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:23px 20px}.word-detail h2{font-family:var(--jp-serif);font-size:35px;margin:17px 0 8px;overflow-wrap:anywhere}.word-reading{color:#899079;font-family:var(--jp);font-size:13px;margin-bottom:9px}.word-meaning{font-size:13px;font-weight:500;margin:8px 0}.context-sentence{font-family:var(--jp);font-size:13px;line-height:2;color:#6e755f;background:#f4f5ec;border-radius:6px;padding:12px;margin:17px 0}.word-detail .button-row{gap:6px;flex-wrap:wrap}.word-detail .icon-button{width:32px;height:35px}.word-detail .btn{font-size:10px;padding:8px}.word-list{padding:24px 5px}.word-list .eyebrow{margin-bottom:10px}.word-list>button{display:flex;align-items:center;width:100%;gap:7px;padding:10px;border-radius:5px;border-bottom:1px solid #e9ecdf;text-align:left;font-family:var(--jp);font-size:12px}.word-list>button small{font-size:9px;color:#969a86;margin-left:auto}.word-list>button.active{background:#e9eddf}.word-list>button:hover{color:var(--accent)}.grammar-list{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px 19px}.grammar-list section+section{border-top:1px solid var(--line);margin-top:24px;padding-top:23px}.grammar-list h3{font-family:var(--jp);font-size:21px;margin:14px 0}.grammar-list p:not(.eyebrow){font-size:12px;line-height:1.8}.grammar-list blockquote{margin:16px 0 10px;border-left:2px solid #bfcaaf;padding-left:12px;font-family:var(--jp);font-size:13px;line-height:2}.grammar-list .text-link{margin-top:14px;font-size:11px}.reading-next{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin:28px 0}.reading-next h3{font-size:14px;margin-bottom:6px}.reading-next p{font-size:12px;color:var(--muted)}.question-section{max-width:800px;margin:auto}.question-section>.section-heading{margin-top:36px}.question-card{padding:27px;background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.question-card>.eyebrow{margin-bottom:14px}.question-card>h3{font-family:var(--jp);font-size:16px;line-height:1.9;margin-bottom:20px}.answer-options{display:grid;gap:10px}.answer-options>button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);border-radius:8px;padding:13px 16px;font-size:13px;line-height:1.8;background:#fdfdf9}.answer-options>button:hover:not(:disabled){border-color:#b3bea3;background:#f0f3e7}.option-letter{width:24px;height:25px;display:grid;place-items:center;background:#eceee5;border-radius:5px;font-size:10px;color:#7b836d;flex-shrink:0}.answer-options>button.chosen{border-color:#c1957a;background:linen}.answer-options>button.correct{border-color:#aabc96;background:#edf4e5}.answer-options>button.incorrect{border-color:#d3a18b;background:#fff1e8}.answer-options>button>svg{margin-left:auto;color:#728b57}.answer-explanation{font-size:12px;line-height:1.9;color:#647452;border-top:1px solid var(--line);padding-top:17px;margin-top:21px}.completion-panel{background:#eff2e7;border:1px solid #dde5cf;border-radius:14px;text-align:center;padding:36px 25px}.completion-panel>.eyebrow{margin-top:17px;margin-bottom:13px}.completion-panel h2{font-size:35px;margin-bottom:13px}.completion-panel>p:not(.eyebrow){font-size:13px;color:#6c765f;max-width:540px;margin-left:auto;margin-right:auto}.completion-panel>.button-row{margin-top:25px}.result-measures{display:flex;justify-content:center;gap:28px;margin:27px 0 14px}.result-measures>span{font-size:19px;font-weight:500}.result-measures small{display:block;font-size:10px;color:#89927c;font-weight:400;margin-top:6px}.conversation-panel{display:flex;gap:20px;padding:25px;background:#f2eee5;border:1px solid #e8dfce;border-radius:12px;margin-top:26px;color:#74654b}.conversation-panel h3{margin:10px 0}.conversation-panel p:not(.eyebrow){font-size:13px;line-height:1.9}.conversation-panel .text-link{margin-top:15px}.review-progress{display:flex;align-items:center;gap:14px;max-width:730px;margin:25px auto 19px}.review-progress>.progress-track{flex:1}.review-progress>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.review-card{max-width:730px;min-height:365px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:25px 33px 35px;text-align:center}.review-prompt{font:48px/1.8 var(--jp-serif);margin:25px 0 14px}.review-context{font:17px/2.1 var(--jp);margin:0 auto 25px;max-width:540px}.review-card>.btn{margin-top:23px}.review-card>.muted{font-size:12px}.review-answer{border-top:1px solid var(--line);padding-top:22px;animation:rise-in .25s}.review-answer h2{font-size:25px;margin:10px 0}.review-answer>.button-row{margin-top:16px}.grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:730px;margin:18px auto}.grade-button{border:1px solid var(--line);border-radius:9px;padding:15px 10px;display:flex;align-items:center;flex-direction:column;gap:4px;background:var(--white)}.grade-button strong{font-size:13px;font-weight:600}.grade-button span{font-size:10px;color:var(--muted)}.grade-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 12px #4c5e300b}.grade-again:hover{background:#faeee5;border-color:#ddb899}.grade-hard:hover{background:#f5f0df;border-color:#d5c58f}.grade-good:hover,.grade-easy:hover{background:#eaf1df;border-color:#b4c49f}.review-empty{margin-top:35px}.quiz-question{max-width:730px;margin:auto}.quiz-question>.review-prompt{text-align:center}.quiz-question>h3{text-align:center}.quiz-reveal{margin-top:22px;border-top:1px solid var(--line);padding-top:22px;animation:rise-in .25s}.quiz-reveal h3{margin:10px 0}.quiz-reveal .btn{margin-top:20px}.checkpoint-intro{display:flex;align-items:center;gap:24px;background:#eeeee3;margin-bottom:25px}.checkpoint-intro h2{font-size:27px;margin-bottom:11px}.checkpoint-intro p{color:var(--muted);font-size:12px;max-width:650px;line-height:1.9}.checkpoint-intro .empty-icon{flex-shrink:0;background:#e1e6d6}.checkpoint-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkpoint-grid .panel>.eyebrow{margin-bottom:17px}.checkpoint-grid h2{font-size:26px;margin-bottom:13px}.checkpoint-grid .btn{margin-top:22px}.checkpoint-links{display:flex;flex-direction:column;margin-top:18px}.checkpoint-links>a{border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px 0;font-size:12px}.checkpoint-links>a>span:nth-child(2){flex:1}.checkpoint-links a:hover{color:var(--accent)}.activity-list{padding:4px 24px}.activity-list>article{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.activity-list>article:last-child{border:0}.activity-icon{display:grid;place-items:center;width:41px;height:42px;background:#f0f2e8;border-radius:8px;color:#8c977b;flex-shrink:0}.activity-list h3{font-size:13px}.activity-list p{font-size:10px;color:var(--muted);margin-top:6px}.activity-result{margin-left:auto;font-size:23px;color:#62764e;white-space:nowrap}.activity-result small{font-size:13px;color:#8c9581}.activity-result>span{display:block;font-size:9px;color:#939b88;text-align:right}.official-note{display:flex;gap:17px;margin-top:28px;padding:25px;border:1px dashed #d4dac8;border-radius:12px;color:#7c876b}.official-note h3{color:#657256;font-size:14px;margin-bottom:8px}.official-note p{font-size:12px;line-height:1.9}.official-note .text-link{margin-top:10px;font-size:11px}.settings-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.settings-form{gap:27px;padding:30px}.settings-form h2{font-size:28px}.settings-form .btn{align-self:flex-start}.settings-layout aside .btn{margin-top:20px}.spaced-title{margin:15px 0 12px}.personal-note{background:#eeeee2;border-radius:10px;padding:25px}.personal-note>p:last-child{font-size:12px;line-height:1.9;color:#7b826d;margin-top:12px}.connection-page{max-width:600px;margin:12vh auto;padding:28px;display:flex;flex-direction:column;gap:25px;align-items:flex-start}.connection-page>p{color:var(--muted)}.page{max-width:850px;margin:auto}.section-kicker{font-size:10px;letter-spacing:1.5px;color:var(--olive)}.section-title{margin:10px 0}.section-lead{color:var(--muted);font-size:13px;line-height:1.8}.pill{padding:5px 9px;background:var(--sage);border-radius:5px;font-size:10px}.jp{font-family:var(--jp);font-size:30px}.reading{font-family:var(--jp);font-size:13px;color:var(--muted)}.option{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--white);text-align:left}.option.picked{background:var(--accent-light)}.option.right{background:#e9f0df;border-color:#b3c99a}.option.wrong{background:#fbece4;border-color:#d8b39e}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#22331f44;display:grid;place-items:center;z-index:50}.sheet-card{width:min(500px,95vw)}.page-enter-active,.page-leave-active{transition:opacity .16s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(7px)}.page-leave-to{opacity:0;transform:translateY(-3px)}.fade-enter-active,.fade-leave-active{transition:opacity .13s}.fade-enter-from,.fade-leave-to{opacity:0}.card-enter-active,.card-leave-active{transition:opacity .16s,transform .2s}.card-enter-from{opacity:0;transform:translate(12px)}.card-leave-to{opacity:0;transform:translate(-12px)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;bottom:17px}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes book-in{0%{opacity:0;transform:translateY(12px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:1500px){.app-content{padding-top:55px}.reading-hero{padding:38px 45px}.hero-copy h2{font-size:43px}.lesson-card{padding:25px}.lesson-japanese{font-size:26px}}@media(max-width:1180px){.sidebar{width:211px;padding:29px 17px 18px}.brand{font-size:17px}.main-workspace{margin-left:211px}.app-content{padding:35px 30px 55px}.quiet-badge{display:none}.hero-copy h2{font-size:33px}.reading-hero{padding:27px}.lesson-card{padding:18px 15px}.lesson-japanese{font-size:20px}.reader-layout{grid-template-columns:minmax(0,1fr) 240px;gap:17px}.japanese-text{padding:28px 25px;font-size:15px}.reader-controls{padding:11px 10px}.reader-controls .control-button{padding:6px 5px}.reader-controls .control-button span{display:none}.toast-message{left:calc(50% + 105px)}.today-bottom{gap:15px}.rhythm-legend{column-gap:12px;font-size:9px}}@media(max-width:950px){.sidebar{width:187px;padding-left:13px;padding-right:13px}.brand{font-size:15px;gap:8px}.brand-mark{width:34px;height:38px;font-size:21px}.brand small{font-size:6px;letter-spacing:1px}.side-nav a{padding:11px;gap:10px}.sidebar-label{font-size:8px;letter-spacing:1.3px}.main-workspace{margin-left:187px}.app-content{padding:30px 24px 55px}.hero-copy h2{font-size:31px}.hero-meta{font-size:8px}.reading-hero{grid-template-columns:1.4fr 1fr;padding:25px}.hero-copy>p:not(.eyebrow){font-size:11px}.stats-strip>div,.stats-strip>a{padding:0 13px;font-size:9px}.lesson-grid{gap:12px}.lesson-japanese{font-size:19px;margin-top:20px;min-height:64px}.lesson-card-top{font-size:8px;flex-wrap:wrap}.lesson-card h3{font-size:13px}.today-bottom{grid-template-columns:1fr}.capture-card{padding:22px}.capture-card p{max-width:80%}.rhythm-panel{padding:23px}.rhythm-legend{font-size:11px}.reader-layout{grid-template-columns:1fr}.reader-companion{position:static;max-height:none;overflow:visible;display:block}.reader-companion>.segmented{width:max-content}.word-detail h2{font-size:30px}.word-list{display:none}.japanese-text{font-size:17px;padding:32px}.reader-controls .control-button span{display:inline}.reader-controls{padding:14px 20px}.settings-layout{grid-template-columns:1fr}.settings-layout aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.checkpoint-grid{gap:15px}.checkpoint-grid .panel{padding:21px}.library-toolbar{flex-wrap:wrap}.toast-message{left:calc(50% + 93px)}.inventory-row{padding:15px;gap:13px}.inventory-term{font-size:15px}.inventory-meaning{font-size:11px}.library-progress{gap:20px;padding:22px}.library-progress-bar{width:43%}.reading-next .btn{white-space:nowrap}}@media(max-width:720px){:root{font-size:14px}.sidebar{display:none}.main-workspace{margin-left:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile-header .brand{font-size:18px}.mobile-header .brand-mark{width:32px;height:36px;font-size:21px}.mobile-header .icon-button{background:transparent;border:0}.app-content{padding:26px 22px 105px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fbfcf5f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:20;justify-content:space-around}.mobile-nav>a{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;padding:7px 3px 3px;color:#929a85;font-size:9px;position:relative}.mobile-nav>a.active{color:var(--accent)}.mobile-nav>a.active:before{content:"";position:absolute;width:20px;height:2px;background:var(--accent);top:0;border-radius:2px}.page-heading{margin-bottom:25px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading h1{font-size:34px}.page-heading>div>p:last-child{font-size:12px;line-height:1.8;margin-top:9px}.reading-hero{min-height:300px;padding:27px;grid-template-columns:1.3fr 1fr}.hero-copy h2{font-size:33px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-meta{font-size:9px}.book-art{max-width:280px}.stats-strip{padding-top:25px}.stats-strip>div,.stats-strip>a{font-size:9px;padding:0 13px}.stat-number{font-size:26px}.section-heading{margin-top:29px;align-items:flex-end}.section-heading h2{font-size:26px}.section-heading>.text-link{font-size:10px;white-space:nowrap;gap:4px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.lesson-card{padding:20px}.lesson-japanese{min-height:auto;font-size:22px}.today-bottom{margin-top:24px}.today-bottom .rhythm-legend,.reading-timer{font-size:10px}.reader-heading h1{font-size:32px}.reader-layout{gap:20px}.reader-companion>.segmented{width:100%}.word-detail .button-row{flex-wrap:nowrap}.word-detail .btn{margin-left:auto;font-size:11px;padding:10px}.word-list{display:block;padding:20px 0 0}.word-list>button{font-size:14px;padding:12px}.word-list>button small{font-size:11px}.reader-heading{margin-bottom:22px}.reading-next{flex-direction:column;align-items:stretch;text-align:left;gap:15px}.reading-next .btn{align-self:flex-end}.japanese-text{font-size:17px;padding:30px 27px}.question-card{padding:23px}.question-section>.section-heading{flex-wrap:wrap}.review-card{padding:22px 24px 30px;min-height:360px}.review-prompt{font-size:41px}.review-context{font-size:16px}.review-card>.row .eyebrow{font-size:8px;letter-spacing:1px}.grade-grid{gap:8px}.grade-button{padding:14px 5px}.grade-button span{font-size:9px}.checkpoint-grid{grid-template-columns:1fr}.checkpoint-intro{padding:23px;align-items:flex-start;gap:17px}.checkpoint-intro .empty-icon{width:46px;height:46px}.checkpoint-intro .empty-icon svg{width:24px}.checkpoint-intro h2{font-size:23px}.library-toolbar{gap:13px}.library-toolbar>.muted{font-size:11px}.tabs{gap:23px}.library-progress{padding:20px;gap:15px}.library-progress-bar{width:42%}.library-progress strong{font-size:20px}.library-progress-bar strong{font-size:11px}.library-progress>div>p:last-child{font-size:11px}.inventory-toolbar{gap:10px}.inventory-toolbar>select{max-width:120px;font-size:11px}.search-field{padding-left:10px;font-size:11px;gap:5px}.practice-strip{flex-direction:column;align-items:stretch;padding:14px}.practice-strip>span{font-size:11px}.practice-strip .button-row{justify-content:space-between}.practice-strip select{flex:1}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.inventory-row{padding:15px;gap:10px;flex-wrap:wrap}.inventory-term{width:40%;font-size:16px}.inventory-meaning{min-width:40%}.inventory-row>.state-pill{font-size:8px}.inventory-row>svg{margin-left:auto}.settings-layout aside{display:flex}.settings-form{padding:23px;gap:24px}.toast-message{left:50%;bottom:90px;font-size:11px;padding:12px 15px}.toast-enter-from,.toast-leave-to{bottom:80px}.skip-link{left:15px}.completion-panel{padding:28px 20px}.completion-panel h2{font-size:29px}.result-measures{gap:18px}.result-measures>span{font-size:16px}.result-measures small{font-size:9px}.conversation-panel{padding:22px;gap:14px}.official-note{padding:21px;gap:13px}.activity-list{padding:0 20px}.activity-list article{gap:13px}.activity-list p{font-size:9px}.activity-list h3{font-size:12px}}@media(max-width:430px){.app-content{padding:25px 19px 100px}.mobile-header{padding:14px 19px}.page-heading h1{font-size:31px}.reading-hero{display:block;padding:26px 24px;min-height:330px}.hero-copy{position:relative;z-index:1}.hero-copy h2{font-size:34px}.hero-copy>p:not(.eyebrow){max-width:220px;font-size:11px}.reading-hero .book-art{position:absolute;right:-42px;bottom:26px;width:185px;opacity:.48;pointer-events:none}.hero-meta{max-width:225px}.hero-copy .btn{margin-top:22px}.stats-strip{grid-template-columns:repeat(2,1fr);gap:20px 0;padding:23px 0 0}.stats-strip>div,.stats-strip>a{padding:0 19px;font-size:10px}.stats-strip>:nth-child(odd){padding-left:3px}.stats-strip>:nth-child(2n){border:0}.stat-number{font-size:26px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:25px;max-width:215px}.section-heading>.text-link{font-size:9px;max-width:85px;white-space:normal;margin-top:22px}.lesson-grid{grid-template-columns:1fr}.lesson-card{padding:22px;min-height:220px}.lesson-card h3{font-size:15px}.lesson-card-top{font-size:10px}.lesson-japanese{font-size:25px;margin:17px 0 13px}.lesson-card>p:not(.lesson-japanese){font-size:12px}.lesson-card-footer{font-size:10px}.today-bottom{margin-top:20px}.rhythm-panel{padding:20px}.rhythm-legend{gap:12px 15px}.capture-card p{max-width:85%}.reader-heading h1{font-size:29px}.japanese-text{padding:26px 22px;font-size:16px;line-height:2.6}.ja-title{font-size:23px}.reader-controls{padding:11px}.reader-controls .button-row{gap:2px}.reader-controls .control-button{font-size:9px;padding:5px}.reader-controls .control-button svg{width:13px}.reading-paper-footer{padding:15px 19px}.reading-meta{font-size:9px;gap:7px}.reader-heading>p{font-size:11px}.review-card{padding:20px}.review-prompt{font-size:38px}.review-context{font-size:15px}.answer-options>button{padding:12px;gap:10px;font-size:12px}.question-card{padding:21px 18px}.question-card>h3{font-size:15px}.library-progress{flex-direction:column;align-items:stretch;gap:18px}.library-progress-bar{width:100%}.library-progress>div>p:last-child{font-size:12px}.tabs{width:100%;gap:25px}.library-toolbar>.segmented{width:100%}.library-toolbar>.segmented>button{flex:1;padding-inline:9px}.library-toolbar>.muted{margin-left:auto}.kanji-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanji-cell{padding:13px 10px}.kanji-cell>.kanji-glyph{font-size:27px}.kanji-cell small{font-size:11px}.settings-form .form-grid{grid-template-columns:1fr;gap:22px}.settings-form{padding:22px}.completion-panel .button-row{flex-wrap:wrap}.completion-panel .btn{width:100%}.result-measures{gap:12px;flex-wrap:wrap}.app-dialog{padding:22px}.dialog-heading h2{font-size:24px}.app-dialog .form-grid{grid-template-columns:1fr}.activity-icon{display:none}.activity-list article{gap:10px}.checkpoint-intro .empty-icon{display:none}.conversation-panel>svg{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.companion-intro{border:1px solid var(--line);border-radius:10px;background:#eff1e7;padding:24px 20px;color:#82916f}.companion-intro h3{color:#616f52;margin:17px 0 10px;font-size:15px}.companion-intro p{color:#7d8771;font-size:12px;line-height:1.9}.companion-intro .caption{display:block;font-size:10px;margin-top:18px;line-height:1.8}.completion-dot{margin-left:auto;color:var(--olive)}.retry-answer{display:flex;margin:20px auto}.route-page{min-width:0}.review-answer h2:focus,.quiz-question h3:focus,.completion-panel h2:focus,.review-prompt:focus,.question-section h2:focus{outline:none}.return-to-text{display:none}.lesson-card-footer{color:#707866}.hero-meta{color:#727961}.word-list>button small{color:#707860}.caption{color:#747b68}.stats-strip>div,.stats-strip>a{font-size:11px}.reader-heading>p{line-height:1.8}.lesson-card>.muted{font-size:12px}.reader-controls .control-button{color:#657255}.reading-paper-footer{color:#747e66}.reading-timer{color:#6f7a60}.activity-list p{color:#717b65}.control-button{min-height:38px}.word-list>button{min-height:42px}.app-dialog .icon-button{min-width:40px;min-height:40px}.required{color:var(--accent)}@media(max-width:950px){.return-to-text{display:flex;margin:0 0 18px}.reader-companion{scroll-margin-top:20px}}@media(max-width:720px){.stats-strip>div,.stats-strip>a{font-size:10px}.reading-hero .book-art{animation:none}.section-heading h2{max-width:none}.control-button{min-height:40px}.reading-paper-footer>span{font-size:10px}.library-toolbar>.segmented button,.reader-companion>.segmented button{min-height:40px}.word-detail .icon-button{min-width:40px;min-height:40px}.reader-controls{padding:8px 10px}.reader-controls .control-button{font-size:10px}.reader-controls .control-button span{display:inline}.reader-controls .reading-timer{font-size:10px}.section-heading.compact{flex-wrap:wrap}.rhythm-panel .section-heading.compact>.text-link{max-width:none;margin-top:0}.reading-paper-footer p{font-size:11px}}.sentence-block>p:first-child{position:relative;padding-right:22px}.sentence-audio{position:absolute;right:0;bottom:.7em;margin:0}.kanji-legend{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:0 0 16px;font-size:11px;color:#6b765d}.kanji-legend>span{display:flex;align-items:center;gap:6px}.kanji-legend>small{margin-left:auto;font-size:10px;color:var(--muted)}.legend-mark{display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #d8ddcf;border-radius:4px;background:var(--white)}.legend-mark.learning{background:#f6e4c4;border-color:#dcb777}.legend-mark.known{background:#dce9cc;border-color:#a5bb8b;color:#506a38}.kanji-cell.known{background:#e5eed9;border-color:#b5c79e}.kanji-cell.learning{background:#fcf0d9;border-color:#dfc08c}.kanji-cell.known .kanji-glyph{color:#476132}.kanji-cell.learning .kanji-glyph{color:#93703d}.kanji-cell .kanji-state-marker{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:10px;line-height:1}.kanji-state-marker.known{background:#6f8950;color:#fff}.kanji-state-marker.learning{background:#e6c589}.kanji-state-marker.learning>i{width:5px;height:5px;border-radius:50%;background:#916b2c}.kanji-cell{transition:background .25s,border-color .25s,box-shadow .2s,transform .2s}.kanji-cell .kanji-glyph{transition:color .25s}.handwriting-dialog{width:min(530px,calc(100vw - 28px))}.writing-characters{margin-bottom:15px}.writing-characters .filter-chip{min-width:42px;font-family:var(--jp);font-size:18px}.writing-mode{display:flex;width:100%;margin-bottom:14px}.writing-mode>button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:40px}.stroke-meta{display:flex;align-items:center;gap:10px;max-width:330px;margin:15px auto 7px;font-size:12px;color:#6e785f}.stroke-name{font:23px var(--jp-serif);color:var(--ink)}.stroke-meta>.control-button{margin-left:auto;font-size:10px}.stroke-diagram{display:block;width:min(100%,300px);margin:0 auto 16px;border:1px solid #dfe4d5;border-radius:12px;background:#f9faf3;overflow:hidden}.stroke-grid{stroke:#dfe5d5;stroke-width:.4;stroke-dasharray:1.5 1.5}.stroke-outlines{fill:none;stroke:#e5e9db;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stroke-paths{fill:none;stroke:#42543b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ordered-stroke.current{stroke:var(--accent)}.stroke-numbers{font:6px DM Sans,sans-serif;fill:#7d896e;paint-order:stroke;stroke:#f9faf3;stroke-width:1.8px;stroke-linejoin:round}.stroke-numbers .current{fill:var(--accent);font-weight:700}.stroke-tip{fill:#fff8ed;stroke:var(--accent);stroke-width:.8}.stroke-playback{display:flex;justify-content:center;gap:9px;align-items:center}.stroke-playback .btn{min-width:150px}.stroke-playback .icon-button{width:40px;height:40px}.stroke-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}.stroke-options>label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.stroke-options select{padding:5px 8px;font-size:11px}.stroke-options>.caption{font-size:10px}.stroke-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.stroke-steps>button{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#828d74;background:var(--white)}.stroke-steps>button.completed{background:#e8eeda;border-color:#c6d3b3;color:#5b7443}.stroke-steps>button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px #aa4f3c20}.stroke-steps>button:hover{border-color:#879d6e}.writing-next{display:flex;justify-content:center;margin:18px auto 0;font-size:12px}.stroke-credit{font-size:9px;color:#87927a;margin-top:22px;padding-top:13px;border-top:1px solid var(--line);text-align:center;line-height:1.9}.stroke-credit a{text-decoration:underline;text-underline-offset:2px}.stroke-loading{min-height:290px;display:grid;place-items:center;font-size:12px;color:var(--muted)}.stroke-unavailable{min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;padding:15px}.stroke-unavailable>span{font:70px var(--jp-serif);color:#b1bba3}.stroke-unavailable p{font-size:12px;color:var(--muted)}.writing-note{margin-top:14px}.writing-guide-paths{fill:none;stroke:#d7ddcc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media(max-width:430px){.handwriting-dialog{padding:21px 18px}.stroke-playback{gap:7px}.stroke-playback .btn{min-width:120px;padding:11px 9px;font-size:11px}.stroke-playback .icon-button{min-width:34px;min-height:38px;width:34px;height:38px}.stroke-options{gap:8px}.stroke-options>label{gap:4px}.stroke-options select{max-width:78px}.stroke-diagram{max-width:265px}.stroke-steps>button{width:36px;height:36px}.kanji-legend{gap:12px;font-size:10px}.kanji-legend>small{width:100%;margin:0}.kanji-cell .kanji-state-marker{right:5px;top:5px;width:14px;height:14px}}.brand{font-size:18px;gap:9px}.brand strong{display:block;font-weight:500}.mobile-header .brand strong{display:inline}.brand small{font-size:8px;letter-spacing:1.4px;margin-top:8px}.sidebar .exam-note{background:transparent;border-top:1px solid var(--line);padding:20px 0 4px}.sidebar .exam-note p{font-size:20px}.study-subnav{display:flex;flex-wrap:wrap;gap:6px 22px;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.study-subnav a{padding:5px 0}.study-subnav a.router-link-exact-active{color:var(--accent)}.moments-hero{background:#eceee4;border-radius:18px;display:grid;grid-template-columns:1.2fr 1fr;min-height:350px;overflow:hidden;margin-bottom:42px}.moments-hero-copy{padding:35px 38px 38px}.moments-hero h2{font-size:clamp(29px,3.1vw,42px);margin:18px 0}.moments-hero h2 em{color:var(--accent);font-style:normal}.moments-hero-copy>p:not(.eyebrow){color:#5d6657;max-width:440px;font-size:14px}.moment-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.notebook-vignette{position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px 36px 30px 12px}.vignette-label{color:#68705d;font-family:var(--jp-serif);letter-spacing:.15em;text-align:center;margin-bottom:22px;font-size:13px}.vignette-paper{background:var(--white);padding:28px 26px;border-radius:3px;transform:rotate(-5deg);box-shadow:0 12px 26px #36452d0d}.vignette-paper p{font:30px/2.3 var(--jp-serif);margin:15px 0 3px;white-space:nowrap}.vignette-paper rt{font-size:12px;color:var(--muted)}.vignette-paper>span:not(.eyebrow){color:var(--muted);font-size:13px}.vignette-rule{height:1px;background:var(--line);margin:21px 0 13px}.vignette-paper .vignette-script{font-family:var(--serif);font-size:17px;color:var(--olive)}.vignette-stamp{position:absolute;bottom:34px;right:23px;padding:9px 7px;border:1px solid var(--accent);color:var(--accent);writing-mode:vertical-rl;font:20px var(--jp-serif);letter-spacing:4px;transform:rotate(7deg);background:#f5f0e6}.notebook-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:34px}.notebook-feed,.notebook-aside,.moment-card-copy{min-width:0}.notebook-filters{display:flex;gap:10px;margin:22px 0 14px}.notebook-search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.notebook-search svg{position:absolute;left:13px;color:var(--muted);pointer-events:none}.notebook-search input{width:100%;padding-left:39px}.notebook-filters select{max-width:150px}.moment-filter-row{gap:6px;margin-bottom:20px}.moment-filter-row .filter-chip{padding:6px 10px;font-size:12px}.notebook-empty{display:flex;align-items:flex-start;flex-direction:column;gap:15px;padding:35px 26px;border:1px dashed #ccd2c4;border-radius:13px;background:#fafbf6}.notebook-empty>svg{color:var(--olive)}.notebook-empty p{color:var(--muted);max-width:460px}.moment-list{display:grid;gap:14px}.moment-card{display:flex;gap:18px;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:13px}.moment-card:hover{border-color:#b5c0a7;background:#fcfdf8}.moment-icon{width:46px;height:46px;flex:0 0 46px;border-radius:12px;display:grid;place-items:center;color:#677956;background:#edf1e5}.moment-icon.menu,.moment-icon.sign{color:#a16742;background:#f6eadb}.moment-card-copy{flex:1}.moment-card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:11px;margin-bottom:7px}.moment-card-meta>span:first-child{color:var(--olive);text-transform:uppercase;letter-spacing:1px}.moment-card-meta time{margin-left:auto}.moment-card h3{font:23px/1.3 var(--serif);margin-bottom:10px;overflow-wrap:anywhere}.moment-excerpt{color:#656b61;font:14px/1.9 var(--jp);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.moment-card-footer{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:11px;align-items:center}.moment-card-footer>span{display:inline-flex;align-items:center;gap:5px}.moment-card-footer .text-link{margin-left:auto;font-size:12px}.friends-preview{padding:6px 0 24px}.friends-preview .section-heading{margin-bottom:18px}.friends-preview .section-heading .text-link{font-size:12px}.friend-preview{display:flex;align-items:center;gap:12px;margin:15px 0}.friend-preview>span:nth-child(2){display:grid;flex:1}.friend-preview strong{font-weight:500}.friend-preview small{color:var(--muted);font-size:11px}.friend-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eae4d8;color:#7e6b55;font:21px var(--serif);flex-shrink:0}.friend-preview:nth-child(3n) .friend-avatar,.friend-card:nth-child(3n) .friend-avatar{background:#e3e9dc;color:#64754f}.friend-preview:nth-child(3n+1) .friend-avatar,.friend-card:nth-child(3n+1) .friend-avatar{background:#f0dfda;color:#aa6d60}.friends-preview>.btn{margin-top:13px}.familiar-note{background:#e9eddf;padding:24px;border-radius:13px;display:grid;gap:12px}.familiar-note>svg{color:var(--olive)}.familiar-note p:not(.eyebrow){color:#66705d;font-size:13px}.notebook-aside-foot{color:var(--muted);font-size:12px;padding:23px 5px;line-height:2}.loading-note{padding:30px 0}.load-more{margin-top:20px}.friends-welcome{display:flex;justify-content:space-between;gap:35px;padding:42px;background:#eceee4;border-radius:18px}.friends-welcome h2{font-size:38px;margin:17px 0}.friends-welcome p:not(.eyebrow){max-width:490px;color:#626c59;margin-bottom:26px}.friends-japanese{writing-mode:vertical-rl;font:45px var(--jp-serif);letter-spacing:17px;color:#8e9b7c;align-self:center;padding-right:30px}.friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.friend-card{padding:26px;background:var(--white);border:1px solid var(--line);border-radius:14px;min-width:0}.friend-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.friend-avatar.large{width:60px;height:60px;font-size:28px}.friend-card h2{overflow-wrap:anywhere}.friend-card .muted{font-size:12px;margin-top:8px}.friend-notes{font-size:13px;color:var(--muted);margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}.friend-card-actions{display:grid;gap:18px;margin-top:25px}.capture-fields{border:0;padding:0;margin:0;min-width:0}.friend-picker{display:flex;flex-wrap:wrap;gap:9px 15px}.friend-choice,.inline-check{display:inline-flex;gap:7px;align-items:center;font-size:13px;cursor:pointer}.friend-choice input,.inline-check input{accent-color:var(--olive);width:16px;height:16px}.inline-friend-form{display:flex;gap:10px}.inline-friend-form input{flex:1;min-width:0}.capture-attachments,.selected-file,.entry-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.selected-file>span{flex:1;min-width:0;overflow-wrap:anywhere}.attachment-picker{position:relative;display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px dashed #bdc5b1;border-radius:8px;cursor:pointer;font-size:13px;overflow:hidden}.attachment-picker input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer;width:100%;height:100%}.attachment-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.entry-heading{margin-top:26px;align-items:flex-start}.entry-heading>div{min-width:0}.entry-heading h1{overflow-wrap:anywhere}.entry-context{white-space:pre-wrap;overflow-wrap:anywhere}.entry-heading .caption{margin-top:10px;font-size:11px}.entry-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin-bottom:22px}.attachment-view{border:1px solid var(--line);background:var(--white);border-radius:12px;overflow:hidden;min-width:0}.attachment-view img{width:100%;max-height:370px;object-fit:contain;display:block;background:#edeee8}.original-recording{padding:22px}.original-recording audio{width:100%;margin-top:18px;display:block}.attachment-caption{display:flex;flex-wrap:wrap;gap:9px;padding:13px 18px;font-size:12px;align-items:center;justify-content:space-between}.attachment-caption>span{overflow-wrap:anywhere;min-width:0}.attachment-caption button{font-size:12px}.audio-speed{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.audio-speed select{padding:8px 10px}.entry-tools{margin-top:16px}.ai-note{margin:13px 0 30px}.sentence-study-layout{max-width:900px}.sentence-study{min-width:0}.sentence-study-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:22px}.sentence-study-heading h2{margin-top:10px}.sentence-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.sentence-controls .btn{padding:8px 11px;font-size:12px}.sentence-controls .text-link{margin-left:auto;font-size:12px}.sentence-playback{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.sentence-playback .btn{min-height:42px;padding:10px 14px;font-size:13px}.sentence-playback .original-listen{background:#eef3ed;border:1px solid #c5d3bf;color:#435c3c}.sentence-playback .original-listen:hover{background:#e2ebdf}.sentence-original-recording{padding:14px 16px;margin-bottom:20px;border:1px solid #d5dece;border-radius:12px;background:#f1f4ec}.recording-label{display:flex;align-items:center;gap:7px;color:#53654a;font-size:12px;margin-bottom:10px}.sentence-original-recording audio{display:block;width:100%;height:42px}.sentence-original-recording .footnote{margin-top:10px}.sentence-paper{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:30px 25px;margin-bottom:12px}.annotated-sentence{font:26px/2.7 var(--jp-serif);overflow-wrap:anywhere;white-space:pre-wrap}.sentence-token{display:inline;padding:2px 0;border-radius:4px;font:inherit;border-bottom:1px solid #c7d1ba;vertical-align:baseline}.sentence-token:hover,.sentence-token.chosen{background:var(--sage);color:#466138}.annotated-sentence rt{font:11px/1 var(--jp);color:var(--muted)}.listen-first{display:grid;justify-items:center;gap:18px;padding:20px 0;color:var(--olive)}.translation-toggle{margin-top:24px}.sentence-meaning{margin-top:15px;font-size:16px;line-height:1.8}.sentence-explanation{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.sentence-explanation p{margin-top:10px;white-space:pre-wrap}.sentence-pagination{display:flex;justify-content:space-between;gap:10px;margin:30px 0}.original-transcript{border-top:1px solid var(--line);padding:20px 0}.original-transcript summary{cursor:pointer;color:var(--muted)}.original-transcript p{white-space:pre-wrap;font-family:var(--jp);padding-top:18px;line-height:2;overflow-wrap:anywhere}.sentence-discoveries{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px}.discovery-tabs{display:flex;flex-wrap:wrap;gap:6px}.discovery-kind-vocab{--kind-ink: #42644d;--kind-tint: #edf4ee;--kind-border: #c6d9ca;--kind-radius: 20px}.discovery-kind-grammar{--kind-ink: #3f5f89;--kind-tint: #edf2fa;--kind-border: #c6d5e9;--kind-radius: 10px}.discovery-kind-kanji{--kind-ink: #984c36;--kind-tint: #fbefe7;--kind-border: #e6c8b8;--kind-radius: 5px}.discovery-tabs button{font-size:12px;padding:8px 12px;display:flex;gap:7px;align-items:center;border:1px solid var(--kind-border);border-radius:var(--kind-radius);background:var(--kind-tint);color:var(--kind-ink)}.discovery-tabs button span{color:var(--kind-ink);background:var(--white);border-radius:5px;min-width:18px;padding:2px 4px;font-size:10px}.discovery-tabs button:hover,.discovery-tabs button.active{border-color:var(--kind-ink);box-shadow:inset 0 -2px var(--kind-ink)}.discovery-kind-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--kind-border);border-radius:var(--kind-radius);color:var(--kind-ink);background:var(--kind-tint);font-size:12px}.discovery-list{display:flex;flex-direction:column}.discovery-row{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:13px;padding:11px 7px;border-bottom:1px solid var(--kind-border, #dfe4d6);border-radius:4px}.discovery-row>span:first-child{display:grid;gap:3px;min-width:0}.discovery-row strong{font-family:var(--jp);font-weight:500;overflow-wrap:anywhere}.discovery-row small{font-size:11px;color:#737b69;overflow-wrap:anywhere}.discovery-row:hover,.discovery-row.active{background:var(--kind-tint, #e0e6d5)}.discovery-status{color:var(--kind-ink, var(--olive));font-size:10px}.discovery-detail{display:grid;gap:12px}.discovery-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px}.discovery-actions .text-link{font-size:12px}.discovery-meta .quiet-badge{padding:3px 7px;font-size:10px}.discovery-meaning{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:16px;font-weight:500;overflow-wrap:anywhere}.discovery-meaning p{min-width:0}.discovery-meaning .icon-button{flex-shrink:0;width:28px;height:28px;color:var(--muted)}.discovery-reading{font-family:var(--jp);color:var(--muted);font-size:12px;overflow-wrap:anywhere}.surface-form{color:var(--olive);font-size:12px;overflow-wrap:anywhere}.discovery-explanation{font-size:13px;overflow-wrap:anywhere}.discovery-detail .field>span{font-size:12px}.discovery-detail .btn{font-size:12px}.discovery-detail textarea{min-height:68px}.discovery-empty{font-size:13px}.entry-footer{margin-top:32px;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:18px;align-items:start;justify-content:space-between}.entry-footer .footnote{max-width:650px}.entry-footer .text-link{white-space:nowrap;font-size:12px}.review-sources{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;display:grid;gap:8px;font-size:12px;text-align:left}@media(max-width:1200px){.notebook-layout{grid-template-columns:minmax(0,1fr) 215px;gap:24px}.moments-hero-copy{padding:30px}.notebook-vignette{padding-right:26px}.vignette-paper{padding:24px 18px}.vignette-paper p{font-size:26px}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.notebook-layout{grid-template-columns:1fr}.notebook-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px}.notebook-aside-foot{grid-column:1 / -1}}@media(max-width:600px){.brand{font-size:16px}.moments-hero{grid-template-columns:1fr;margin-bottom:28px}.moments-hero-copy{padding:26px}.moments-hero h2{font-size:33px}.notebook-vignette{display:none}.notebook-heading,.entry-heading{gap:18px}.notebook-layout{gap:28px}.notebook-filters{flex-direction:column}.notebook-filters select{max-width:none;width:100%}.notebook-search input{font-size:16px}.notebook-aside{grid-template-columns:1fr}.moment-card{padding:19px 16px;gap:12px}.moment-icon{width:34px;height:36px;flex-basis:34px;border-radius:9px}.moment-icon svg{width:18px}.moment-card h3{font-size:21px}.moment-card-footer .text-link{margin-left:0}.friends-grid{grid-template-columns:1fr}.friends-welcome{padding:28px}.friends-welcome h2{font-size:32px}.friends-japanese{display:none}.entry-heading h1{font-size:33px}.sentence-study-heading h2{font-size:27px}.sentence-paper{padding:24px 17px}.annotated-sentence{font-size:23px}.entry-footer{flex-direction:column}.entry-tools{gap:14px}.sentence-controls{gap:13px}.sentence-controls .text-link{margin-left:0}.sentence-pagination .btn{padding:10px;font-size:12px}.discovery-tabs button{min-height:44px}.friend-choice{min-height:40px}}.sentence-study-heading .quiet-badge{display:inline-flex;flex-shrink:0}.moment-date-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.moment-details-fields input{min-width:0;width:100%}.moment-details-fields small{color:var(--muted);font-weight:400}.entry-moment-details{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0;color:var(--ink);font-size:15px}.entry-moment-details span{border-left:1px solid var(--line);padding-left:20px}.moment-topics{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.topic-tag{color:#506858;background:#edf0e7;padding:4px 9px;border-radius:6px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}a.topic-tag:hover{background:#e0e6d7}.moment-place{margin:5px 0;font-size:13px;color:#797268}.entry-source{display:inline-flex;align-items:center;gap:5px;margin:0 0 10px}.timeline-caption{margin:-4px 0 16px}.entry-context{white-space:pre-line;overflow-wrap:anywhere}@media(max-width:420px){.moment-date-fields{grid-template-columns:minmax(0,1fr);gap:14px}}.passage-picker{margin:16px 0}.passage-picker select{min-width:0;width:100%;text-overflow:ellipsis}.entry-heading>.btn{flex-shrink:0;white-space:nowrap}@media(max-width:600px){.entry-heading,.notebook-heading{flex-direction:column;align-items:stretch}.entry-heading>.btn,.notebook-heading>.btn{align-self:flex-start}}.study-selection-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;margin:16px 0 24px;border:1px solid var(--line);border-radius:12px;background:#eef1e9}.study-selection-note strong{font-size:14px}.study-selection-note p{margin:4px 0 0;font-size:13px;color:var(--muted)}:root{--paper: #fffaf0;--white: #fffdf8;--ink: #212d45;--muted: #616b7d;--line: #deded6;--accent: #b43c19;--accent-dark: #892b12;--accent-light: #ffe2cc;--olive: #544581;--sage: #e5dcfa;--orange: #ff6b35;--lilac: #c2b2f6;--peach: #ffe2cc;--butter: #f9e67e;--serif: "Bricolage Grotesque", "DM Sans", sans-serif;--bottom-nav-height: calc(83px + env(safe-area-inset-bottom, 0px)) ;background:var(--paper);color:var(--ink);scroll-padding-bottom:calc(var(--bottom-nav-height) + 24px)}body{background:var(--paper);color:var(--ink)}::selection{background:#c2b2f680}h1,h2{font-weight:800;letter-spacing:-.035em}h3{font-family:var(--serif);font-weight:700}input:focus,textarea:focus,select:focus{outline-color:#c2b2f6;border-color:#746399}:focus-visible{outline:3px solid #746399;outline-offset:4px}.mikan-workspace .main-workspace{margin-left:0}.mikan-workspace .app-content{max-width:1240px;padding:36px 38px calc(var(--bottom-nav-height) + 44px)}.app-topbar{background:var(--white);border-bottom:1px solid var(--line)}.app-header-inner{display:flex;align-items:center;gap:24px;max-width:1240px;margin:auto;padding:20px 38px;min-height:94px}.app-brand-link{display:inline-flex}.brand-tagline{font-size:8px;font-weight:650;letter-spacing:1.2px;line-height:1.7;max-width:115px;color:var(--muted);border-left:1px solid var(--line);padding-left:23px}.app-header-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.header-goal{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#544581}.header-goal small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:2px}.header-capture{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid var(--ink);border-radius:10px;padding:10px 14px;min-height:44px;font-size:11px;font-weight:700}.header-capture:hover{background:var(--peach)}.header-profile{display:inline-flex;align-items:center;gap:11px;min-height:44px;border-left:1px solid var(--line);padding-left:22px}.header-profile:hover .avatar{background:var(--butter)}.avatar{background:var(--lilac);color:var(--ink);font-weight:700;width:34px;height:34px}.bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:30;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #212d452b;background:#fffdf8f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,620px);margin:0 auto}.bottom-nav a{display:flex;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:10px 14px;border-radius:12px;color:var(--muted);font-size:12px;font-weight:600}.bottom-nav a:hover{color:var(--ink);background:#e5dcfa80}.bottom-nav a.active{color:var(--ink);background:var(--lilac);font-weight:800}.bottom-nav-dot{height:5px;width:5px;border-radius:50%;background:var(--ink);margin-left:3px}.skip-link{left:18px}.page-heading h1{font-size:clamp(32px,3.1vw,43px)}.page-heading .eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.5px}.page-heading>div>p:last-child{font-size:13px}.page-heading .accent{color:var(--orange)}.btn{border-radius:10px;font-weight:700}.btn-primary{color:var(--white);background:var(--ink);border-color:var(--ink);box-shadow:none}.btn-primary:hover:not(:disabled){background:#344666;border-color:#344666;box-shadow:none}.btn-secondary{border-color:#212d4540}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#e5dcfa;border-color:#a692cf}.control-button.active,.tab.active,.tab-button.active,.toggle.active{background:var(--sage);color:#493777;border-color:#ae9bd2}.quiet-badge,.level-tag{background:#e5dcfa;border-color:#cbbcec;color:#4a3a74}.icon-button{background:var(--white);border-radius:9px}.icon-button:hover{background:#e5dcfa}.panel,.app-dialog{border-color:#212d452b;border-radius:16px}.app-dialog{background:var(--white)}.app-dialog::backdrop{background:#212d456e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading h2{font-weight:800}.dialog-heading .eyebrow{color:#544581}.toast-message{left:50%;bottom:calc(var(--bottom-nav-height) + 16px);background:var(--ink);color:var(--white)}.toast-enter-from,.toast-leave-to{bottom:calc(var(--bottom-nav-height) + 6px)}.moments-hero{position:relative;grid-template-columns:1.15fr 1fr;min-height:360px;overflow:visible;border:1.5px solid var(--ink);border-radius:20px;background:var(--orange);margin-bottom:43px}.moments-hero-copy{padding:37px 0 35px 39px;align-self:center}.moments-hero .eyebrow{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:9px;letter-spacing:1.2px}.hero-dot{height:6px;width:6px;background:currentColor;border-radius:50%}.moments-hero h2{font-family:var(--serif);font-size:clamp(38px,4.2vw,58px);line-height:1.04;font-weight:800;letter-spacing:-2px;margin:25px 0 20px}.moments-hero h2 em{color:var(--ink)}.moments-hero-copy>p:not(.eyebrow){color:#253149;max-width:350px;font-size:13px;line-height:1.75}.moment-actions{gap:12px;margin-top:26px}.moments-hero .btn-primary{background:#fff8e8;color:var(--ink);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.moments-hero .btn-primary:hover{background:#f9e67e;transform:translateY(-2px)}.moments-hero .btn-secondary{background:transparent;color:var(--ink);border-color:#212d4560}.moments-hero .btn-secondary:hover{background:#fff8e840}.mikan-conversation-art{min-width:0;display:grid;place-items:center;padding:17px 18px 25px 0}.mikan-conversation-art svg{width:100%;height:auto;overflow:visible}.mikan-hero-sticker{position:absolute;right:27px;bottom:-16px;width:82px;height:82px;border:1.5px solid var(--ink);border-radius:50%;background:var(--butter);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font-size:12px;line-height:1.3}.mikan-hero-sticker b{font:800 18px var(--serif)}.notebook-layout{gap:32px;grid-template-columns:minmax(0,1fr) 260px}.notebook-aside{display:block}.notebook-feed>.section-heading{margin-top:0}.section-heading h2{font-size:28px;font-weight:800}.filter-chip{border-color:#212d452b;background:var(--white)}.filter-chip:hover{border-color:#a895cd;background:#eee7fc}.filter-chip.active{color:var(--ink);background:var(--lilac);border-color:#a895cd;font-weight:700}.notebook-empty{border:1.5px dashed #a595b9;background:#f5efff;border-radius:15px}.notebook-empty>svg{color:#65538d}.notebook-empty h3{color:var(--ink);font-size:23px}.moment-card{border:1px solid #212d452b;border-radius:16px;background:var(--peach)}.moment-card:nth-child(3n+2){background:#e5dcfa}.moment-card:nth-child(3n){background:#e7edc9}.moment-card:hover{border-color:#716185;background:#ffe2cc;box-shadow:3px 3px #212d452b;transform:translateY(-2px)}.moment-card:nth-child(3n+2):hover{background:#e5dcfa}.moment-card:nth-child(3n):hover{background:#e7edc9}.moment-icon,.moment-icon.menu,.moment-icon.sign{background:#fffdf880;color:var(--ink);border:1px solid #212d451c}.moment-card-meta{color:#5b6171}.moment-card-meta>span:first-child{color:#4c4962;font-size:10px;font-weight:700}.moment-card h3{font-weight:700}.moment-excerpt{color:#3f4a60}.moment-card-footer{border-top:1px solid #212d4526;padding-top:15px;color:#545d6d}.moment-card-footer .text-link{color:var(--ink)}.friend-avatar,.friend-preview:nth-child(3n) .friend-avatar,.friend-card:nth-child(3n) .friend-avatar,.friend-preview:nth-child(3n+1) .friend-avatar,.friend-card:nth-child(3n+1) .friend-avatar{background:var(--lilac);color:var(--ink);font-weight:700}.friend-preview:nth-child(3n) .friend-avatar,.friend-card:nth-child(3n) .friend-avatar{background:#e7edc9}.friend-preview:nth-child(3n+1) .friend-avatar,.friend-card:nth-child(3n+1) .friend-avatar{background:var(--peach)}.friends-preview{padding-top:0}.friends-preview .section-heading{margin-top:0}.friends-preview h3{font-size:22px}.familiar-note{background:var(--butter);border:1px solid #212d4526;padding:25px}.familiar-note>svg,.familiar-note .eyebrow,.familiar-note .text-link{color:var(--ink)}.familiar-note h3{font-size:23px;line-height:1.2}.familiar-note p:not(.eyebrow){color:#4b4f40}.friends-welcome{background:#e5dcfa;border:1px solid #aa99c7;align-items:center}.friends-welcome h2{font-weight:800}.friends-welcome p:not(.eyebrow){color:#535269}.friends-mascot{width:210px;max-width:32%;transform:rotate(8deg)}.friend-card{background:var(--peach);border-color:#212d452b}.friend-card:nth-child(3n+2){background:#e5dcfa}.friend-card:nth-child(3n){background:#e7edc9}.friend-card .friend-avatar{background:#fffdf8aa}.study-subnav{gap:8px 24px}.study-subnav a{min-height:36px;display:flex;align-items:center}.study-subnav a.router-link-exact-active{color:#544581;box-shadow:0 2px 0 var(--lilac);font-weight:700}.reading-hero{background:#c2b2f6;border-color:#212d4550;border-radius:18px}.hero-copy h2{font-weight:800;font-size:39px;line-height:1.08}.hero-copy>p:not(.eyebrow),.hero-meta{color:#41425c}.hero-copy .eyebrow{color:var(--ink)}.capture-card{background:var(--peach);border:1px solid #212d452b}.capture-card h3{font-size:23px}.lesson-card{border-color:#212d452b;background:#e5dcfa}.lesson-card:nth-child(3n+2){background:var(--peach)}.lesson-card:nth-child(3n){background:#e7edc9}.lesson-card:hover{border-color:#89779d;box-shadow:3px 3px #212d452b}.lesson-japanese{color:#41425c}.review-card{background:var(--white);border:1.5px solid #aa98cd;border-radius:22px;box-shadow:6px 6px #e5dcfa}.review-card .level-tag{background:#e5dcfa}.review-empty{background:#eee6ff}.empty-icon{background:var(--lilac);color:var(--ink)}.progress-track>span{background:#8b73bf}.personal-note{background:#eee6ff;border-color:#c9b8e9}.attachment-picker{background:#faf6ff;border-color:#ad9bc8}.sentence-card{border-color:#212d452b}.discovery-card{border-color:#c9badb}.auth-page{background:var(--paper)}.auth-card{border:1px solid #212d4540;box-shadow:7px 7px #e5dcfa}.auth-card h1{font-weight:800}.auth-card .accent{color:var(--orange)}.connection-page{background:var(--paper)}.connection-page .gengo-brand{margin-bottom:15px}@media(max-width:1050px){.brand-tagline{display:none}.app-header-inner,.mikan-workspace .app-content{padding-inline:28px}.moments-hero{grid-template-columns:1.2fr 1fr}.moments-hero-copy{padding-left:30px}.moments-hero h2{font-size:43px}.moment-actions .btn{padding-inline:13px;font-size:11px}.notebook-layout{grid-template-columns:minmax(0,1fr) 220px;gap:26px}}@media(max-width:800px){.header-goal{display:none}.app-header-actions{gap:18px}.header-profile{padding-left:18px}.notebook-heading{align-items:flex-start}.notebook-heading>.row{flex-direction:column;align-items:stretch;gap:8px}.moments-hero{min-height:340px}.moments-hero h2{font-size:39px}.moments-hero-copy{padding-block:30px}.moment-actions{flex-direction:column;align-items:flex-start}.moment-actions .btn{font-size:12px}.notebook-layout{grid-template-columns:1fr}.notebook-aside{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:25px}.notebook-aside-foot{grid-column:1 / -1;padding:0}}@media(max-width:600px){:root{--bottom-nav-height: calc(80px + env(safe-area-inset-bottom, 0px)) }.app-header-inner{min-height:83px;padding:18px 20px;gap:12px}.app-header-actions{gap:13px}.header-capture{padding:0;width:40px;height:44px;border:0;border-radius:9px}.header-capture span{display:none}.header-profile{border:0;padding:0;gap:0}.header-profile>svg{display:none}.header-profile .avatar{width:36px;height:36px}.mikan-workspace .app-content{padding:28px 20px calc(var(--bottom-nav-height) + 32px)}.bottom-nav{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}.bottom-nav-inner{gap:6px}.bottom-nav a{flex-direction:column;gap:4px;font-size:10px;padding:8px 4px;min-height:62px;border-radius:12px}.bottom-nav-dot{display:none}.page-heading h1{font-size:34px}.page-heading>div>p:last-child{font-size:12px}.notebook-heading{display:block}.notebook-heading>.row{flex-direction:row;margin-top:19px;flex-wrap:wrap;gap:9px}.notebook-heading>.row .btn{padding-inline:12px;font-size:11px}.moments-hero{grid-template-columns:1fr;min-height:0;border-radius:16px;margin-bottom:39px}.moments-hero-copy{padding:30px 25px 0}.moments-hero h2{font-size:clamp(35px,10.4vw,49px);letter-spacing:-1.5px;margin:22px 0 17px}.moments-hero-copy>p:not(.eyebrow){font-size:12px;max-width:330px}.moments-hero .eyebrow{font-size:8px}.moment-actions{flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:24px}.moment-actions .btn{font-size:11px;min-height:44px}.mikan-conversation-art{padding:6px 15px 15px;width:100%;max-width:350px;margin:auto}.mikan-hero-sticker{width:64px;height:64px;right:16px;bottom:-13px;font-size:10px}.mikan-hero-sticker b{font-size:15px}.notebook-aside{grid-template-columns:1fr}.notebook-aside-foot{grid-column:1}.notebook-empty{padding:32px 20px}.notebook-empty h3{font-size:23px}.moment-card{padding:20px;gap:13px}.moment-icon{width:35px;height:35px;flex-basis:35px;border-radius:9px}.moment-card h3{font-size:23px}.moment-card-meta time{margin-left:0}.friends-welcome{padding:28px 24px;position:relative}.friends-welcome h2{font-size:33px}.friends-mascot{display:none}.reading-hero{padding:27px 25px}.hero-copy h2{font-size:33px}.review-card{border-radius:16px;box-shadow:4px 4px #e5dcfa}.study-subnav{gap:5px 18px;margin-bottom:25px;font-size:12px}}@media(max-width:360px){.app-header-inner{padding-inline:15px}.app-header-actions{gap:7px}.mikan-workspace .app-content{padding-inline:16px}.moments-hero-copy{padding-inline:22px}.moments-hero h2{font-size:35px}.notebook-heading>.row .btn{font-size:10px;padding-inline:10px;gap:6px}.notebook-heading>.row .btn svg{width:16px}}.notebook-language-pair{display:flex;align-items:center;gap:9px;padding:9px 13px;background:#eee6ff;border:1px solid #212d4526;border-radius:30px;font-size:10px;font-weight:700;white-space:nowrap}.notebook-intro{min-height:260px;grid-template-columns:1.35fr 1fr;margin-bottom:35px}.notebook-intro .moments-hero-copy{padding:28px 0 30px 34px}.notebook-intro h2{font-size:clamp(36px,3.7vw,51px);margin:18px 0 14px}.notebook-intro h2 [lang=ja]{font-size:.82em;letter-spacing:-.04em}.notebook-intro .moments-hero-copy>p:not(.eyebrow){max-width:370px}.notebook-intro .mikan-conversation-art{max-width:360px;justify-self:center;padding:12px 22px 12px 0}.notebook-intro .mikan-hero-sticker{height:68px;width:68px;right:24px;bottom:-12px;font-size:10px}.notebook-intro .mikan-hero-sticker b{font-size:17px}.notebook-people-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:0 0 24px}.notebook-people-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.notebook-people-links>.eyebrow{margin:0 6px 0 0;font-size:9px;letter-spacing:1px}.notebook-friend-chip{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:30px;padding:4px 9px 4px 4px;font-size:11px}.notebook-friend-chip:hover,.notebook-friend-chip.active{background:#e5dcfa;border-color:#b5a2d1}.notebook-friend-chip .friend-avatar{width:29px;height:29px;font-size:12px}.notebook-friend-chip small{color:var(--muted)}.notebook-people-links>.text-link{font-size:11px}.notebook-review-link{display:flex;align-items:center;gap:8px;font-size:11px;color:#68591c;padding:10px 13px;border-radius:10px;background:var(--butter)}.notebook-collection-switch{display:none}.notebook-collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}.notebook-collection{min-width:0;border:1.5px solid #212d4545;border-top:6px solid var(--lilac);border-radius:18px;padding:26px;background:#f4effc}.notebook-collection.everyday{border-top-color:var(--orange);background:#fff0e0}.collection-heading{display:flex;align-items:center;gap:13px}.collection-symbol{display:grid;place-items:center;flex:0 0 46px;height:46px;background:var(--lilac);border:1.5px solid var(--ink);border-radius:14px;transform:rotate(-6deg)}.everyday .collection-symbol{background:#ffab7c;transform:rotate(6deg)}.collection-heading .eyebrow{color:#645578;letter-spacing:2px;font-size:10px;margin:0 0 7px}.everyday .collection-heading .eyebrow{color:#866041}.collection-heading h2{display:block;margin:0;font:800 clamp(25px,2.4vw,30px)/1.05 var(--serif);letter-spacing:-.8px}.collection-count{display:inline-block;vertical-align:middle;margin-left:8px;font:600 11px DM Sans,sans-serif;letter-spacing:0;padding:4px 7px;border:1px solid #212d4526;border-radius:7px;background:#fffdf8aa}.collection-description{color:#595b6c;font-size:12px;line-height:1.8;min-height:44px;margin:18px 0}.collection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0 26px;min-height:44px}.collection-actions .btn{font-size:11px;padding:12px 14px}.collection-actions .text-link{font-size:10px}.collection-side-note{font-size:11px;color:#795638}.collection-tools{display:flex;gap:8px}.collection-tools .notebook-search{min-width:0;flex:1;background:#fffdf8}.collection-tools .notebook-search input{min-width:0;width:100%;font-size:11px}.collection-tools select{width:120px;min-width:0;padding:9px;font-size:11px;background:#fffdf8}.collection-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 21px}.collection-filters .filter-chip{padding:6px 9px;min-height:32px;font-size:10px}.everyday .filter-chip.active{background:#ffc79f;border-color:#e59b66}.collection-timeline-label{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #212d451f;padding:16px 0;color:var(--muted);font-size:10px}.collection-timeline-label>span{overflow-wrap:anywhere}.collection-timeline-label .text-link{font-size:10px;flex-shrink:0}.collection-empty{min-height:252px;text-align:center;border-radius:12px;padding:27px 18px 20px;border:1px dashed #bba9d1;background:#fffdf860}.everyday .collection-empty{border-color:#d4ae8c}.empty-collection-art{position:relative;display:inline-block;padding:13px 17px;margin:0 0 24px;border:1.5px solid #212d4580;border-radius:13px 13px 13px 2px;background:#e5dcfa;font-size:17px;font-weight:700;transform:rotate(-5deg)}.everyday .empty-collection-art{border-radius:5px;background:var(--butter);transform:rotate(5deg)}.collection-empty h3{font:800 23px/1.18 var(--serif);letter-spacing:-.4px;margin:0 0 10px}.collection-empty p{font-size:12px;line-height:1.8;color:#626371;max-width:330px;margin:0 auto 15px}.collection-empty .text-link{display:inline-flex;font-size:11px}.collection-entry-list{display:grid;gap:13px}.collection-entry{display:block;min-width:0;border-radius:12px;border:1px solid #cbb9de;background:#fffdf8;padding:19px;transition:transform .15s,box-shadow .15s}.everyday .collection-entry{border-color:#dfba9b}.collection-entry:hover{transform:translateY(-2px);box-shadow:3px 3px #c2b2f670}.everyday .collection-entry:hover{box-shadow:3px 3px #ffab7c70}.collection-entry-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;font-size:9px;color:#6a6177}.collection-entry-type{display:inline-flex;align-items:center;gap:6px;font-weight:700}.collection-entry h3{font:750 23px/1.2 var(--serif);letter-spacing:-.4px;margin:13px 0 10px;overflow-wrap:anywhere}.collection-entry-friends{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.collection-entry-friends>span{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#66537f}.collection-entry .moment-excerpt{margin:12px 0;font-size:12px;overflow-wrap:anywhere}.collection-entry-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #212d4517;padding-top:12px;margin-top:14px;font-size:9px;color:#6a6371}.collection-entry-footer>span:last-child{display:flex;gap:6px;align-items:center;font-weight:700;color:var(--ink)}.collection-load-more{margin-top:17px;width:100%}.notebook-study-note{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:26px 0 0}.notebook-study-note .text-link{font-size:11px}@media(max-width:1050px){.notebook-collections{gap:18px}.notebook-collection{padding:22px 18px}.collection-actions{align-items:flex-start;flex-direction:column;gap:12px;min-height:78px}.collection-heading h2{font-size:26px}.collection-symbol{flex-basis:39px;height:39px}.collection-tools{flex-wrap:wrap}.collection-tools .notebook-search{flex-basis:100%}.collection-tools select{width:100%}}@media(max-width:800px){.notebook-language-pair{display:none}.notebook-intro{min-height:245px}.notebook-intro h2{font-size:39px}.notebook-intro .moments-hero-copy{padding-left:27px}.notebook-collection-switch{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid #212d4533;background:#fffdf8;border-radius:12px;padding:5px;gap:5px;margin-bottom:16px}.notebook-collection-switch button{display:flex;justify-content:center;align-items:center;gap:7px;border-radius:8px;padding:13px 7px;font-size:12px;font-weight:650}.notebook-collection-switch button.active{background:var(--lilac);color:var(--ink)}.notebook-collection-switch button:last-child.active{background:#ffbd93}.notebook-collections{grid-template-columns:1fr}.notebook-collection.is-mobile-hidden{display:none}.notebook-collection{padding:25px}.collection-heading h2{font-size:30px}.collection-actions{flex-direction:row;align-items:center;min-height:44px;gap:16px}.collection-tools{flex-wrap:nowrap}.collection-tools .notebook-search{flex-basis:auto}.collection-tools select{width:135px}}@media(max-width:600px){.notebook-intro{grid-template-columns:1fr}.notebook-intro .moments-hero-copy{padding:24px 24px 0}.notebook-intro h2{font-size:39px;margin-top:18px}.notebook-intro .moments-hero-copy>p:not(.eyebrow){font-size:12px}.notebook-intro .mikan-conversation-art{width:235px;padding:0 0 10px;margin-top:-3px}.notebook-people-bar{gap:12px;padding-bottom:22px}.notebook-people-links{gap:7px}.notebook-people-links>.eyebrow{font-size:8px}.notebook-collection-switch button{font-size:10px;gap:5px}.notebook-collection{padding:24px 18px 18px;border-radius:14px}.collection-heading{gap:11px}.collection-heading h2{font-size:27px}.collection-heading .eyebrow{font-size:9px}.collection-symbol{flex-basis:38px;height:38px;border-radius:11px}.collection-tools{flex-wrap:wrap}.collection-tools .notebook-search{flex-basis:100%}.collection-tools select{width:100%}.collection-actions{gap:13px;margin-bottom:24px}.collection-actions .text-link{font-size:11px}.collection-filters{gap:5px}.collection-filters .filter-chip{font-size:10px;padding:7px 9px}.collection-entry{padding:16px}.collection-empty{padding-inline:13px}.collection-empty h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.collection-entry{transition:none}}.notebook-heading{margin-bottom:25px}.notebook-intro{min-height:215px}.notebook-intro .moments-hero-copy{padding-block:24px}.notebook-intro h2{font-size:43px;margin-block:13px 12px}.notebook-intro .moments-hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.65;margin-bottom:0;max-width:410px}.notebook-intro .mikan-conversation-art{max-width:305px}@media(max-width:600px){.notebook-intro{display:block}.notebook-intro .moments-hero-copy{padding:24px}.notebook-intro h2{font-size:36px;margin-block:17px 14px}.notebook-intro .moments-hero-copy>p:not(.eyebrow){max-width:calc(100% - 90px);font-size:11px;line-height:1.8}.notebook-intro .mikan-conversation-art{position:absolute;width:110px;right:2px;bottom:7px;padding:0}.notebook-intro .mikan-hero-sticker{width:49px;height:49px;right:16px;bottom:-14px;font-size:8px}.notebook-intro .mikan-hero-sticker b{font-size:12px}}.learning-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid #d9dad6;border-radius:30px;font-size:11px;font-weight:700;color:#656b72;background:#f5f4ef;white-space:nowrap}.learning-status.learning{background:#fcf0d9;border-color:#dfc08c;color:#7b5825}.learning-status.known{background:#e5eed9;border-color:#b5c79e;color:#476132}.learning-status.learning:before{content:"•"}.learning-status.known:before{content:"✓"}.discovery-progress-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0}.discovery-progress-summary .caption{display:inline-flex;align-items:center;gap:5px}.discovery-status{display:flex;align-items:center;gap:7px}.learning-familiarity{margin:20px 0 10px}.learning-familiarity .eyebrow{margin-bottom:8px;font-size:10px;color:#655481}.learning-familiarity .segmented{display:flex;width:fit-content;max-width:100%}.learning-familiarity .segmented button{min-height:40px;font-size:12px}.learning-familiarity .segmented .learning.active{background:#fcf0d9;color:#7b5825;box-shadow:inset 0 0 0 1px #dfc08c}.learning-familiarity .segmented .known.active{background:#e5eed9;color:#476132;box-shadow:inset 0 0 0 1px #b5c79e}.library-item-link{display:flex;margin:15px 0 20px;font-size:12px}.discovery-detail .learning-familiarity,.discovery-detail .library-item-link{margin:0}.learning-legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:4px 0 14px;color:var(--muted);font-size:10px}.learning-legend>span{display:inline-flex;align-items:center;gap:6px}.learning-legend>span:before{content:"";width:9px;height:9px;border-radius:3px;border:1px solid #c8c9c3;background:#fffdf8}.learning-legend>.learning:before{background:#f2d7a1;border-color:#bd9456}.learning-legend>.known:before{background:#cfdfb6;border-color:#8ba96c}.learning-legend small{margin-left:auto;font-size:10px}.annotated-sentence .sentence-token.learning{background:#fcf0d9;color:#785422;border-bottom-color:#d3aa63;box-shadow:inset 0 -2px #d3aa63}.annotated-sentence .sentence-token.known{background:#e5eed9;color:#476132;border-bottom-color:#9eb77c;box-shadow:inset 0 -2px #9eb77c}.annotated-sentence .sentence-token.chosen{outline:2px solid #9478ba;outline-offset:2px}.annotated-sentence .kanji-token{padding:0 2px;margin:0 1px;border-radius:5px;line-height:inherit}.annotated-kanji-word{white-space:nowrap}.learning-scope-note{line-height:1.7;margin:10px 0 20px}.learning-encounters{padding-top:20px;border-top:1px solid var(--line);margin-top:22px}.learning-encounters>.eyebrow{font-size:10px;margin:0 0 12px}.learning-encounters>.eyebrow span{margin-left:8px;color:var(--ink)}.learning-encounter-list{display:grid;gap:10px;max-height:300px;overflow-y:auto}.learning-encounter{display:grid;gap:6px;padding:13px 15px;background:#f5f0fc;border:1px solid #d8cce8;border-radius:11px}.learning-encounter:hover{border-color:#987ebc;background:#ede4fa}.learning-encounter small{color:#685e76;font-size:10px}.learning-encounter strong{font-size:12px;color:var(--ink)}.learning-encounter>span{font:12px/1.8 var(--jp);color:#575e6b;overflow-wrap:anywhere}@media(max-width:600px){.learning-familiarity .segmented{width:100%}.learning-familiarity .segmented button{flex:1;padding-inline:10px;font-size:11px}.learning-legend{gap:10px}.learning-legend small{margin-left:0}.discovery-status .learning-status{font-size:10px;padding-inline:7px}}