:root{--bg:#f7f7f4;--surface:#fff;--surface-alt:#f4f3ef;--text:#202124;--muted:#767676;--line:#e8e7e2;--soft:#f2f1ed;--ink:#202124;--accent:#202124;--accent-soft:#efefeb;--good:#2ba471;--danger:#c94a55;--shadow:none;--radius:20px;--nav-h:68px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,sans-serif}body.teacher-theme{--accent:#6257e7;--accent-soft:#eeecff}body.story-theme{--accent:#e5962b;--accent-soft:#fff2df}body.fortune-theme{--accent:#6a5ae0;--accent-soft:#eeecff}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(760px,100% - 28px);margin:0 auto}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f7f4ed;border-bottom:1px solid #e8e7e2eb;position:sticky;top:0}.app-header .inner{justify-content:space-between;align-items:center;gap:12px;height:58px;display:flex}.app-brand{align-items:center;gap:10px;min-width:0;display:flex}.app-mark{background:var(--text);color:#fff;letter-spacing:-.02em;border-radius:12px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid}.app-mark.teacher{background:#6257e7}.app-mark.story{background:#e5962b}.app-mark.fortune{background:#6a5ae0}.app-title{min-width:0}.app-title strong{letter-spacing:-.02em;font-size:14px;line-height:1.1;display:block}.app-title small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.back-btn{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:500;display:grid}.status{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:750;display:inline-flex}.status-dot{background:#bbb;border-radius:50%;width:7px;height:7px}.status.connected .status-dot{background:var(--good)}.global-nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;position:fixed;bottom:0;left:0;right:0}.global-nav .inner{height:var(--nav-h);grid-template-columns:repeat(5,1fr);max-width:620px;margin:auto;display:grid}.navitem{color:#8a8a82;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:720;display:flex}.navitem .nav-icon{place-items:center;width:28px;height:26px;display:grid}.navitem svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.navitem.active{color:var(--accent)}.navitem.active .nav-icon{background:var(--accent-soft);border-radius:9px}.page{padding:20px 0 34px}.hero{padding:8px 0 6px}.kicker{color:var(--accent);font-size:12px;font-weight:850}.hero h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(30px,7vw,44px);line-height:1.08}.hero p{color:var(--muted);max-width:620px;margin:0;font-size:14px;line-height:1.6}.section{margin-top:24px;scroll-margin-top:76px}.section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:11px;display:flex}.section-head h2{letter-spacing:-.035em;margin:0;font-size:20px}.section-head small{color:var(--muted);font-size:11px}.subnav{scrollbar-width:none;background:#efeee9;border-radius:15px;gap:7px;margin-top:16px;padding:4px;display:flex;overflow:auto}.subnav::-webkit-scrollbar{display:none}.subnav a{text-align:center;min-width:max-content;color:var(--muted);border-radius:11px;flex:1;padding:9px 12px;font-size:12px;font-weight:780}.subnav a.active,.subnav a:focus{color:var(--accent);background:#fff;box-shadow:0 1px #00000008}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.panel{padding:18px}.grid{gap:10px;display:grid}.grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:142px;padding:16px;display:flex}.feature-card:active{transform:scale(.99)}.feature-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.feature-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.feature-card strong{margin-top:auto;padding-top:18px;font-size:15px}.feature-card span{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45}.list{gap:8px;display:grid}.list-item{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;display:grid}.list-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.list-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.list-copy{min-width:0}.list-copy strong{font-size:13px;display:block}.list-copy small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45;display:block}.chevron{color:#aaa;font-size:20px}.notice{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.notice b{font-size:13px;display:block}.notice p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn{background:var(--accent);color:#fff;border:0;border-radius:14px;padding:11px 14px;font-size:13px;font-weight:800}.btn.secondary,.btn.ghost{color:var(--text);border:1px solid var(--line);background:#fff}.btn.danger{color:var(--danger);background:#fff3f1;border:1px solid #efd8d4}.btn.small{border-radius:11px;padding:8px 10px;font-size:11px}.btn:disabled{opacity:.45;cursor:default}.label{margin:13px 0 7px;font-size:11px;font-weight:800;display:block}.field{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:0;padding:12px 13px}.field:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}textarea.field{resize:vertical;min-height:110px}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.meta{color:var(--muted);font-size:11px;line-height:1.5}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:6px 9px;font-size:10px;font-weight:780;display:inline-flex}.result{background:var(--surface-alt);white-space:pre-wrap;border-radius:15px;min-height:86px;margin-top:12px;padding:14px;font-size:13px;line-height:1.65}.result.empty{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.build-meta{text-align:center;color:#aaa;width:min(760px,100% - 28px);margin:18px auto 6px;font-size:9px}.build-meta code{font:inherit;background:#efeee9;border-radius:7px;padding:3px 6px}.person-card{text-align:center;padding:20px}.avatar{background:var(--accent-soft);border:5px solid var(--accent-soft);width:96px;height:96px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto;font-size:28px;font-weight:900;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.person-card h2{margin:15px 0 5px;font-size:22px}.person-card p{max-width:470px;color:var(--muted);margin:0 auto;font-size:12px;line-height:1.55}.primary-wide{background:var(--accent);color:#fff;text-align:center;border:0;border-radius:15px;width:100%;min-height:48px;margin-top:18px;padding:14px 16px;font-size:14px;font-weight:850;display:block}body.session-page{background:var(--bg);padding-bottom:0}.session-page .app-header{position:sticky}.session-shell{width:min(620px,100% - 24px);margin:0 auto;padding:18px 0 28px}.session-person{text-align:center;padding:8px 0 14px}.session-person .avatar{width:104px;height:104px}.session-person h1{letter-spacing:-.035em;margin:14px 0 5px;font-size:24px}.session-person p{color:var(--muted);margin:0;font-size:12px}.live-stage{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:24px;padding:18px;position:relative}.live-top{display:none}.live-title{text-align:center;margin:0 0 5px;font-size:18px}.live-sub{color:var(--muted);text-align:center;max-width:460px;margin:0 auto 14px;font-size:11px;line-height:1.5}.live-orb{background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--accent-soft) 9% 32%,color-mix(in srgb,var(--accent) 65%,#fff) 58%,var(--accent) 100%);width:94px;height:94px;box-shadow:0 0 0 8px var(--accent-soft);border-radius:50%;place-items:center;margin:18px auto 14px;transition:all .18s;display:grid}.live-stage[data-state=speaking] .live-orb{box-shadow:0 0 0 12px var(--accent-soft);transform:scale(1.04)}.live-orb span{color:#fff;font-size:24px;font-weight:900}.live-status{text-align:center;color:var(--muted);min-height:18px;font-size:12px}.live-controls{justify-content:center;gap:8px;margin-top:14px;display:flex}.live-btn{background:var(--accent);color:#fff;border:0;border-radius:15px;min-width:160px;padding:13px 18px;font-weight:850}.live-btn.end{color:var(--danger);background:#fff;border:1px solid #ecd5d8}.live-callbar{border:1px solid var(--line);background:var(--bg);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:grid}.live-timer{font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.live-call-actions{justify-content:center;gap:7px;display:flex}.live-tool-btn{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:780}.live-tool-btn.active{color:#9a514a;background:#fff0ee;border-color:#e2c4c0}.live-volume{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.live-volume input{width:78px;accent-color:var(--accent)}.live-presets{scrollbar-width:none;gap:7px;margin-top:12px;display:flex;overflow:auto}.live-presets::-webkit-scrollbar{display:none}.live-presets button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;flex:none;padding:8px 10px;font-size:11px;font-weight:750}.live-transcript{gap:8px;margin-top:14px;display:grid}.live-line{background:var(--surface-alt);border-radius:14px;padding:11px 12px;font-size:12px;line-height:1.55;display:none}.live-line.show{display:block}.live-line.user{background:var(--accent-soft)}.live-line small{color:var(--muted);margin-bottom:4px;font-size:9px;font-weight:800;display:block}.live-history{border:1px solid var(--line);background:var(--bg);border-radius:15px;margin-top:12px;overflow:hidden}.live-history summary{cursor:pointer;justify-content:space-between;align-items:center;padding:11px 12px;font-size:11px;font-weight:800;list-style:none;display:flex}.live-history summary::-webkit-details-marker{display:none}.live-history-actions{padding:0 12px 10px}.live-history-list{gap:7px;max-height:300px;padding:0 10px 10px;display:grid;overflow:auto}.live-history-turn{background:#fff;border-radius:12px;padding:9px 10px;font-size:12px;line-height:1.5}.live-history-turn.user{background:var(--accent-soft)}.live-history-turn small{color:var(--muted);margin-bottom:3px;font-size:9px;font-weight:800;display:block}.live-history-empty{color:var(--muted);padding:12px;font-size:11px}.live-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.live-settings{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.live-settings summary{cursor:pointer;color:var(--muted);justify-content:space-between;font-size:11px;font-weight:800;list-style:none;display:flex}.live-settings summary::-webkit-details-marker{display:none}.live-settings summary:after{content:"＋"}.live-settings[open] summary:after{content:"−"}.live-settings .live-setup-grid{margin-top:8px}.continue-last{border:1px dashed var(--line);color:var(--accent);background:#fff;border-radius:12px;padding:8px 10px;font-size:11px;font-weight:750}.pref-note,.live-note{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.45}.vision-box{border:1px solid var(--line);background:var(--bg);border-radius:15px;margin-top:12px;padding:12px}.vision-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.vision-head strong{font-size:12px}.vision-head span{color:var(--muted);font-size:10px}.vision-actions{gap:7px;margin-top:9px;display:flex}.vision-btn{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:11px;padding:8px 10px;font-size:11px;font-weight:800}.vision-preview{grid-template-columns:72px 1fr;align-items:center;gap:9px;margin-top:9px;display:none}.vision-preview.show{display:grid}.vision-preview img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:72px;height:72px}.vision-preview b{font-size:11px;display:block}.vision-preview small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.session-result{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:14px;padding:15px}.session-result[hidden]{display:none}.session-result-top{justify-content:space-between;gap:10px;display:flex}.session-result h3{margin:0;font-size:17px}.result-status{color:var(--muted);font-size:10px}.session-result-body{background:var(--surface-alt);white-space:pre-wrap;border-radius:13px;margin-top:10px;padding:12px;font-size:12px;line-height:1.6}.secondary-zone{margin-top:14px}.secondary-zone>summary{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px 14px;font-size:12px;font-weight:800;list-style:none}.secondary-zone>summary::-webkit-details-marker{display:none}.toast{left:50%;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));color:#fff;opacity:0;pointer-events:none;z-index:80;white-space:nowrap;text-overflow:ellipsis;background:#202124;border-radius:999px;max-width:90%;padding:10px 13px;font-size:11px;transition:all .18s;position:fixed;overflow:hidden;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.session-page .toast{bottom:20px}@media (width<=620px){.shell{width:min(100% - 20px,760px)}.page{padding-top:14px}.grid.two-col{grid-template-columns:1fr 1fr}.feature-card{min-height:128px;padding:14px}.two,.live-setup-grid,.live-callbar{grid-template-columns:1fr}.live-timer{text-align:center}.live-call-actions{grid-template-columns:1fr 1fr;display:grid}.live-volume{justify-content:center}}@media (width<=390px){.grid.two-col{grid-template-columns:1fr}}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hub-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;min-height:220px;padding:18px;display:flex}.hub-card .feature-icon{width:46px;height:46px}.hub-card h2{letter-spacing:-.03em;margin:auto 0 5px;padding-top:22px;font-size:19px}.hub-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.hub-card .hub-go{margin-top:14px;font-size:11px;font-weight:800}.hub-card.teacher{--accent:#6257e7;--accent-soft:#eeecff}.hub-card.story{--accent:#e5962b;--accent-soft:#fff2df}.hub-card.fortune{--accent:#6a5ae0;--accent-soft:#eeecff}.recent-item{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.recent-item .list-icon{border-radius:12px;width:38px;height:38px}.recent-item strong{font-size:12px;display:block}.recent-item small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.45;display:block}.setup-steps{gap:8px;margin-top:12px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:30px 1fr;align-items:start;gap:10px;padding:12px;display:grid}.step b{background:var(--text);color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.step strong{font-size:12px;display:block}.step small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.45;display:block}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.range-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}@media (width<=720px){.hub-grid{grid-template-columns:1fr}.hub-card{min-height:150px}.settings-grid{grid-template-columns:1fr}}body.teacher-theme .teacher-material .feature-icon{color:#c77725;background:#fff3e8}body.teacher-theme .teacher-scene .feature-icon{color:#3f78d7;background:#eaf2ff}body.teacher-theme .teacher-coach .feature-icon,body.teacher-theme .teacher-vocab .feature-icon{color:#2ba471;background:#eaf7f0}.teacher-practice-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.teacher-practice-head h1{letter-spacing:-.04em;margin:0;font-size:28px}.teacher-practice-head p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.55}.practice-stat{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:12px;padding:8px 10px;font-size:11px;font-weight:850}.quiz-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;padding:22px}.quiz-meta{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.quiz-word{letter-spacing:-.04em;margin:18px 0 8px;font-size:42px;font-weight:850}.quiz-example{min-height:40px;color:var(--muted);max-width:520px;margin:0 auto 16px;font-size:12px;line-height:1.55}.quiz-list{gap:8px;margin-top:16px;display:grid}.quiz-choice{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:15px;padding:14px;font-weight:750}.quiz-choice.correct{color:#237a55;background:#eaf7f0;border-color:#bfe5d1}.quiz-choice.wrong{color:#a04c43;background:#fff1ef;border-color:#efc9c5}.quiz-choice:disabled{opacity:1}.quiz-feedback{background:var(--surface-alt);text-align:left;min-height:54px;color:var(--muted);border-radius:14px;margin-top:12px;padding:12px;font-size:12px;line-height:1.55}.progress-track{background:#eae8f7;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:190px;padding:16px;display:flex}.course-card h3{margin:14px 0 5px;font-size:17px}.course-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.mission-list{gap:6px;margin:13px 0;display:grid}.mission{color:var(--text);align-items:flex-start;gap:7px;font-size:10px;display:flex}.mission:before{content:"○";color:var(--accent);font-weight:900}.course-card .btn{text-align:center;margin-top:auto}.reading-library{gap:9px;display:grid}.reading-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;padding:15px}.reading-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.reading-card strong{font-size:14px;display:block}.reading-card small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.reading-card p{color:#454545;margin:10px 0 0;font-size:12px;line-height:1.65}.reading-board{border:1px solid var(--line);background:#fff;border-radius:22px;padding:20px}.reading-board h2{margin:0 0 6px}.reading-text{white-space:pre-wrap;margin:18px 0;font-size:18px;line-height:1.9}.reading-tip{background:var(--accent-soft);color:var(--accent);border-radius:14px;padding:11px 12px;font-size:11px;line-height:1.5}.report-card{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:14px;padding:16px}.report-score{color:var(--accent);letter-spacing:-.04em;font-size:32px;font-weight:900}.report-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0;display:grid}.report-stat{background:var(--surface-alt);text-align:center;border-radius:13px;padding:10px}.report-stat b{font-size:15px;display:block}.report-stat span{color:var(--muted);font-size:9px}.report-body{white-space:pre-wrap;font-size:12px;line-height:1.65}@media (width<=620px){.course-grid{grid-template-columns:1fr}.quiz-word{font-size:36px}.report-grid{grid-template-columns:1fr 1fr 1fr}}.textbook-shell{gap:16px;display:grid}.textbook-panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px}.textbook-toolbar{flex-wrap:wrap;gap:8px;display:flex}.textbook-pages{gap:9px;margin-top:12px;display:grid}.textbook-page-row{border:1px solid var(--line);background:var(--surface-alt);border-radius:16px;grid-template-columns:84px 1fr auto;align-items:center;gap:11px;padding:9px;display:grid}.textbook-page-row img{object-fit:cover;background:#eee;border-radius:12px;width:84px;height:108px}.textbook-page-row strong{font-size:13px;display:block}.textbook-page-row small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.textbook-order{gap:5px;display:grid}.textbook-order button{border:1px solid var(--line);background:#fff;border-radius:9px;width:36px;height:32px;font-weight:800}.textbook-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:15px;padding:24px 15px;font-size:12px}.textbook-plan-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.textbook-plan-head h2{margin:0;font-size:22px}.textbook-objective{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.55}.textbook-study{grid-template-columns:minmax(0,360px) 1fr;gap:16px;margin-top:14px;display:grid}.textbook-study>div>img{object-fit:contain;border:1px solid var(--line);background:#f2f2ee;border-radius:17px;width:100%;max-height:500px}.textbook-notes{align-content:start;gap:10px;display:grid}.textbook-note{background:var(--surface-alt);border-radius:14px;padding:12px}.textbook-note b{margin-bottom:5px;font-size:11px;display:block}.textbook-note p{margin:0;font-size:12px;line-height:1.55}.keyword-row{flex-wrap:wrap;gap:6px;display:flex}.keyword{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800}.textbook-stepnav{justify-content:space-between;gap:9px;margin-top:10px;display:flex}.textbook-resume{border:1px solid var(--line);background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.textbook-resume small{color:var(--muted);margin-top:4px;font-size:10px;display:block}@media (width<=720px){.textbook-study{grid-template-columns:1fr}.textbook-page-row{grid-template-columns:72px 1fr auto}.textbook-page-row img{width:72px;height:92px}.textbook-plan-head{display:block}.textbook-resume{flex-direction:column;align-items:flex-start}}.story-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.story-book{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.story-cover{aspect-ratio:4/3;background:var(--surface-alt);place-items:center;display:grid;overflow:hidden}.story-cover img{object-fit:cover;width:100%;height:100%}.story-cover span{color:#aaa;font-size:32px;font-weight:900}.story-book-body{gap:6px;padding:14px;display:grid}.story-book h3{margin:0;font-size:16px}.story-book p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.story-book-actions{gap:7px;margin-top:6px;display:flex}.story-create-grid{grid-template-columns:minmax(0,1fr) 300px;gap:14px;display:grid}.story-photo-list{gap:9px;display:grid}.story-photo-row{border:1px solid var(--line);background:var(--surface-alt);border-radius:15px;grid-template-columns:82px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.story-photo-row img{object-fit:cover;border-radius:11px;width:82px;height:82px}.story-photo-actions{gap:5px;display:grid}.story-photo-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:34px;height:31px;font-weight:800}.story-photo-row.cover{outline:2px solid var(--accent)}.story-reader{grid-template-columns:minmax(0,400px) 1fr;align-items:start;gap:18px;display:grid}.story-reader-media,.story-reader-copy{border:1px solid var(--line);background:#fff;border-radius:20px}.story-reader-media{padding:11px}.story-reader-media img{object-fit:contain;background:var(--surface-alt);border-radius:15px;width:100%;max-height:540px}.story-reader-copy{padding:20px}.story-reader-copy h1{margin:0 0 6px;font-size:26px}.story-reader-copy .page-text{white-space:pre-wrap;margin:20px 0;font-size:17px;line-height:1.85}.story-reader-nav{justify-content:space-between;align-items:center;gap:9px;display:flex}.story-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:17px;padding:26px;font-size:12px}.story-create-progress{background:#fff2df;border:1px solid #f0d6ad;border-radius:14px;margin-top:12px;padding:12px;display:none}.story-create-progress.show{display:block}.story-home-empty{border:1px solid var(--line);background:#fff;border-radius:18px;gap:5px;padding:15px;display:grid}.story-home-empty strong{font-size:13px}.story-home-empty span{color:var(--muted);font-size:10px}.story-home-empty a{color:var(--accent);justify-self:start;margin-top:5px;font-size:11px;font-weight:800}.story-home-recent{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:76px 1fr auto;align-items:center;gap:11px;padding:9px;display:grid}.story-home-cover{background:var(--accent-soft);border-radius:14px;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.story-home-cover img{object-fit:cover;width:100%;height:100%}.story-home-letter{color:var(--accent);font-size:26px;font-weight:900}.story-home-copy{min-width:0}.story-home-copy small{color:var(--accent);font-size:9px;font-weight:800;display:block}.story-home-copy strong{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:14px;display:block;overflow:hidden}.story-home-copy span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.story-home-recent>b{color:#aaa;font-size:20px}@media (width<=720px){.story-shelf-grid,.story-create-grid,.story-reader{grid-template-columns:1fr}.story-photo-row{grid-template-columns:70px 1fr auto}.story-photo-row img{width:70px;height:70px}.story-reader-copy .page-text{font-size:16px}}.fortune-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fortune-home-mode{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:148px;padding:16px;display:flex}.fortune-home-mode .mode-icon{border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.fortune-home-mode strong{margin-top:auto;padding-top:17px;font-size:15px}.fortune-home-mode span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.45}.fortune-home-mode.bazi .mode-icon{color:#c77725;background:#fff3e8}.fortune-home-mode.tarot .mode-icon{color:#2ba471;background:#eaf7f0}.fortune-home-mode.vedic .mode-icon{color:#3f78d7;background:#eaf2ff}.fortune-reading-grid{grid-template-columns:320px 1fr;gap:14px;display:grid}.fortune-result{gap:10px;display:grid}.fortune-result-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:16px}.fortune-result-card h2,.fortune-result-card h3{margin:0 0 8px}.fortune-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.fortune-fact{background:var(--surface-alt);border-radius:12px;padding:10px}.fortune-fact small{color:var(--muted);margin-bottom:4px;font-size:9px;display:block}.fortune-fact strong{font-size:13px;line-height:1.4}.fortune-pillars{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.fortune-pillar{color:#7f511e;text-align:center;background:#fff3e8;border-radius:13px;padding:11px}.fortune-pillar small{color:#a16b32;margin-bottom:4px;font-size:9px;display:block}.fortune-pillar strong{font-size:18px}.fortune-timeline{gap:6px;max-height:350px;display:grid;overflow:auto}.fortune-timeline-row{background:var(--surface-alt);border-radius:11px;grid-template-columns:68px 68px 1fr;gap:7px;padding:8px 9px;font-size:11px;display:grid}.fortune-planets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.fortune-planet{background:var(--surface-alt);border-radius:11px;padding:8px 9px;font-size:11px}.fortune-ai{white-space:pre-wrap;font-size:13px;line-height:1.65}.fortune-history-list{gap:8px;display:grid}.fortune-history-row{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:12px 13px;display:grid}.fortune-history-mark{background:var(--accent);border-radius:50%;width:9px;height:9px}.fortune-history-mark.bazi{background:#c77725}.fortune-history-mark.tarot{background:#2ba471}.fortune-history-mark.vedic{background:#3f78d7}.fortune-history-row strong{font-size:12px;display:block}.fortune-history-row small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.fortune-history-row>b{color:#aaa}.fortune-home-empty{border:1px dashed var(--line);background:#fff;border-radius:17px;padding:15px}.fortune-home-empty strong{font-size:12px;display:block}.fortune-home-empty span{color:var(--muted);margin-top:4px;font-size:10px;display:block}@media (width<=800px){.fortune-home-grid{grid-template-columns:1fr}.fortune-home-mode{min-height:108px}.fortune-reading-grid,.fortune-facts,.fortune-planets{grid-template-columns:1fr}.fortune-pillars{grid-template-columns:repeat(2,1fr)}}html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important;scrollbar-gutter:auto!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-thumb{background:0 0!important;border:0!important}::-webkit-scrollbar-track{background:0 0!important;border:0!important}body{min-height:100vh;padding-bottom:0}.route-tabs{z-index:25;position:sticky;top:66px}.page-enter{animation:.14s ease-out page-in}@keyframes page-in{0%{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}.teacher-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.teacher-stats>div{background:var(--surface-alt);text-align:center;border-radius:14px;padding:14px}.teacher-stats strong{letter-spacing:-.03em;font-size:22px;display:block}.teacher-stats span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.live-history-list>div{gap:7px;display:grid}.live-stage .technical-copy{display:none}.spa-loading{text-align:center;color:var(--muted);padding:28px;font-size:12px}.spa-error{color:#9a514a;background:#fff3f1;border:1px solid #efd8d4;border-radius:16px;padding:16px;font-size:12px}.story-recent-cover{background:var(--accent-soft);border-radius:14px;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.story-recent-cover img{object-fit:cover;width:100%;height:100%}.inline-link{color:var(--accent);font-weight:800}.settings-capabilities{line-height:1.8}@media (width<=620px){.route-tabs{top:62px}}.teacher-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0 auto;padding:0;display:block}.teacher-avatar-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.teacher-current-row{text-align:left;cursor:pointer;width:100%;color:var(--text);align-items:center;gap:12px;display:flex}.teacher-current-row:disabled{cursor:not-allowed;opacity:.65}.teacher-current-row>span:last-child{gap:3px;display:grid}.teacher-current-row strong{font-size:14px}.teacher-current-row small{color:var(--muted);font-size:10px}.teacher-current-avatar{background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.teacher-current-avatar img,.teacher-current-avatar>.teacher-avatar-image{object-fit:cover;width:100%;height:100%}.live-teacher-row{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px}.teacher-picker-backdrop{z-index:200;background:#14141461;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.teacher-picker{background:var(--surface);border:1px solid var(--line);border-radius:24px;width:min(620px,100%);max-height:min(82vh,760px);padding:18px;overflow:auto;box-shadow:0 20px 70px #0000002e}.teacher-picker .section-head{align-items:flex-start}.teacher-picker-close{background:var(--surface-alt);color:var(--text);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.teacher-picker-list{gap:10px;margin-top:14px;display:grid}.teacher-profile-option{border:1px solid var(--line);text-align:left;width:100%;color:var(--text);cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:68px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.teacher-profile-option.active{border:2px solid var(--accent);background:var(--accent-soft)}.teacher-profile-option img,.teacher-profile-image{object-fit:cover;border-radius:50%;width:68px;height:68px}.teacher-profile-copy{gap:3px;display:grid}.teacher-profile-copy strong{align-items:center;gap:8px;font-size:16px;display:flex}.teacher-profile-copy strong em{color:var(--accent);letter-spacing:.04em;font-size:9px;font-style:normal}.teacher-profile-copy b{color:var(--accent);font-size:11px}.teacher-profile-copy small{color:var(--muted);font-size:10px;line-height:1.45}@media (width>=640px){.teacher-picker-backdrop{align-items:center}.teacher-picker-list{grid-template-columns:1fr 1fr}}.story-action-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.story-action-tile{border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow);background:#fff;border-radius:20px;gap:5px;padding:18px;display:grid}.story-action-tile strong{font-size:16px}.story-action-tile span{color:var(--muted);font-size:11px;line-height:1.5}.story-action-tile.create{background:var(--accent-soft)}.story-action-tile.physical{background:#eef5fb}.story-continue-card{background:var(--accent-soft);border:1px solid var(--line);border-radius:22px;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.story-continue-card h2{margin:2px 0 3px;font-size:18px}.story-continue-card p{color:var(--muted);margin:0;font-size:11px}.story-explore-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.story-tag-row{flex-wrap:wrap;gap:5px;display:flex}.story-tag-row span{color:var(--accent);font-size:9px;font-weight:800}.story-player-head{justify-content:space-between;align-items:flex-start;gap:16px;margin:24px 0 16px;display:flex}.story-player-head h1{margin:3px 0 5px;font-size:28px}.story-player-head p{color:var(--muted);margin:0}.story-player-placeholder{background:var(--surface-alt);border-radius:16px;place-items:center;min-height:360px;display:grid}.story-player-placeholder span{font-size:72px}.story-player-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.story-page-slider{width:100%;accent-color:var(--accent);margin:8px 0}.story-player-controls{grid-template-columns:1fr 1.3fr 1fr;gap:8px;display:grid}.story-dialogue{background:var(--accent-soft);border-radius:14px;gap:5px;margin-bottom:10px;padding:12px;display:grid}.story-dialogue strong{color:var(--accent);font-size:11px}.story-dialogue span{font-size:14px}.story-editor{gap:14px;display:grid}.story-editor-main{grid-template-columns:92px 1fr;align-items:start;gap:12px;display:grid}.story-filmstrip{gap:8px;max-height:68vh;display:grid;position:sticky;top:120px;overflow:auto}.story-filmstrip button{border:1px solid var(--line);min-height:78px;color:var(--text);background:#fff;border-radius:14px;font-weight:800;position:relative;overflow:hidden}.story-filmstrip button.active{border:2px solid var(--accent);background:var(--accent-soft)}.story-filmstrip img{object-fit:cover;width:100%;height:70px}.story-filmstrip small{color:#fff;background:#0000009e;border-radius:999px;padding:2px 6px;position:absolute;bottom:5px;right:5px}.story-filmstrip .add{min-height:48px;font-size:22px}.story-page-editor{gap:10px;display:grid}.story-editor-image{gap:9px;display:grid}.story-editor-image img{object-fit:contain;background:var(--surface-alt);border-radius:16px;width:100%;max-height:420px}.physical-book-flow{gap:14px;display:grid}.physical-cover-setup{text-align:center;justify-items:center;gap:12px;display:grid}.physical-preview{aspect-ratio:4/5;background:var(--surface-alt);border-radius:22px;place-items:center;width:min(360px,80vw);display:grid;overflow:hidden}.physical-preview img{object-fit:contain;width:100%;height:100%}.physical-preview span{font-size:72px}.physical-book-head{grid-template-columns:100px 1fr;align-items:center;gap:14px;display:grid}.physical-book-head h2{margin:3px 0}.physical-book-head p{color:var(--muted);margin:0 0 5px}.physical-cover-small{background:var(--surface-alt);border-radius:14px;place-items:center;width:100px;height:120px;display:grid;overflow:hidden}.physical-cover-small img{object-fit:cover;width:100%;height:100%}.fortune-result-page{gap:14px;display:grid}.fortune-result-header{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.fortune-result-header h2{margin:3px 0;font-size:20px}.fortune-result-header small{color:var(--muted)}.fortune-result-tabs{background:var(--surface-alt);z-index:14;border-radius:14px;gap:6px;padding:4px;display:flex;position:sticky;top:66px;overflow:auto}.fortune-result-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800}.fortune-result-tabs button.active{color:var(--text);background:#fff;box-shadow:0 2px 10px #0000000f}.fortune-result-stack{gap:12px;display:grid}.fortune-timeline-row.current{outline:2px solid var(--accent);background:var(--accent-soft)}.fortune-year-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.fortune-year-card{text-align:left;border:1px solid var(--line);background:var(--surface-alt);color:var(--text);border-radius:14px;gap:4px;padding:11px;display:grid}.fortune-year-card strong{font-size:12px}.fortune-year-card span{color:var(--accent);font-size:10px;font-weight:800}.fortune-year-card small{color:var(--muted);font-size:10px;line-height:1.45}.fortune-month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.fortune-month-grid>div{border:1px solid var(--line);background:var(--surface-alt);text-align:left;color:var(--text);border-radius:12px;gap:3px;padding:9px;display:grid}.fortune-month-grid strong{font-size:11px}.fortune-month-grid span{color:var(--accent);font-size:10px}.fortune-month-grid small{color:var(--muted);font-size:9px}.fortune-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fortune-topic-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;gap:10px;padding:14px;display:grid}.fortune-topic-card h3{margin:0 0 4px;font-size:16px}.fortune-topic-card p,.fortune-topic-card small{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.fortune-evidence-list{gap:5px;display:grid}.fortune-evidence-list span{background:var(--surface-alt);border-radius:10px;padding:7px 9px;font-size:10px;line-height:1.4}.fortune-house-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.fortune-house-grid>div{background:var(--surface-alt);border-radius:12px;gap:3px;padding:9px;display:grid}.fortune-house-grid strong{font-size:11px}.fortune-house-grid span{color:var(--accent);font-size:10px}.fortune-house-grid small{color:var(--muted);font-size:9px}.fortune-planet{gap:3px;display:grid}.fortune-planet span{font-size:10px}.fortune-planet small{color:var(--muted);font-size:9px}.fortune-help-zone{border-top:1px solid var(--line);color:var(--muted);padding:10px 2px 2px}.fortune-help-zone summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:700;list-style-position:inside}.fortune-help-zone p{max-width:560px;margin:8px 0 10px;font-size:10px;line-height:1.5}@media (width<=720px){.story-action-grid,.story-explore-row,.fortune-topic-grid{grid-template-columns:1fr}.story-continue-card{grid-template-columns:64px 1fr}.story-continue-card>.btn{grid-column:1/-1}.story-editor-main{grid-template-columns:1fr}.story-filmstrip{max-height:none;display:flex;position:static;overflow:auto}.story-filmstrip button{width:72px;min-width:72px}.fortune-result-header{grid-template-columns:1fr}.fortune-result-tabs{top:62px}.fortune-year-grid{grid-template-columns:1fr}.fortune-month-grid,.fortune-house-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.story-player-live-status{background:var(--surface-alt);color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:8px 0;padding:9px 11px;font-size:11px;display:flex}.story-player-live-status i{background:#aaa;border-radius:50%;flex:none;width:7px;height:7px}.story-player-live-status[data-state=listening] i{background:#4b9b67}.story-player-live-status[data-state=speaking] i{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)}.story-player-live-status[data-state=error] i{background:#b34b4b}.story-player-live-tools{border:1px solid var(--line);background:var(--surface-alt);border-radius:14px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;padding:10px;display:flex}.story-player-live-tools .live-volume{margin-left:auto}.story-player-transcript{gap:7px;margin-top:9px;display:grid}.story-player-transcript>div{background:var(--surface-alt);border-radius:12px;gap:3px;padding:9px 11px;font-size:12px;line-height:1.5;display:grid}.story-player-transcript small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.story-player-transcript span{white-space:pre-wrap}@media (width<=720px){.story-player-live-tools{grid-template-columns:1fr 1fr;display:grid}.story-player-live-tools .live-volume{grid-column:1/-1;justify-content:center;margin-left:0}}.play-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.play-store-link{color:#fff;background:#111;border:1px solid #2a2a2a;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:grid;box-shadow:0 8px 22px #00000014}.play-store-link:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0000001f}.play-store-link.compact{min-width:220px;display:inline-grid}.play-store-mark{color:#fff;background:linear-gradient(135deg,#34a853,#4285f4 52%,#fbbc04 76%,#ea4335);border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.play-store-copy{gap:1px;display:grid}.play-store-copy small{letter-spacing:.08em;color:#aaa;text-transform:uppercase;font-size:8px}.play-store-copy strong{letter-spacing:-.01em;font-size:15px}.play-store-platform{color:#aaa;font-size:9px;line-height:1.2}.play-store-arrow{color:#aaa;font-size:14px}@media (width<=620px){.play-store-grid{grid-template-columns:1fr}.play-store-link.compact{width:100%;min-width:0;display:grid}}.practice-tutor-strip{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:16px;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:grid}.practice-tutor-avatar{background:var(--accent-soft);border-radius:50%;width:46px;height:46px;overflow:hidden}.practice-tutor-avatar img,.practice-tutor-avatar>.teacher-avatar-image{object-fit:cover;width:100%;height:100%}.practice-tutor-copy{gap:2px;display:grid}.practice-tutor-strip small{color:var(--muted);font-size:9px}.practice-tutor-strip strong{font-size:12px}.practice-tutor-copy em{color:var(--muted);font-size:9px;font-style:normal;line-height:1.35}.practice-tutor-strip>b{color:var(--accent);white-space:nowrap;font-size:10px}.practice-next-card{color:#fff;box-shadow:var(--shadow);background:#1d1d1a;border-radius:20px;padding:16px}.practice-next-card h2{margin:5px 0 7px;font-size:17px}.practice-next-card p{color:#c3c3bb;margin:0;font-size:11px;line-height:1.55}.practice-next-card .kicker{color:#d6b98d}.practice-next-action{color:#fff;margin-top:12px;font-size:11px;font-weight:800;display:inline-block}.fortune-header-history{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:12px;padding:7px 11px;font-size:11px;font-weight:800}.fortune-profile-tools{gap:10px;margin:10px 0;display:grid}.fortune-preset-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compact-field{width:auto;min-width:190px;max-width:100%}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:10px;font-weight:700}.danger-text{color:#a65a55}.fortune-place-search{gap:7px;display:grid}.fortune-place-search-row{grid-template-columns:1fr auto;gap:8px;display:grid}.fortune-place-results{border:1px solid var(--line);background:#fff;border-radius:14px;gap:5px;padding:6px;display:grid}.fortune-place-results button{text-align:left;background:var(--surface-alt);color:var(--text);cursor:pointer;border:0;border-radius:10px;gap:2px;padding:9px;display:grid}.fortune-place-results strong{font-size:11px}.fortune-place-results small,.fortune-place-selected small{color:var(--muted);font-size:9px}.fortune-place-selected{background:var(--accent-soft);border-radius:12px;gap:2px;padding:9px 11px;display:grid}.fortune-place-selected strong{font-size:11px}.fortune-advanced-place{border:1px solid var(--line);border-radius:14px;padding:10px}.fortune-advanced-place summary{color:var(--muted);cursor:pointer;font-size:10px;font-weight:700}.fortune-highlight-section{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:14px}.fortune-highlight-section h3{margin:0;font-size:15px}.fortune-highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.fortune-highlight-card{background:var(--surface-alt);border-radius:14px;gap:4px;padding:11px;display:grid}.fortune-highlight-card>span{color:var(--accent);font-size:18px;font-weight:900}.fortune-highlight-card strong{font-size:11px}.fortune-highlight-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.fortune-highlight-card small{color:var(--accent);font-size:9px}.learning-deck-list,.report-history{gap:10px;display:grid}.learning-deck-card,.report-history-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:14px}.learning-deck-card h3{margin:10px 0 3px;font-size:15px}.learning-deck-card .translation{color:var(--muted);margin:0;font-size:12px}.report-history-card{padding:0;overflow:hidden}.report-history-summary{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#fff;border:0;justify-content:space-between;align-items:center;padding:14px;display:flex}.report-history-summary>span{gap:3px;display:grid}.report-history-summary strong{font-size:13px}.report-history-summary small{color:var(--muted);font-size:9px}.report-history-summary>b{color:var(--accent);font-size:22px}.report-history-body{border-top:1px solid var(--line);background:var(--surface-alt);gap:12px;padding:14px;display:grid}.report-history-body h4{margin:0 0 6px;font-size:11px}.report-history-body p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.report-learning-row{background:#fff;border-radius:11px;gap:3px;margin-bottom:5px;padding:9px;display:grid}.report-learning-row strong{font-size:11px}.report-learning-row small{color:var(--muted);font-size:9px}.full-library{grid-template-columns:repeat(2,minmax(0,1fr))}.full-library .reading-card{text-align:left;gap:8px;display:grid}.full-library .reading-card h3{margin:0}.full-library .reading-card>.btn{justify-self:start}.story-interaction-history{border:1px solid var(--line);background:var(--surface-alt);border-radius:14px;margin-top:10px;padding:10px}.story-interaction-history summary{color:var(--muted);cursor:pointer;font-size:10px;font-weight:800}.story-interaction-history>div{gap:7px;margin-top:8px;display:grid}.story-interaction-history section{gap:5px;display:grid}.story-interaction-history p{background:#fff;border-radius:10px;grid-template-columns:42px 1fr;gap:6px;margin:0;padding:7px 9px;font-size:10px;line-height:1.45;display:grid}.story-interaction-history b{color:var(--accent)}.story-interaction-history span{white-space:pre-wrap}@media (width<=720px){.fortune-highlight-grid,.full-library{grid-template-columns:1fr 1fr}.fortune-preset-row{grid-template-columns:1fr;display:grid}.compact-field{width:100%}.fortune-place-search-row{grid-template-columns:1fr}.story-interaction-history p{grid-template-columns:36px 1fr}}@media (width<=480px){.fortune-highlight-grid,.full-library{grid-template-columns:1fr}}.continue-learning-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#211d45,#40358a);border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.continue-learning-card.compact{padding:14px 16px}.continue-learning-card h3{margin:4px 0;font-size:19px}.continue-learning-card p{color:#d9d4f7;margin:0;font-size:11px;line-height:1.5}.continue-learning-card small{color:#bdb5ef;margin-top:7px;font-size:9px;display:block}.continue-learning-card .kicker{color:#dcd7ff}.continue-arrow{opacity:.8;font-size:24px}.continue-learning-card.vocabulary{background:linear-gradient(135deg,#163b2d,#27634a)}.continue-learning-card.course{background:linear-gradient(135deg,#18314b,#285c88)}.continue-learning-card.textbook{background:linear-gradient(135deg,#3e261a,#7d4a2b)}.course-map-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.course-map-summary>div{background:var(--surface-alt);border-radius:13px;gap:3px;padding:10px;display:grid}.course-map-summary strong{font-size:18px}.course-map-summary span{color:var(--muted);font-size:10px}.course-track-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.course-track-tabs button{text-align:left;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:16px;gap:4px;padding:12px;display:grid}.course-track-tabs button.active{border-color:var(--accent);background:var(--accent-soft)}.course-track-tabs button>span{font-size:20px}.course-track-tabs strong{font-size:11px}.course-track-tabs small{color:var(--muted);font-size:9px}.course-map{gap:18px;display:grid}.course-track-intro{grid-template-columns:52px 1fr;align-items:center;gap:12px;display:grid}.course-track-emoji{background:var(--surface-alt);border-radius:16px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.course-track-intro h2{margin:0 0 3px}.course-track-intro p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.course-unit{gap:9px;display:grid}.course-unit-head{grid-template-columns:30px 1fr;align-items:start;gap:9px;display:grid}.course-unit-head>span{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:10px;place-items:center;font-size:11px;font-weight:900;display:grid}.course-unit-head h3{margin:1px 0 3px;font-size:15px}.course-unit-head p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.course-lesson-list{gap:7px;margin-left:39px;display:grid}.course-lesson{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.course-lesson.locked{opacity:.55;background:var(--surface-alt)}.course-lesson.completed{background:#f4fbf7}.course-lesson.highlight{outline:2px solid var(--accent)}.course-lesson-index{background:var(--surface-alt);border-radius:11px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.course-lesson.completed .course-lesson-index{color:#25754e;background:#dff3e8}.course-lesson-copy strong{font-size:12px;display:block}.course-lesson-copy p{color:var(--muted);margin:3px 0 5px;font-size:9px;line-height:1.4}.course-lesson-meta{flex-wrap:wrap;gap:6px;display:flex}.course-lesson-meta span{color:var(--accent);font-size:8px;font-weight:800}.course-complete-card{margin-top:12px}.teacher-stats-secondary{margin-top:8px}@media (width<=720px){.course-track-tabs{grid-template-columns:1fr}.course-lesson-list{margin-left:0}.course-lesson{grid-template-columns:32px 1fr}.course-lesson>.btn,.course-lesson>.pill{grid-column:2}.course-map-summary{grid-template-columns:1fr 1fr}.teacher-stats-secondary{grid-template-columns:repeat(3,1fr)}}.session-person .teacher-presence{transform-origin:50%;will-change:transform,opacity;border:0;border-radius:50%;overflow:hidden}.session-person .teacher-presence.speaking{animation:.65s ease-in-out infinite alternate teacher-presence-speaking}.session-person .teacher-presence.listening{animation:1.2s ease-in-out infinite alternate teacher-presence-listening}.session-person .teacher-presence.connecting{animation:.8s ease-in-out infinite alternate teacher-presence-connecting}.session-person .teacher-presence.idle{animation:1.8s ease-in-out infinite alternate teacher-presence-idle}@keyframes teacher-presence-speaking{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1.035)}}@keyframes teacher-presence-listening{0%{opacity:.94;transform:scale(1)}to{opacity:1;transform:scale(1.014)}}@keyframes teacher-presence-connecting{0%{opacity:.72;transform:scale(.99)}to{opacity:1;transform:scale(1.01)}}@keyframes teacher-presence-idle{0%{opacity:.96;transform:scale(1)}to{opacity:1;transform:scale(1.008)}}@media (prefers-reduced-motion:reduce){.session-person .teacher-presence{opacity:1!important;animation:none!important;transform:none!important}}.gemini-setup-notice{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;display:grid}.gemini-setup-notice>span{gap:3px;display:grid}.gemini-setup-notice strong{font-size:12px}.gemini-setup-notice small{color:var(--accent);font-size:10px;font-weight:800}.gemini-setup-notice em{color:var(--muted);font-size:10px;font-style:normal;line-height:1.45}.gemini-setup-notice>b{color:var(--accent);white-space:nowrap;font-size:10px}.gemini-setup-notice.story{background:var(--surface-alt)}.gemini-setup-notice.fortune{background:var(--accent-soft)}:root{--muted:#686868}.page{padding-bottom:calc(var(--nav-h) + 34px + env(safe-area-inset-bottom))}.app-header-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.status,.fortune-header-history,.subnav a,.fortune-result-tabs button,.btn,.teacher-picker-close,.live-tool-btn,.live-presets button,.vision-btn,.continue-last{min-height:44px}.status{padding-top:0;padding-bottom:0}.fortune-header-history{justify-content:center;align-items:center;min-width:44px;padding:0 12px;display:inline-flex}.btn{justify-content:center;align-items:center;display:inline-flex}.btn.small{min-height:44px;padding:0 12px}.feature-card span,.hub-card p,.notice p,.meta,.list-copy small,.recent-item small{font-size:12px;line-height:1.55}.gemini-setup-notice em{font-size:11px;line-height:1.55}.home-key-banner{min-height:64px;color:var(--text);background:#f0eeff;border:1px solid #ddd8ff;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:18px;padding:13px 15px;display:grid}.home-key-banner>span{gap:4px;display:grid}.home-key-banner strong{font-size:13px}.home-key-banner small{color:var(--muted);font-size:11px;line-height:1.45}.home-key-banner>b{color:#5b4fd2;white-space:nowrap;align-items:center;min-height:44px;font-size:11px;display:inline-flex}.recent-empty{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:15px;display:grid}.recent-empty b{font-size:13px}.recent-empty p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.recent-empty-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.recent-empty-actions a{background:var(--surface-alt);min-height:44px;color:var(--text);border-radius:12px;align-items:center;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=620px){.app-header .inner{gap:8px}.app-header-actions{gap:6px}.status,.fortune-header-history{padding-left:10px;padding-right:10px}.home-key-banner,.recent-empty{grid-template-columns:1fr}.home-key-banner>b{justify-self:start}.recent-empty-actions{justify-content:flex-start}}@media (width>=1100px){body{padding-bottom:0}.shell{width:min(1040px,100% - 200px)}.page{padding-bottom:48px}.global-nav{border:1px solid var(--line);background:#fffffff5;border-radius:22px;width:82px;padding:8px;inset:88px auto auto 18px}.global-nav .inner{grid-template-columns:1fr;gap:4px;width:100%;height:auto;display:grid}.navitem{border-radius:14px;min-height:60px}.hub-grid{gap:14px}.hub-card{min-height:240px;padding:22px}}.settings-diagnostics{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.settings-diagnostics summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}.settings-diagnostics .settings-capabilities{margin-top:8px}.play-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-store-link.unavailable{background:var(--surface-alt);color:var(--text);border-color:var(--line);box-shadow:none;cursor:default}.play-store-link.unavailable:hover{box-shadow:none;transform:none}.play-store-link.unavailable .play-store-mark{background:var(--accent-soft);color:var(--accent)}.play-store-link.unavailable .play-store-platform,.play-store-link.unavailable .play-store-arrow,.play-store-link.unavailable .play-store-copy small{color:var(--muted)}@media (width<=820px){.play-store-grid{grid-template-columns:1fr}}.story-talk-btn{width:100%;min-height:46px;margin-top:10px}.story-player-interaction-hint{text-align:center;color:var(--muted);margin:6px 0 10px;font-size:12px}.story-player-more-controls{margin-top:10px}.story-player-more-controls>summary{cursor:pointer;text-align:center;color:var(--muted);font-size:12px;font-weight:700;list-style:none}.story-player-more-controls>summary::-webkit-details-marker{display:none}.story-player-more-controls[open]>summary{margin-bottom:8px}.global-nav .inner{grid-template-columns:repeat(4,minmax(0,1fr))}.story-page-progress{background:var(--surface-alt);border-radius:999px;height:4px;margin:2px 0 16px;overflow:hidden}.story-page-progress>i{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.story-player-controls{grid-template-columns:1fr minmax(120px,1.4fr) 1fr}.story-play-primary{font-weight:900}.story-player-secondary{border-top:1px solid var(--line);gap:10px;margin-top:10px;padding-top:10px;display:grid}.story-player-secondary-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.story-player-clone{margin-top:12px}.settings-primary-action .btn{min-width:180px}.settings-connection-result.success{color:#25754e;background:#eef8f1;border-color:#cfe7d6}.settings-danger-zone{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.settings-danger-zone>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}.android-promo{margin-top:32px}.play-store-copy small,.play-store-platform,.practice-tutor-strip small,.practice-tutor-copy em,.practice-tutor-strip>b,.fortune-place-results small,.fortune-place-selected small,.fortune-advanced-place summary,.fortune-highlight-card small,.report-history-summary small,.report-learning-row small,.story-player-transcript small,.story-interaction-history summary,.course-track-tabs small,.course-unit-head p,.course-lesson-copy p,.course-lesson-meta span{font-size:11px;line-height:1.45}.fortune-topic-card p,.fortune-topic-card small,.fortune-evidence-list span,.fortune-house-grid small,.fortune-planet small,.fortune-help-zone p,.story-interaction-history p{font-size:12px;line-height:1.5}.fortune-month-grid small{font-size:11px}.fortune-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=720px){.fortune-highlight-grid{grid-template-columns:1fr}.story-player-controls{grid-template-columns:1fr 1.35fr 1fr;gap:8px}.story-player-secondary-actions{justify-content:flex-start}}@media (width>=1100px){.global-nav .inner{grid-template-columns:1fr}}.live-identity{text-align:center;justify-items:center;gap:5px;margin-bottom:8px;display:grid}.live-identity h1{letter-spacing:-.035em;margin:8px 0 0;font-size:23px}.live-identity p{max-width:460px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.teacher-live-avatar{background:var(--accent-soft);width:126px;height:126px;box-shadow:0 0 0 8px var(--accent-soft);transform-origin:50%;will-change:transform,opacity,box-shadow;border-radius:50%;position:relative;overflow:hidden}.teacher-live-avatar img,.teacher-live-avatar>.teacher-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.teacher-live-avatar>.teacher-avatar-image{background-repeat:no-repeat}.teacher-live-avatar .live-presence-dot{background:#aaa;border:3px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;bottom:8px;right:8px}.teacher-live-avatar.teacher-presence.speaking{box-shadow:0 0 0 12px var(--accent-soft);animation:.65s ease-in-out infinite alternate teacher-presence-speaking}.teacher-live-avatar.teacher-presence.listening{animation:1.2s ease-in-out infinite alternate teacher-presence-listening}.teacher-live-avatar.teacher-presence.connecting{animation:.8s ease-in-out infinite alternate teacher-presence-connecting}.teacher-live-avatar.teacher-presence.idle{animation:1.8s ease-in-out infinite alternate teacher-presence-idle}.teacher-live-avatar.speaking .live-presence-dot{background:var(--accent)}.teacher-live-avatar.listening .live-presence-dot{background:#4b9b67}.teacher-live-avatar.connecting .live-presence-dot{background:#d49a37}.story-live-avatar{width:112px;height:112px;margin:4px auto 8px}.live-mission{margin-bottom:12px}.story-live-topic{margin:12px 0}.live-callbar{grid-template-columns:auto 1fr}.live-audio-settings{text-align:center;margin-top:8px}.live-audio-settings>summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:750;list-style:none}.live-audio-settings>summary::-webkit-details-marker{display:none}.live-audio-settings .live-volume{justify-content:center;margin-top:8px}.live-audio-settings .live-volume input{width:min(260px,65vw)}.live-more{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.live-more>summary{cursor:pointer;color:var(--muted);justify-content:space-between;font-size:12px;font-weight:800;list-style:none;display:flex}.live-more>summary:after{content:"＋"}.live-more[open]>summary:after{content:"−"}.live-more>summary::-webkit-details-marker{display:none}.live-more-body{gap:10px;margin-top:10px;display:grid}.teacher-live-stage .vision-box,.story-live-stage .vision-box{margin-top:0}@media (prefers-reduced-motion:reduce){.teacher-live-avatar.teacher-presence{opacity:1!important;animation:none!important;transform:none!important}}.settings-connected-card{grid-template-columns:1fr auto auto;align-items:center;gap:14px;display:grid}.settings-connected-main{align-items:center;gap:10px;display:flex}.settings-connected-main>span:last-child{gap:3px;display:grid}.settings-connected-main strong{font-size:14px}.settings-connected-main small{color:var(--muted);font-size:11px}.settings-connected-mark{color:#25754e;background:#e5f5ea;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.settings-connected-card code{color:var(--muted);letter-spacing:.05em;font-size:13px}.story-book{position:relative}.story-book-open{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.story-book-open .story-book-body{flex:1}.story-book-open-label{color:var(--accent);margin-top:7px;font-size:11px}.story-book-secondary{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;min-height:42px;padding:5px 10px;display:flex}.story-book-edit{color:var(--muted);padding:8px 10px;font-size:11px;font-weight:800}.story-book-menu{position:relative}.story-book-menu>summary{cursor:pointer;min-width:38px;min-height:34px;color:var(--muted);letter-spacing:.08em;border-radius:10px;place-items:center;font-weight:900;list-style:none;display:grid}.story-book-menu>summary::-webkit-details-marker{display:none}.story-book-menu[open]>summary{background:var(--surface-alt)}.story-book-menu button{z-index:5;white-space:nowrap;color:var(--danger);background:#fff;border:1px solid #ead4d1;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:800;position:absolute;bottom:40px;right:0;box-shadow:0 10px 28px #0000001f}.fortune-result-card>.meta{line-height:1.6}@media (width<=620px){.settings-connected-card{grid-template-columns:1fr}.settings-connected-card code{display:none}.settings-connected-card .actions{margin-top:0}.teacher-live-avatar{width:116px;height:116px}.live-stage{padding:16px}}.status.pending{color:#8a6418;background:#fff8e8}.status.pending .status-dot{background:#d49a37}.home-key-banner.pending{background:#fff8e8;border-color:#ead9ad}.settings-connected-card.pending .settings-connected-mark{color:#9a701d;background:#fff1cf}.settings-connected-card.pending{border-color:#ead9ad}.live-status.error{color:var(--danger);font-weight:750}.live-recovery{justify-items:center;gap:8px;margin-top:12px;display:grid}.live-recovery .live-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.live-recovery small{text-align:center;max-width:440px;color:var(--muted);font-size:11px;line-height:1.5}.live-config.locked .field:disabled{opacity:.62;cursor:not-allowed;background:var(--surface-alt)}.live-config-note{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.5}.vision-actions{flex-wrap:wrap}.vision-btn:disabled{opacity:.5;cursor:not-allowed}.vision-latest{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:64px 1fr;align-items:center;gap:10px;margin-top:10px;padding:8px;display:grid}.vision-latest img{object-fit:cover;background:var(--surface-alt);border-radius:10px;width:64px;height:64px}.vision-latest span{gap:3px;display:grid}.vision-latest b{font-size:12px}.vision-latest small{color:var(--muted);font-size:10px}.vision-error{color:var(--danger);margin:8px 0 0;font-size:11px;line-height:1.45}