:root{color:#263d33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#245b45;--ink:#263d33;--muted:#849087;--line:#e3e8e0;--cream:#f7f8f4;background:#f7f8f4;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #9fbaa9}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{pointer-events:none}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fffefb;flex-direction:column;width:238px;padding:35px 22px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 3px;display:flex}.brand-symbol{background:var(--green);color:#fffdf4;border-radius:14px 14px 14px 4px;place-items:center;width:42px;height:42px;font-family:Noto Serif JP,serif;font-size:24px;display:grid;box-shadow:0 4px 10px #245b4514}.brand strong{letter-spacing:-.6px;white-space:nowrap;font-size:17px;font-weight:700}.brand small{color:#939a91;letter-spacing:1px;margin-top:3px;font-size:11px;display:block}.sidebar-label{color:#a2aaa2;letter-spacing:1.2px;margin:50px 12px 15px;font-size:12px}nav{gap:7px;display:grid}.nav-item{text-align:left;color:#7a867e;border-radius:8px;align-items:center;gap:12px;width:100%;padding:13px 15px;font-size:14px;font-weight:500;display:flex}.nav-item.active{color:var(--green);background:#eaf1e9}.nav-item:hover:not(.active){background:#f4f5ef}.nav-dot{background:#4c7d5d;border-radius:100%;width:5px;height:5px;margin-left:auto;display:none}.nav-item.active .nav-dot{display:block}.nav-count{background:#e9eee4;border-radius:6px;margin-left:auto;padding:1px 6px;font-size:12px}.sidebar-note{margin:57px 12px auto;padding-bottom:45px}.note-kana{color:#c4cbbd;letter-spacing:6px;white-space:nowrap;font-family:Noto Serif JP,serif;font-size:25px}.sidebar-note p{color:#7c877b;letter-spacing:1.2px;margin-top:22px;font-size:14px;line-height:2.1}.note-line{background:#c4cbbd;width:27px;height:1px;margin:19px 0 13px}.sidebar-note small{color:#a8afa6;font-size:12px}.sidebar-source{text-align:left;background:#fafbf6;border:1px solid #e6e9dd;border-radius:9px;align-items:center;gap:9px;padding:15px 10px;display:flex}.source-icon{color:#6f8660}.sidebar-source strong{font-size:12px;font-weight:500;display:block}.sidebar-source small{color:#969e91;margin-top:3px;font-size:11px;display:block}.sidebar-source>svg{color:#8b9888;margin-left:auto}.sidebar-footer{color:#a0aa9d;align-items:center;gap:6px;padding:17px 10px 0;font-size:11px;display:flex}.sidebar-footer>span:last-child{margin-left:auto}.tiny-dot{background:#83a27a;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.workspace{flex:1;min-width:0;margin-left:238px}.topbar{background:#fbfcf8;border-bottom:1px solid #e7ebe3;justify-content:space-between;align-items:center;height:79px;padding:0 46px;display:flex}.breadcrumb{color:#a0a89f;gap:15px;font-size:12px;display:flex}.breadcrumb>span{color:#c4cbbf}.breadcrumb strong{color:#5b6c5e;font-weight:400}.topbar-actions{align-items:center;gap:20px;display:flex}.source-pill{color:#7b8d75;align-items:center;gap:6px;font-size:12px;display:flex}.button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:13px 19px;font-size:13px;font-weight:500;line-height:1.5;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--green);color:#fffef9;border:1px solid var(--green);box-shadow:0 3px 6px #245b4510}.button-primary:hover:not(:disabled){background:#194b38}.button-outline{color:#536b50;background:#fffefb;border:1px solid #dbe2d6}.button-outline:hover:not(:disabled){background:#f7faf3;border-color:#9eaf93}.button.small{border-radius:6px;min-height:35px;padding:8px 13px;font-size:12px}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.full-width{width:100%}.icon-button{color:#758470;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:7px;display:inline-flex}.icon-button:hover:not(:disabled){background:#eff2e9}.icon-button.framed{background:#fffefb;border:1px solid #e0e5dc;width:36px;height:36px}.text-button{color:#5d7757;justify-content:center;align-items:center;gap:6px;padding:5px 0;font-size:12px;line-height:1.5;display:inline-flex}.text-button:hover{color:#244d39}.muted{color:#96a08e}.workspace main{max-width:1440px;margin:0 auto;padding:37px 46px 28px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:2px;color:#a1aa91;margin-bottom:11px;font-size:11px;font-weight:500}.page-heading h1{letter-spacing:1px;color:#2b3f30;font-size:30px;font-weight:500;line-height:1.6}.heading-dot{color:#6e8c61}.page-heading p{color:#8c9687;margin-top:6px;font-size:12px;line-height:1.9}.practice-summary{color:#72816a;align-items:center;gap:13px;padding-right:5px;font-size:12px;display:flex}.summary-number{color:#79936c;font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:1}.practice-summary small{color:#a2ac99;margin-top:5px;font-size:11px;display:inline-block}.section-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.section-top h2{letter-spacing:.3px;font-size:13px;font-weight:500}.section-top>span{color:#a0a997;overflow-wrap:anywhere;font-size:11px}.scene-section{margin-bottom:27px}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:232px;padding:2px;display:grid;overflow-y:auto}.scene-card{text-align:left;background:#fffefb;border:1px solid #e2e7dc;border-radius:9px;align-items:center;gap:13px;min-height:85px;padding:17px;transition:border-color .15s,background .15s;display:flex}.scene-card:hover{background:#f4f7ed;border-color:#b3c4a6}.scene-card.selected{background:#eaf0e2;border-color:#91aa76;box-shadow:0 2px 3px #9da98a0b}.scene-number{color:#b2bca5;align-self:flex-start;margin-top:2px;font-family:Georgia,serif;font-size:22px;font-style:italic}.selected .scene-number{color:#6c8556}.scene-info{flex:1;min-width:0}.scene-info strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;display:block}.scene-info small{color:#98a18e;align-items:center;gap:7px;margin-top:9px;font-size:11px;display:flex}.selected .scene-info small{color:#859478}.scene-end{color:#8da279;border:1px solid #dde5d3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.selected .scene-end{border-color:#c3d0b3}.practice-layout{grid-template-columns:minmax(0,1fr) 227px;align-items:start;gap:24px;display:grid}.practice-panel{background:#fffefb;border:1px solid #e1e6da;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 5px 15px #344e271c,0 1px 2px #344e2705}.practice-panel-header{border-bottom:1px solid #eef0e8;justify-content:space-between;align-items:center;gap:15px;padding:19px 24px;display:flex}.segmented{background:#f1f3eb;border-radius:6px;gap:2px;padding:3px;display:flex}.segmented button{color:#9aa58e;border-radius:4px;padding:7px 13px;font-size:12px}.segmented button.selected{color:#506a41;background:#fffefb;box-shadow:0 1px 4px #42542f0e}.furigana-toggle{color:#6a795e;align-items:center;gap:7px;font-size:12px;display:flex}.kana-icon{color:#6b865b;margin-right:1px;font-family:Noto Serif JP,serif;font-size:18px}.switch{background:#c1c8bc;border-radius:20px;width:25px;height:14px;margin-left:3px;padding:2px;transition:background .2s}.switch i{background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .2s;display:block}.furigana-toggle.on .switch{background:#72945d}.furigana-toggle.on .switch i{transform:translate(11px)}.conversation{padding:23px 24px 20px}.conversation-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.session-label{color:#7e8c70;align-items:center;gap:7px;font-size:12px;display:flex}.session-label .tiny-dot{background:#96a47b}.turn-count{color:#5e7450;font-family:Georgia,serif;font-size:16px}.turn-count>span{color:#a7b09a;font-size:12px}.dialogue-card{border:1px solid #e6e9df;border-radius:9px;padding:20px 22px}.partner-card{background:#fbfcf8;margin-bottom:16px}.answer-card{background:#f5f7ed;border-color:#dce4cd}.answer-card.current{background:#f1f5e7;border-color:#afc197}.speaker-line{align-items:center;gap:10px;display:flex}.avatar{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.partner-avatar{color:#829071;background:#eef1e7;font-size:11px}.user-avatar{color:#70874c;background:#e3eacc}.speaker-line strong{color:#6d7a60;font-size:12px;font-weight:500;display:block}.speaker-line small{color:#a4ad98;margin-top:4px;font-size:10px;display:block}.speaker-line>.text-button{color:#94a187;gap:4px;margin-left:auto;font-size:11px}.japanese-text{letter-spacing:.035em;overflow-wrap:anywhere;word-break:normal;color:#354b2e;white-space:pre-wrap;padding:15px 0 8px;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-size:22px;font-weight:400;line-height:2.8}.japanese-text ruby{ruby-position:over;ruby-align:center}.japanese-text rt{letter-spacing:.04em;color:#5d7346;-webkit-user-select:none;user-select:none;font-family:Noto Sans SC,Hiragino Kaku Gothic ProN,sans-serif;font-size:.5em;font-weight:400}.partner-text{min-height:78px;padding:9px 0 0;font-size:21px}.listening-placeholder{flex-wrap:wrap;justify-content:center;align-items:center;gap:19px;min-height:72px;display:flex}.listening-placeholder>span{color:#a8af9c;letter-spacing:.4px;font-family:Noto Sans SC,sans-serif;font-size:12px}.waveform{flex-shrink:0;justify-content:center;align-items:center;gap:3px;height:42px;display:flex}.waveform i{background:#c3cdb0;border-radius:10px;width:3px;display:block;transform:scaleY(.7)}.waveform i:nth-child(3n){background:#94a57d}.waveform.playing i{animation:.8s ease-in-out infinite alternate wave}.pulse{animation:1s infinite pulse}.answer-footer{border-top:1px solid #e2e8d8;justify-content:space-between;align-items:center;margin-top:10px;padding-top:11px;display:flex}.answer-footer .text-button{font-size:11px}.translation{color:#91a07e;letter-spacing:.1px;padding:8px 0 0;font-family:Noto Sans SC,sans-serif;font-size:12px;line-height:1.9}.answer-hidden{color:#9aa88b;letter-spacing:.5px;font-family:Noto Sans SC,sans-serif;font-size:14px;line-height:3}.session-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.control-buttons{align-items:center;gap:7px;display:flex}.speed-control{color:#a2ac96;border-left:1px solid #e7ebdf;align-items:center;gap:7px;margin-left:4px;padding-left:12px;font-size:11px;display:flex}.speed-control select{color:#6d805b;cursor:pointer;background:0 0;border:0;padding:5px 2px;font-size:12px}.main-action{min-width:153px;padding:11px 16px;font-size:12px}.session-progress{align-items:center;gap:12px;margin-top:18px;display:flex}.progress-track{background:#edf0e7;border-radius:4px;flex:1;height:3px;overflow:hidden}.progress-track>div{background:#b8c79b;height:100%;transition:width .3s}.session-progress>span{color:#b1b8a7;font-size:10px}.practice-aside{gap:18px;display:grid}.tip-card{background:#f1f3e9;border:1px solid #e4e8dc;border-radius:10px;padding:23px 22px 0}.card-overline{letter-spacing:1px;color:#9aa58b;margin-bottom:11px;font-size:11px;display:block}.tip-card h3{color:#667b55;font-size:14px;font-weight:500;line-height:1.7}.tip-card ol{gap:24px;margin:26px 0 23px;padding:0;list-style:none;display:grid}.tip-card li{gap:13px;display:flex}.tip-card li>span{color:#adb89b;font-family:Georgia,serif;font-size:13px;line-height:1.8}.tip-card li strong{color:#758865;font-size:12px;font-weight:500}.tip-card li p{color:#9ba78c;margin-top:6px;font-size:11px;line-height:1.9}.tip-footer{color:#a8b393;text-align:center;letter-spacing:.7px;border-top:1px solid #e1e5d7;padding:16px 0;font-family:Noto Serif JP,serif;font-size:11px}.source-card{background:#fffefb;border:1px solid #e4e8dd;border-radius:10px;padding:21px 22px}.source-card>svg{color:#8fa975}.source-card h3{color:#71845f;margin-top:12px;font-size:12px;font-weight:500}.source-card p{color:#a1ab96;overflow-wrap:anywhere;margin:10px 0 13px;font-size:11px;line-height:2}.source-card .text-button{font-size:11px}.bottom-note{color:#a7b09c;align-items:center;gap:6px;margin-top:21px;font-size:10px;line-height:1.8;display:flex}.workspace-footer{color:#b0b8a4;border-top:1px solid #e6e9df;align-items:center;gap:18px;max-width:1440px;margin:0 auto;padding:17px 46px 22px;font-size:10px;display:flex}.workspace-footer>span:first-child{color:#98a488;letter-spacing:.6px;font-weight:500}.workspace-footer .text-button{color:#a0ad91;margin-left:auto;font-size:10px}.notice{color:#8e875c;white-space:pre-line;overflow-wrap:anywhere;background:#faf8e9;border:1px solid #dfdfc9;border-radius:8px;align-items:flex-start;gap:11px;margin-bottom:20px;padding:15px 18px;font-size:12px;line-height:1.9;display:flex}.notice>svg{margin-top:3px}.notice-error{color:#93674e;background:#fff2eb;border-color:#eddbcb}.notice-error strong{font-weight:500}.notice .icon-button{min-width:24px;min-height:24px;color:inherit;margin-left:auto;padding:0}.notice ul{margin:7px 0 0;padding-left:15px}.completion{text-align:center;min-height:307px;padding:35px 12px 40px}.completion-icon{color:#6c8d54;background:#e9f0df;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 17px;display:grid}.completion h2{color:#537044;font-size:20px;font-weight:500;line-height:1.8}.completion>p{color:#9aa88c;margin-top:9px;font-size:12px;line-height:1.9}.completion-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:25px;display:flex}.completion .button{font-size:12px}.transcript{padding:20px 24px}.transcript-intro{color:#a0aa93;margin-bottom:20px;font-size:12px;line-height:1.9}.transcript-turn{border-top:1px solid #ecefe5;padding:20px 0}.transcript-turn.user{background:#f5f7ed;border-radius:7px;margin:0 -10px;padding:20px 10px}.transcript-label{color:#92a37e;align-items:center;gap:12px;font-size:12px;display:flex}.transcript-label>span{color:#acb69d;font-family:Georgia,serif}.transcript-label>strong{font-weight:500}.transcript-label>.text-button{margin-left:auto;font-size:11px}.transcript-turn .japanese-text{padding:12px 0 0;font-size:21px;line-height:2.8}.material-intro{background:#edf1e5;border:1px solid #dfe6d3;border-radius:12px;align-items:center;gap:35px;margin-bottom:25px;padding:36px;display:flex}.material-illustration{color:#92a97c;background:#fffefb;border-radius:8px;flex-shrink:0;width:110px;height:135px;padding:25px 22px;position:relative;transform:rotate(-6deg);box-shadow:7px 8px #dce5cd}.paper-line{background:#dde6d1;width:100%;height:3px;margin-top:10px}.paper-line.short{width:70%;margin-top:7px}.paper-kana{color:#8ca36c;background:#e0e8ce;border-radius:10px;place-items:center;width:46px;height:46px;font-family:Noto Serif JP,serif;font-size:29px;display:grid;position:absolute;bottom:4px;right:-17px;transform:rotate(15deg)}.material-intro h2{color:#5b7448;font-size:22px;font-weight:500;line-height:1.7}.material-intro p{color:#97a38a;margin:12px 0 21px;font-size:12px;line-height:2.1}.material-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:23px;margin-bottom:24px;display:grid}.white-card{background:#fffefb;border:1px solid #e2e7dc;border-radius:10px;padding:25px}.schema-row{border-bottom:1px solid #eef0e7;align-items:center;gap:15px;padding:17px 0;font-size:12px;display:flex}.schema-number{color:#b0bca0;font-family:Georgia,serif;font-size:12px}.schema-row code{color:#698151;width:92px;font-size:13px}.schema-row>span:last-child{color:#9ba68f;font-size:12px}.annotation-example{background:#f6f7ef;border-radius:7px;margin-top:23px;padding:17px 20px}.annotation-example>strong{color:#8b9c75;font-size:12px;font-weight:500}.annotation-example>code{color:#6a8252;overflow-wrap:anywhere;margin-top:10px;font-size:13px;display:block}.annotation-arrow{color:#a4b092;margin-top:13px;font-size:11px;display:block}.annotation-example .japanese-text{padding-top:7px;font-size:21px}.import-card .card-overline{margin-top:3px}.import-card h2{color:#65814d;font-size:18px;font-weight:500;line-height:1.8}.import-card p{color:#99a68d;margin:14px 0 22px;font-size:12px;line-height:2.1}.import-card .button{width:100%;margin-bottom:11px}.import-card>small{color:#adb69f;font-size:11px;line-height:1.9;display:block}.import-card>a.text-button{margin-top:15px}.current-source{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.current-source h2{color:#60784e;overflow-wrap:anywhere;font-size:15px;font-weight:500}.current-source p{color:#9eaa91;margin-top:8px;font-size:12px;line-height:1.9}.review-summary{background:#edf2e5;border:1px solid #e1e7d7;border-radius:10px;gap:30px;margin-bottom:25px;padding:25px;display:flex}.review-summary>div{border-right:1px solid #dfe6d2;flex:1;justify-content:center;align-items:center;gap:17px;display:flex}.review-summary>div:last-child{border-right:0}.review-summary strong{color:#728b5a;font-family:Georgia,serif;font-size:30px;font-weight:400}.review-summary span{color:#9aa88b;font-size:12px}.review-row{border-bottom:1px solid #edf0e5;align-items:center;gap:25px;padding:23px 0;display:flex}.review-row>div{flex:1;min-width:0}.review-row strong{color:#687f54;overflow-wrap:anywhere;font-size:14px;font-weight:500}.review-row small{color:#a5b096;margin-top:8px;font-size:11px;display:block}.review-badge{color:#9da98d;white-space:nowrap;background:#f1f4ea;border-radius:4px;padding:5px 9px;font-size:11px}.review-badge.again{color:#aa9760;background:#f7f0d9}.review-badge.done{color:#78975b;background:#eaf1e0}.review-clear{justify-content:flex-end;padding-top:20px;display:flex}.review-clear button{font-size:11px}.all-scenes{margin-top:25px}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list button{color:#9aa78c;background:#f3f5ec;border-radius:5px;padding:5px 10px;font-size:12px}.tag-list .selected{color:#627e4b;background:#dfe9d3}.scene-list-item{color:#8c9c78;border-bottom:1px solid #edf0e6;justify-content:space-between;align-items:center;width:100%;padding:15px 0;font-size:12px;display:flex}.modal{width:100%;max-width:min(540px,100vw - 30px);max-height:88vh;color:var(--ink);background:#fffefb;border:1px solid #dfe5d7;border-radius:16px;padding:0;overflow:auto;box-shadow:0 22px 80px #233f3238}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#263b2b65}.modal-content{padding:36px;position:relative}.modal-close{color:#a2ad95;position:absolute;top:16px;right:17px}.modal-symbol{color:#7b9762;background:#edf2e3;border-radius:15px;place-items:center;width:56px;height:56px;margin-bottom:24px;display:grid}.modal h2{color:#506c3e;font-size:25px;font-weight:500;line-height:1.7}.modal-subtitle{color:#9ca98d;margin-top:6px;font-size:12px;line-height:1.9}.connect-explanation{background:#f3f6ec;border-radius:8px;margin:25px 0 20px;padding:18px 19px}.connect-explanation strong{color:#6e8655;font-size:13px;font-weight:500}.connect-explanation p{color:#95a385;margin-top:9px;font-size:12px;line-height:2}.import-steps{color:#91a17e;margin:0 0 24px;padding-left:20px;font-size:12px;line-height:2.4}.connect-help{margin-top:18px;font-size:12px}.privacy-note{color:#aeb79f;border-top:1px solid #ecefe3;margin-top:25px;padding-top:17px;font-size:11px;line-height:1.9}.modal-error{color:#a27357;white-space:pre-line;background:#fff2eb;border-radius:7px;margin-top:15px;padding:12px 15px;font-size:12px;line-height:1.9}.template-modal{max-width:min(920px,100vw - 30px)}.template-tabs{border-bottom:1px solid #e7ebdf;gap:9px;margin-top:25px;display:flex}.template-tabs button{color:#a0ac91;border-bottom:2px solid #0000;padding:10px 15px;font-size:13px}.template-tabs button.selected{color:#638046;border-color:#759356}.template-description{color:#9ca98b;margin:17px 0;font-size:12px;line-height:1.9}.table-scroll{border:1px solid #e4e9dc;border-radius:7px;max-height:270px;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{color:#78935e;background:#edf2e5;padding:11px 14px;font-weight:500}td{color:#9aa989;white-space:normal;overflow-wrap:anywhere;border-top:1px solid #e8ecdf;min-width:110px;max-width:360px;padding:13px 14px}td:nth-child(5){min-width:240px}.template-rules{background:#f5f7ee;border-radius:8px;margin:22px 0;padding:20px}.template-rules strong{color:#799560;margin-bottom:10px;font-size:12px;font-weight:500;display:block}.template-rules code{color:#6c8555;overflow-wrap:anywhere;font-size:13px}.template-rules p{color:#99a98a;margin-top:12px;font-size:12px;line-height:2}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes pulse{50%{opacity:.35}}@media (width>=1500px){.workspace main{padding-top:46px}.practice-layout{grid-template-columns:minmax(0,1fr) 250px}.japanese-text{font-size:25px}.scene-card{padding:20px}.scene-info strong{font-size:15px}.practice-panel-header{padding:21px 28px}.conversation{padding:26px 28px}.dialogue-card{padding:24px 25px}.page-heading h1{font-size:34px}}@media (width<=1200px){.sidebar{width:205px;padding-left:15px;padding-right:15px}.brand{gap:8px}.brand strong{font-size:15px}.brand-symbol{width:37px;height:37px}.brand small{letter-spacing:.6px;font-size:10px}.workspace{margin-left:205px}.workspace main{padding:30px 28px}.topbar{padding:0 28px}.workspace-footer{padding-left:28px;padding-right:28px}.practice-layout{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.practice-panel-header{padding:16px 19px}.conversation{padding:20px 19px}.dialogue-card{padding:17px}.japanese-text{font-size:20px;line-height:2.9}.scene-card{gap:9px;padding:14px 12px}.scene-info strong{font-size:12px}.scene-number{font-size:20px}.tip-card{padding:20px 17px 0}.source-card{padding:19px 17px}.control-buttons{gap:5px}.speed-control{gap:4px;padding-left:8px}.main-action{min-width:132px;padding:10px 13px}.topbar-actions{gap:13px}}@media (width<=1050px){.practice-layout{grid-template-columns:1fr}.practice-aside{grid-template-columns:1.5fr 1fr;display:grid}.tip-card{padding:20px 22px}.tip-card ol{gap:16px;margin:20px 0 0;display:flex}.tip-card li{flex:1;gap:8px}.tip-card li p{font-size:10px}.tip-footer{display:none}.source-card{padding:20px}.page-heading h1{font-size:27px}.material-intro{gap:27px;padding:28px}.material-intro h2{font-size:20px}.material-grid{grid-template-columns:1fr}.import-card .button{width:auto;margin:0 10px 12px 0}.current-source{flex-wrap:wrap}.material-illustration{width:90px;height:118px;padding:19px}}@media (width<=760px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:17px 21px 0;position:static}.app-shell{display:block}.brand strong{font-size:18px}.brand small{font-size:10px}.brand-symbol{width:39px;height:39px}.sidebar-label,.sidebar-note,.sidebar-source,.sidebar-footer{display:none}.sidebar nav{gap:9px;margin:18px -5px 0;display:flex}.nav-item{border-bottom:2px solid #0000;border-radius:0;flex:1;justify-content:center;gap:8px;padding:12px 9px;font-size:12px}.nav-item.active{background:0 0;border-bottom-color:#80986b}.nav-item>svg{width:16px;height:16px}.nav-dot{display:none!important}.nav-count{margin:0;font-size:10px}.workspace{margin:0}.topbar{background:#fbfcf8;height:57px;padding:0 23px}.breadcrumb{gap:9px;font-size:11px}.source-pill{font-size:10px}.topbar .button.small{min-height:29px;padding:6px 9px;font-size:11px}.topbar-actions{gap:9px}.workspace main{padding:27px 23px 23px}.page-heading{margin-bottom:27px}.eyebrow{letter-spacing:1.7px;font-size:10px}.page-heading h1{letter-spacing:.3px;font-size:25px}.page-heading p{max-width:255px;font-size:12px}.practice-summary{flex-shrink:0;gap:9px;padding-right:0;font-size:11px}.summary-number{font-size:33px}.practice-summary small{font-size:10px}.section-top h2{font-size:12px}.section-top>span{font-size:10px}.scene-grid{scroll-snap-type:x mandatory;gap:9px;max-height:none;padding:3px 2px 7px;display:flex;overflow:auto}.scene-card{scroll-snap-align:start;flex:0 0 220px;gap:11px;min-height:79px;padding:15px 13px}.scene-info strong{font-size:13px}.scene-info small{font-size:10px}.scene-section{margin-bottom:17px}.practice-panel{border-radius:10px}.practice-panel-header{padding:15px 17px}.conversation{padding:19px 17px}.japanese-text{padding-top:18px;font-size:23px;line-height:2.8}.partner-text{min-height:85px;font-size:21px}.dialogue-card{padding:18px 17px}.speaker-line strong{font-size:12px}.speaker-line small{font-size:10px}.listening-placeholder{gap:14px;min-height:70px}.listening-placeholder>span{font-size:12px}.session-controls{flex-wrap:wrap;gap:10px}.control-buttons{gap:6px}.main-action{min-width:141px;padding:11px 14px}.speed-control{padding-left:10px}.session-progress{margin-top:17px}.practice-aside{grid-template-columns:1fr}.tip-card{display:none}.source-card{grid-template-columns:30px 1fr;align-items:center;gap:0 12px;padding:18px 20px;display:grid}.source-card>svg{grid-row:1/3}.source-card h3{margin-top:0;font-size:12px}.source-card p{margin:5px 0 0;font-size:11px}.source-card .text-button{grid-column:2;justify-content:flex-start;margin-top:8px}.bottom-note{align-items:flex-start;font-size:10px;line-height:1.9}.bottom-note>svg{margin-top:2px}.workspace-footer{gap:12px;padding:15px 23px 21px;font-size:7px}.workspace-footer .text-button{font-size:7px}.material-intro{padding:25px;display:block}.material-illustration{display:none}.material-intro h2{font-size:22px}.material-intro p{font-size:12px}.desktop-break{display:none}.material-grid{gap:18px}.white-card{padding:21px}.schema-row{gap:12px}.schema-row code{width:85px}.schema-row>span:last-child{font-size:11px}.annotation-example{padding:17px}.import-card .button{margin-right:7px;padding:11px 14px;font-size:12px}.current-source{gap:17px;padding:22px}.current-source .button{font-size:12px}.page-heading>.button{gap:5px;min-height:34px;padding:9px 11px;font-size:11px}.page-heading>.button>svg{width:15px}.review-summary{gap:8px;padding:21px 12px}.review-summary>div{flex-direction:column;gap:9px}.review-summary strong{font-size:29px}.review-summary span{font-size:11px}.review-row{gap:11px}.review-row strong{font-size:12px}.review-row small{font-size:10px;line-height:1.9}.review-row .text-button{font-size:11px}.review-badge{padding:4px 7px;font-size:10px}.review-clear button{font-size:10px}.modal-content{padding:30px 24px}.modal h2{font-size:23px}.template-tabs{gap:3px}.template-tabs button{padding:9px 12px;font-size:12px}.template-rules{padding:17px}.template-modal .button{padding:11px 13px;font-size:12px}.completion{min-height:320px;padding:30px 0}.completion h2{font-size:19px}.completion-actions{gap:8px}.completion .button{padding:11px 13px;font-size:12px}}@media (width<=390px){.topbar .source-pill{display:none}.page-heading h1{font-size:22px}.practice-summary{display:none}.workspace main{padding-left:17px;padding-right:17px}.conversation,.practice-panel-header{padding-left:14px;padding-right:14px}.japanese-text{font-size:21px}.speed-control{margin-left:0;padding-left:7px}.main-action{width:100%;margin-top:3px}.session-controls{justify-content:center}.control-buttons{justify-content:space-between;width:100%}.furigana-toggle{gap:5px}.segmented button{padding:7px 10px}.scene-card{flex-basis:210px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page-heading p,.source-card p,.tip-card li p,.transcript-intro,.template-description,.import-card p,.material-intro p,.current-source p,.modal-subtitle,.connect-explanation p,.template-rules p,.translation{color:#707f66}.speaker-line small,.session-progress>span,.source-pill,.section-top>span,.bottom-note,.workspace-footer,.sidebar-footer{color:#7b8970}.japanese-text{text-wrap:pretty;line-break:strict}@media (width<=760px){.nav-item{white-space:nowrap;gap:6px;padding-left:7px;padding-right:7px;font-size:11px}.icon-button.framed{width:42px;height:42px}.speaker-line>.text-button{padding:8px 0}}.nav-kana{text-align:center;width:20px;font-size:20px;line-height:1}.reading-mode{color:#506447;align-items:center;gap:8px;font-size:12px;display:flex}.reading-mode select{color:#344a32;min-width:150px;font:inherit;background:#fff;border:1px solid #d7ddcf;border-radius:7px;padding:9px 11px}.reading-input-card,.reading-result-card{background:#fffefa;border:1px solid #dce0d5;border-radius:12px;padding:26px}.reading-input-card label{color:#344a32;margin-bottom:14px;font-size:15px;font-weight:600;display:block}.reading-input-card textarea{resize:vertical;color:#293b2c;background:#fff;border:1px solid #cbd3c0;border-radius:8px;width:100%;min-height:145px;padding:16px;font:21px/1.8 Hiragino Mincho ProN,Yu Mincho,serif}.reading-input-card textarea:focus{outline-offset:2px;outline:2px solid #8ca577}.reading-input-footer{color:#65715b;justify-content:space-between;gap:15px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.reading-input-footer>span:last-child{white-space:nowrap}.reading-results{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.reading-result-card{min-width:0}.reading-result-card h2{color:#506447;margin:0;font-size:15px;font-weight:600}.reading-result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.reading-japanese{color:#2f4233;white-space:pre-wrap;overflow-wrap:anywhere;min-height:145px;padding-top:22px;font:25px/2.8 Hiragino Mincho ProN,Yu Mincho,serif}.reading-japanese rt{font-size:.48em}.reading-placeholder{color:#65715b;font:14px/1.8 Arial,sans-serif}.reading-footnote{color:#65715b;max-width:900px;margin-top:22px;font-size:12px;line-height:1.9}.practice-library-picker{border:1px solid var(--line);background:#fffefa;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:15px 20px;display:flex}.practice-library-picker label{color:#627059;align-items:center;gap:12px;font-size:12px;display:flex}.practice-library-picker select{color:#344a32;max-width:300px;font:inherit;background:#fff;border:1px solid #d4dccd;border-radius:6px;padding:8px}.library-account{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.library-account strong{overflow-wrap:anywhere;font-size:15px}.library-account p{color:#4e6b42;margin:8px 0;font-size:13px}.library-account small,.editor-help{color:#69745f;font-size:12px;line-height:1.8}.library-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:22px;display:grid}.library-list{padding:20px 16px}.library-list .section-top{gap:10px;margin-bottom:15px}.library-list h2{font-size:15px}.library-list>.text-button{margin-top:18px;font-size:12px;display:flex}.library-book{text-align:left;color:#344a32;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;margin:3px 0;padding:13px 11px}.library-book.selected{background:#eff3e9;border-color:#d1dcc5}.library-book:hover{background:#f5f7f1}.library-book strong{overflow-wrap:anywhere;font-size:13px;line-height:1.6;display:block}.library-book small{color:#738068;margin-top:4px;font-size:11px;line-height:1.7;display:block}.book-editor{min-width:0;padding:25px}.book-editor label,.correction-row label{color:#5e7053;flex-direction:column;gap:8px;min-width:0;font-size:12px;display:flex}.book-editor input,.book-editor textarea,.book-editor select{color:#2e4230;background:#fff;border:1px solid #cfd8c6;border-radius:7px;width:100%;min-width:0;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.7}.book-editor textarea{resize:vertical}.book-editor textarea[lang=ja]{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:20px;line-height:1.9}.book-editor input:focus,.book-editor textarea:focus,.book-editor select:focus{outline-offset:2px;outline:2px solid #9aac88}.book-editor-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:16px;padding-bottom:22px;display:flex}.book-editor-title label{flex:1}.book-editor-title input{font-size:19px;font-weight:600}.scene-editor-heading{align-items:end;gap:12px;margin:24px 0 18px;display:flex}.scene-editor-heading label{flex:1}.scene-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.turn-editor{border-top:1px solid #e4e8de;padding:22px 0}.editor-row-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.editor-row-heading>strong{white-space:nowrap;color:#526949;font-size:13px}.editor-row-heading select{width:auto;max-width:210px;padding:7px 9px;font-size:12px}.editor-row-actions{gap:13px;margin-left:auto;display:flex}.editor-row-actions button{font-size:11px}.editor-reading{color:#3d5634;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7ef;border-radius:7px;height:calc(5.4em + 28px);margin-top:12px;padding:14px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:20px;line-height:2.7;overflow-y:auto}.editor-reading-placeholder{color:#738068;font-family:Arial,sans-serif;font-size:13px}.editor-reading .field-error{margin:0;font-family:Arial,sans-serif;font-size:13px;line-height:1.7}.editor-reading rt{font-size:.5em}.editor-reading small{color:#766344;font-family:Arial,sans-serif;font-size:12px;line-height:1.7;display:block}.editor-optional{color:#6c7a61;margin-top:16px;font-size:12px}.editor-optional summary,.library-more summary{cursor:pointer;line-height:1.8}.editor-optional[open] summary{margin-bottom:16px}.translation-edit{grid-template-columns:1fr 150px;gap:15px;display:grid}.correction-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin:10px 0;display:grid}.correction-row .text-button{padding:10px 0}.field-error{color:#965b42;font-size:12px;line-height:1.8}.danger-text{color:#9a6149}.editor-pages{color:#69745f;justify-content:space-between;margin:15px 0;font-size:12px}.book-editor-tools{border-top:1px solid var(--line);flex-wrap:wrap;gap:18px;margin-top:26px;padding-top:20px;display:flex}.book-editor-tools button{font-size:12px}.library-empty{text-align:center;color:#617357;padding:35px 10px}.library-empty h2{margin:20px 0 10px;font-size:20px}.library-empty p{margin-bottom:25px;font-size:13px;line-height:1.8}.library-more{color:#53694b;margin-top:25px;font-size:13px}.library-more[open] summary{margin-bottom:22px}.library-more>.button-row{margin:18px 0}.conflict-card{border-color:#d5ba86;margin-bottom:20px}.conflict-card p,.import-preview p{color:#6d775f;font-size:13px;line-height:1.8}.import-preview{margin-top:24px}.import-preview li{color:#4d6543;margin:10px 0;font-size:13px}.history-list{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}.history-list h3{font-size:14px}.history-list>div{border-bottom:1px solid var(--line);color:#68775e;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.full-width{justify-content:center;width:100%}.modal-content>.text-button{margin-top:24px}@media (width<=1080px){.library-layout{grid-template-columns:190px minmax(0,1fr);gap:15px}.book-editor{padding:20px}.book-editor-title{flex-wrap:wrap}.book-editor-title label{flex-basis:100%}.editor-row-actions{width:100%;margin-left:0}}@media (width<=760px){.library-account{flex-direction:column;align-items:start;gap:15px}.library-layout{grid-template-columns:1fr}.library-list{max-height:290px;overflow:auto}.library-book{vertical-align:top;width:calc(50% - 6px);margin:3px;display:inline-block}.scene-editor-heading{flex-wrap:wrap}.scene-fields,.translation-edit{grid-template-columns:1fr}.book-editor-title{gap:12px}.book-editor{padding:18px}.editor-reading{padding:10px;font-size:19px}.correction-row{grid-template-columns:1fr 1fr}.correction-row>.text-button{justify-self:start}.practice-library-picker{padding:12px}.practice-library-picker label{flex-wrap:wrap}.practice-library-picker select{max-width:100%}}@media (width<=480px){.nav-item>svg,.nav-item .nav-kana,.nav-item .nav-count{display:none}}@media (width<=760px){.sidebar nav{gap:0}.nav-item{gap:3px;padding-left:4px;padding-right:4px}.nav-kana{width:16px;font-size:16px}.practice-panel-header{flex-wrap:wrap;gap:12px}.reading-mode{margin-left:auto}.reading-mode select{min-width:140px}.reading-results{grid-template-columns:1fr;gap:15px}.reading-input-card,.reading-result-card{padding:18px}.reading-input-card textarea{font-size:19px}.reading-input-footer{font-size:11px}.reading-japanese{font-size:22px}}.status-attention{color:#8b5b2b}.compact-save-notice{justify-content:space-between;align-items:center;gap:16px;display:flex}.compact-save-notice .text-button{flex-shrink:0}.settings-advanced{margin:12px 0;font-size:12px}.library-more[open] .settings-advanced>summary{cursor:pointer;margin-bottom:8px}.settings-advanced p{color:#69745f;line-height:1.8}@media (width<=390px){.topbar .source-pill{display:inline-flex}}@media (width<=360px){.sidebar nav .nav-item{padding-left:2px;padding-right:2px;font-size:11px}.compact-save-notice{flex-wrap:wrap;gap:8px}}
