.bjt-user{position:relative}button.bjt-user-trigger{color:#24180f;max-width:16rem;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .55rem .25rem .25rem;display:inline-flex}button.bjt-user-trigger:focus-visible,.bjt-menu [role=menuitem]:focus-visible{outline-offset:2px;outline:2px solid #6b3a12}.bjt-user-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bjt-avatar{object-fit:cover;background:#eadccb;border-radius:50%;flex:0 0 2rem;width:2rem;height:2rem}.bjt-avatar-fallback{color:#6b3a12;place-items:center;font-weight:650;display:grid}.bjt-menu{z-index:40;background:#fff;border:1px solid #eadfd2;border-radius:.9rem;width:min(18rem,100vw - 1.5rem);padding:.4rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 32px #24180f1f}.bjt-menu-id{align-items:center;gap:.7rem;padding:.55rem .65rem .7rem;display:flex}.bjt-menu-id strong,.bjt-menu-id span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bjt-menu-id span,.bjt-menu-error{color:#7a6556;font-size:.85rem}.bjt-menu [role=menuitem]{color:#24180f;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0e6da;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .65rem;text-decoration:none;display:flex}.bjt-menu [role=menuitem]:hover{background:#f7f2ea}.bjt-menu-error{margin:.2rem .65rem .4rem}@media (width<=640px){.bjt-user-compact .bjt-user-label{display:none}}:root{color:#24180f;background:#f7f2ea;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;margin:0}body{overflow-x:hidden}button,input{font:inherit}button{color:#6b3a12;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:.55rem .8rem}.learner{min-height:100dvh}.learner-app.non-selectable,.learner-app.non-selectable *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.learner-app.non-selectable :is(input,textarea,select,[contenteditable]:not([contenteditable=false]),[data-selectable],.selectable),.learner-app.non-selectable :is(input,textarea,select,[contenteditable]:not([contenteditable=false]),[data-selectable],.selectable) *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.wake-lock-toggle{align-items:center;gap:.6rem;min-height:44px;display:flex}.wake-lock-toggle input{accent-color:#6b3a12;width:1.2rem;height:1.2rem}.wake-lock-status{color:#806143;margin:.4rem 0;font-size:.85rem;line-height:1.5}.page{width:min(100%,40rem);padding:1rem 1rem calc(5.6rem + env(safe-area-inset-bottom));margin:0 auto}.learner.has-mini .page{padding-bottom:calc(9.4rem + env(safe-area-inset-bottom))}.topbar,.player-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.brand{color:#6b3a12;align-items:center;gap:.45rem;margin:0;font-weight:750;display:flex}.brand img{border-radius:.55rem;width:2.25rem;height:2.25rem}h1{margin:.15rem 0 .8rem;font-size:clamp(1.5rem,6vw,2rem);line-height:1.25}h2{font-size:1.05rem}a{color:#6b3a12}.button,a.button{color:#fff;background:#6b3a12;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.7rem 1rem;text-decoration:none;display:inline-flex}.error{color:#8a2b2b}.continue-card,.install-card,.sentence-card,.scene-card{background:#fff;border-radius:1rem;padding:1rem}.continue-card h2,.install-card p,.scene-card span,.scene-card em{margin:.25rem 0}.eyebrow{color:#8a6a52;margin:0;font-size:.8rem}.meter{background:#f0e6da;border-radius:999px;height:.35rem;margin:.7rem 0;overflow:hidden}.meter span{background:#6b3a12;height:100%;display:block}.install-card{justify-content:space-between;gap:.8rem;margin:.8rem 0;display:flex}.install-card p{color:#5c4636;margin:.2rem 0 0}.install-actions{align-items:center;gap:.4rem;display:flex}.scene-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.scene-card{min-height:8.5rem;color:inherit;flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.scene-mark{color:#6b3a12;background:#f3e6d6;border-radius:.7rem;place-items:center;width:2rem;height:2rem;font-weight:700;display:grid}.scene-card em{color:#8a6a52;font-size:.85rem;font-style:normal}.topic-list{gap:.6rem;margin-top:.6rem;display:grid}.topic-row{background:#fff;border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem .85rem .85rem 1rem;display:flex}.topic-row p,.topic-row em{color:#8a6a52;margin:.2rem 0 0;font-size:.85rem;font-style:normal}.topic-row strong{display:block}.icon-play{color:#fff;background:#6b3a12;border-radius:50%;flex:none;width:48px;height:48px;font-size:.78rem}.icon-play:disabled,.button:disabled{color:#8a6a52;cursor:default;background:#eadfd2}.listen-page{flex-direction:column;min-height:100dvh;display:flex}.player-head p{color:#8a6a52;margin:0}.sentence-card{min-height:12rem;margin:.8rem 0 1rem}.text-toggles,.choice-row{flex-wrap:wrap;gap:.4rem;display:flex}.ruby-line{overflow-wrap:anywhere;font-size:clamp(1.55rem,7vw,2.15rem);line-height:2.35;display:block}.ruby-line rt{font-size:.42em}.meaning{font-size:1.05rem;line-height:1.5}.quiet{color:#b3a496}.transport{justify-content:center;align-items:center;gap:1rem;margin-top:auto;display:flex}.step-button,.play-main{min-width:48px;min-height:48px}.play-main{color:#fff;background:#6b3a12;border-radius:50%;width:4.6rem;height:4.6rem;font-weight:700}.progress-block{margin:1rem 0}.scrub{accent-color:#6b3a12;width:100%}.text-button{background:0 0}.sheet-backdrop{z-index:30;background:#24180f59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,40rem);max-height:min(75dvh,36rem);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:#fff;border-radius:1.2rem 1.2rem 0 0;overflow:auto}.sheet-head{justify-content:space-between;align-items:center;display:flex}.choice{border:0;margin:.8rem 0;padding:0}.choice legend{margin-bottom:.35rem}.choice button,.text-toggles button{min-height:44px}.choice button[aria-pressed=true]{color:#fff;background:#6b3a12}.playlist{margin:0;padding:0;list-style:none}.playlist button{text-align:left;border-radius:.8rem;gap:.15rem;width:100%;margin-bottom:.35rem;display:grid}.playlist .current{background:#f3e6d6}.playlist small{color:#5c4636}.tabbar,.mini-player{z-index:20;background:#fff;justify-content:center;display:flex;position:fixed;left:0;right:0}.tabbar{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #eadfd2;grid-template-columns:repeat(4,minmax(0,10rem));justify-content:center;display:grid;bottom:0}.tabbar a{color:#8a6a52;place-items:center;min-height:48px;text-decoration:none;display:grid}.tabbar a.active{color:#6b3a12;font-weight:750}.mini-player{bottom:calc(3.2rem + env(safe-area-inset-bottom));border-top:1px solid #eadfd2;align-items:center;gap:.5rem;padding:.35rem .8rem}.mini-title{text-align:left;background:0 0;flex:1;min-width:0}.mini-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-play{width:48px;height:48px}@media (width<=360px){.scene-grid{grid-template-columns:1fr}.page{padding-left:.75rem;padding-right:.75rem}}.dialogue-bubbles{gap:16px;margin:20px 0;display:grid}.dialogue-bubble{text-align:left;background:#f4eadb;border:2px solid #0000;border-radius:16px;max-width:92%;padding:16px}.dialogue-bubble strong{margin-bottom:8px;font-size:.85rem;display:block}.dialogue-bubble .ruby-line{display:block}.dialogue-bubble.speaker-b{background:#e6f0ec;justify-self:end}.dialogue-bubble.active-turn{border-color:#8b572a}.sentence-card .dialogue-bubble .ruby-line{font-size:1.35rem;line-height:2.1}.sentence-card .row-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.sentence-card .row-actions button{background:#f4eadb;border-radius:10px;padding:10px;font-size:.85rem}.sentence-card .row-actions button[aria-pressed=true]{color:#fff;background:#6b3a12}.listen-page:has(.dialogue-bubbles){padding-bottom:220px}.listen-page:has(.dialogue-bubbles) .transport{z-index:6;background:#fffaf2;border-radius:18px;width:min(560px,100% - 32px);padding:10px;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 2px 18px #30211333}.dialogue-bubble{scroll-margin-bottom:180px}.app-header{justify-content:space-between;align-items:center;gap:.8rem;width:min(100%,40rem);margin:auto;padding:1rem;display:flex}.app-header .brand{letter-spacing:-.05em;font-size:1.4rem;text-decoration:none}.tagline{margin:0 0 1.5rem;font-size:1.25rem;font-weight:650}.tagline span{color:#806143;font-size:.9rem;font-weight:400}.library-toolbar{align-items:center;gap:.65rem;margin:1rem 0;display:flex}.library-toolbar .library-tabs{flex:1;min-width:0}.library-create{white-space:nowrap;flex:none;padding:.65rem .75rem;font-size:.85rem}.library-tabs{background:#ece3d7;border-radius:999px;gap:.4rem;margin:0;padding:.3rem;display:flex}.library-tabs button{background:0 0;flex:1;min-height:44px;font-weight:650}.library-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #48280816}.library-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.library-actions small,.muted{color:#806143;line-height:1.65}.topic-list{gap:.9rem;display:grid}.topic-card{background:#fffcf7;border:1px solid #e8dccc;border-radius:1.2rem;overflow:hidden}.topic-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.05rem 1.2rem 0;display:flex}.topic-title{min-width:0;color:inherit;overflow-wrap:anywhere;flex:1;text-decoration:none}.topic-title strong{font-size:1.15rem}.topic-heading .topic-option{white-space:nowrap;color:#806143;background:0 0;border:1px solid #dbc9b3;flex:none;margin:0;padding:.3rem .55rem;line-height:1.5}.topic-open{color:inherit;padding:.15rem 1.2rem 1rem;text-decoration:none;display:block}.topic-open p{color:#806143;white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0}.topic-open small{color:#6b3a12}.topic-option{margin:0 1.2rem .8rem;padding:.4rem 0;font-size:.85rem;display:inline-block}.empty-state{padding:2rem 0}.notice,.audio-status{background:#efe7db;border-radius:1rem;padding:1rem;line-height:1.6}.audio-status{margin-top:1.5rem}.audio-status .button{margin:.25rem .4rem .25rem 0}.editor-page h1{margin-top:1.2rem}.editor-page label{gap:.4rem;margin-bottom:1rem;display:grid}.editor-page :is(input:not([type=file]),textarea,select){box-sizing:border-box;color:#24180f;width:100%;font:inherit;background:#fffdf9;border:1px solid #d8c7b2;border-radius:.7rem;padding:.75rem}.prompt-options{grid-template-columns:1fr 1.4fr 1fr;gap:.6rem;display:grid}.editor-page textarea{resize:vertical}.editor-page .json-input{font-family:ui-monospace,monospace;font-size:.9rem}.editor-page .file-label{color:#806143;font-size:.85rem}.editor-page input[type=file]{max-width:100%}.delete-topic{color:#9a332b}.login-page{padding-top:15vh}.login-page h1{max-width:18rem;margin-top:1.5rem}.login-page .button{margin-top:.8rem;display:flex}.line-login{background:#087d43!important}.install-offer{color:#806143;margin-top:2rem;font-size:.85rem}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #9b642d}.error{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=350px){.prompt-options{grid-template-columns:1fr}}.login-page .brand .login-logo{border-radius:1.25rem;width:6rem;height:6rem}.app-header .brand{gap:.6rem;min-width:0}.brand-copy{gap:.1rem;min-width:0;display:grid}.brand-copy strong{font:inherit}.brand-copy small{color:#806143;letter-spacing:0;font-size:.75rem;font-weight:400;line-height:1.4}.home-page{padding-top:.25rem}.home-page>.library-tabs{margin:.35rem 0 1.25rem}.my-topics-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.my-topics-heading h1,.public-library-heading h1{margin:0;font-size:1.2rem;line-height:1.4}.home-quota{color:#806143;margin-top:.2rem;font-size:.75rem;display:block}.create-topic-icon{color:#fff;background:#6b3a12;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.65rem;line-height:1;text-decoration:none;display:inline-flex}.public-library-heading{margin-bottom:1rem}.public-library-heading>p{margin:.35rem 0 .75rem;font-size:.85rem}.public-library-heading select{max-width:100%}.home-empty{margin:1.5rem 0 .5rem}.home-empty>h2{margin:0 0 .55rem;font-size:1.35rem;line-height:1.4}.home-empty-intro{color:#806143;margin:0 0 1.25rem;font-size:.9rem;line-height:1.7}.start-guide{background:#fffcf7;border:1px solid #e8dccc;border-radius:1rem;align-items:flex-start;gap:.8rem;margin-top:.8rem;padding:1.1rem;display:flex}.start-guide>div{min-width:0}.start-guide-icon{color:#94673e;flex:0 0 28px;width:28px;margin-top:.1rem}.start-guide-icon svg{width:28px;height:28px}.start-guide h3{margin:0 0 .45rem;font-size:1rem;font-weight:650}.start-guide p{color:#806143;margin:0;font-size:.85rem;line-height:1.8}.start-guide .start-guide-hint{margin-top:.6rem;font-size:.8rem}.start-guide-hint strong{color:#6b3a12;font-size:1rem}.browse-public{text-align:left;background:0 0;min-height:44px;padding:.5rem 0 0;font-size:.85rem;font-weight:650}.home-loading,.home-error{color:#806143;padding:1.25rem 0}.home-feedback{color:#806143;font-size:.85rem}.my-topic-card{background:#fffcf7;border:1px solid #e8dccc;border-radius:1rem;min-width:0;position:relative}.my-topic-open{color:inherit;border-radius:inherit;padding:1.05rem 1.1rem;text-decoration:none;display:block;position:relative}.my-topic-open h2{overflow-wrap:anywhere;margin:0;padding-right:2.5rem;font-size:1.05rem;font-weight:650;line-height:1.5}.my-topic-meta{color:#806143;flex-wrap:wrap;gap:.2rem .7rem;margin:.45rem 0 .5rem;font-size:.8rem;line-height:1.6;display:flex}.topic-origin{color:#947a64;font-size:.72rem}.my-topic-state{color:#806143;margin-top:.35rem;padding-right:1.25rem;font-size:.75rem;display:block}.topic-enter{color:#94673e;font-size:1.1rem;position:absolute;bottom:.95rem;right:1.1rem}.home-topic-menu{z-index:1;position:absolute;top:.5rem;right:.55rem}.home-topic-menu[open]{z-index:3}.home-topic-menu>summary{color:#806143;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;list-style:none;display:flex}.home-topic-menu>summary::-webkit-details-marker{display:none}.home-topic-menu>summary:focus-visible{outline-offset:2px;outline:3px solid #9b642d}.home-topic-menu-items{background:#fffdf9;border:1px solid #e3d4c3;border-radius:.65rem;min-width:8rem;padding:.3rem;position:absolute;top:42px;right:.2rem;box-shadow:0 5px 16px #48280816}.home-topic-menu-items :is(a,button){text-align:left;color:#6b3a12;white-space:nowrap;background:0 0;border-radius:.4rem;width:100%;min-height:44px;padding:.7rem .8rem;font-size:.85rem;text-decoration:none;display:block}.home-topic-menu-items :is(a,button):hover{background:#f4ecdf}.home-install{border-top:1px solid #e8dccc;flex-wrap:wrap;align-items:center;gap:.3rem .7rem;padding-top:.8rem;font-size:.75rem;display:flex}.home-install p{margin:0}.home-install>small{flex-basis:100%}.home-install>div{margin-left:auto;display:flex}.home-install button{background:0 0;min-height:44px;padding:.4rem .55rem;font-size:.75rem}@media (width<=350px){.start-guide{gap:.65rem;padding:.9rem}.start-guide-icon,.start-guide-icon svg{flex-basis:24px;width:24px;height:24px}}.topic-workflow{max-width:680px;margin-inline:auto}.topic-workflow h1{font-size:clamp(1.4rem,5vw,1.9rem)}.topic-workflow textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit}.topic-workflow>.button{min-height:44px;margin-block:16px}.scenario-examples{flex-wrap:wrap;gap:4px 6px;margin-block:8px 12px;display:flex}.scenario-examples button{border-radius:16px;min-height:36px;padding:6px 9px;font-size:.75rem;line-height:1.3}.workflow-step-row{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:4px;font-size:.8rem;display:flex}.workflow-step-row button{white-space:nowrap;background:0 0;min-height:44px;margin-left:auto;padding:6px 0 6px 8px;font-size:.8rem}.ai-instructions{margin-block:8px 12px;padding-inline-start:22px;font-size:.85rem;line-height:1.5}.ai-instructions li{padding:3px 0}.topic-step-two h1{margin:8px 0;font-size:1.35rem}.topic-step-two .material-input{resize:vertical;height:auto;min-height:0;line-height:1.4;display:block}.topic-step-two>.button{margin-block:12px 4px}.workflow-notice{color:#806143;margin-block:8px;font-size:.8rem}.manual-copy{margin-block:16px}.topic-workflow .audio-status .button{margin-block:8px}.topic-detail-heading{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.topic-detail-heading h1{overflow-wrap:anywhere;min-width:0}.topic-manage-menu{flex:none;position:relative}.topic-manage-menu summary{cursor:pointer;place-items:center;min-width:44px;min-height:44px;font-size:1.4rem;list-style:none;display:grid}.topic-manage-menu summary::-webkit-details-marker{display:none}.topic-manage-menu>div{z-index:3;background:#fffdf9;border:1px solid #e3d4c3;border-radius:12px;width:150px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 5px 16px #48280816}.topic-manage-menu button{text-align:left;background:0 0;width:100%;min-height:44px;font-size:.85rem;display:block}.creation-guide li{padding-block:6px}.creation-guide p{margin-block:4px}.ai-copy-tip{margin:8px 0}.ai-copy-tip figcaption{color:#806143;font-size:.72rem;line-height:1.5}.tip-image-button{background:0 0;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.tip-image-button img{object-fit:contain;width:100%;height:auto;max-height:180px;display:block}.tip-image-dialog{box-sizing:border-box;background:#fffdf9;border:1px solid #d8c7b2;border-radius:16px;width:min(92vw,900px);max-height:90svh;padding:12px}.tip-image-dialog::backdrop{background:#24180f99}.tip-image-dialog button{min-height:44px;margin-left:auto;display:block}.tip-image-dialog img{object-fit:contain;max-width:100%;height:auto;max-height:72svh;margin:auto;display:block}.material-import{margin-top:16px}.material-import>.button{min-height:44px;margin-block:12px}.material-file{box-sizing:border-box;background:#fffdf9;border-radius:22px;width:fit-content;min-height:44px;padding:10px 14px;font-size:.8rem;position:relative}.material-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.material-file:focus-within{outline:2px solid}.replacement-heading{justify-content:space-between;align-items:center;display:flex}.replacement-heading h2,.audio-status h2{font-size:1.1rem}.recopy-prompt{min-height:44px;font-size:.8rem}.topic-step-two{padding-top:4px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.topic-step-two .material-import{margin-top:0}.topic-step-two .creation-guide{margin-block:4px 6px}.topic-step-two .creation-guide li{padding-block:2px}.topic-step-two .ai-copy-tip{margin-block:4px}.topic-step-two .tip-image-button img{max-height:clamp(100px,18svh,150px)}.topic-step-two .workflow-notice{margin-block:4px}.topic-step-two .material-import>.button{margin-block:8px 0}.prompt-copied-highlight{color:#6b3a12;background:#f0dfc4;border-radius:4px;padding-inline:3px;font-weight:700}.tts-progress{appearance:none;color:#6b3a12;accent-color:#6b3a12;background:#ddcfbb;border:0;border-radius:999px;width:100%;height:10px;margin-top:16px;display:block;overflow:hidden}.tts-progress::-webkit-progress-bar{background:#ddcfbb;border-radius:999px}.tts-progress::-webkit-progress-value{background:#6b3a12;border-radius:999px;transition:width .4s}.tts-progress::-moz-progress-bar{background:#6b3a12;border-radius:999px}.tts-progress-count{font-variant-numeric:tabular-nums;margin-block:8px}@media (prefers-reduced-motion:reduce){.tts-progress::-webkit-progress-value{transition:none}}