:root{color:#253b32;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#f5f4ef;--white:#fdfdf9;--ink:#253b32;--muted:#59665e;--line:#dedfd5;--green:#294f40;--accent:#ce7049;--soft:#e8ebe3;background:#f5f4ef;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.storage-warning{margin:0 0 22px!important}*{box-sizing:border-box}body{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #c78651}label:has(input:focus-visible){outline-offset:4px;outline:3px solid #c78651}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:600}h1{font-size:32px;line-height:1.55}h2{font-size:21px}p{line-height:1.8}svg{flex-shrink:0}input,select,textarea{min-width:0}::selection{color:#243c31;background:#dfe9bd}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#f9f9f4;flex-direction:column;width:224px;padding:36px 22px 23px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;letter-spacing:-1.5px;align-items:center;gap:10px;padding:0 2px;font-family:Georgia,serif;font-size:34px;font-weight:600;display:flex}.brand-mark{color:#365d48;display:flex}.brand-dot{color:var(--accent)}.brand small{letter-spacing:1.5px;padding-top:3px;font-family:Arial,sans-serif;font-size:12px;font-weight:500;display:block}.sidebar-caption{color:#849086;letter-spacing:1.5px;margin:56px 13px 16px;font-size:12px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{text-align:left;color:#6b786f;border-radius:8px;align-items:center;gap:12px;padding:14px 13px;font-size:14px;display:flex}.sidebar nav button:hover{background:#eff0e8}.sidebar nav button.active{color:#294f40;background:#e6ebe0;font-weight:600}.sidebar nav small{background:#d5dfcd;border-radius:5px;margin-left:auto;padding:2px 5px;font-size:12px}.sidebar-note{margin:54px 10px 0}.tiny-star{color:#c47952;font-size:28px}.sidebar-note p{margin-top:12px;font-size:13px;line-height:2.1}.sidebar-note small{letter-spacing:1.5px;color:#929b91;margin-top:18px;font-size:12px;display:block}.sidebar-footer{margin-top:auto;padding:28px 9px 0}.local-status{color:#828d82;align-items:center;gap:7px;margin-top:24px;font-size:12px;display:flex}.local-status i{background:#739373;border-radius:50%;width:5px;height:5px}.main-shell{flex:1;min-width:0;margin-left:224px}.topbar{border-bottom:1px solid var(--line);color:#758074;justify-content:space-between;align-items:center;height:78px;padding:0 42px;font-size:12px;display:flex}.topbar>span,.topbar>div{align-items:center;gap:10px;display:flex}.user-avatar{color:#56644f;background:#e5e8dd;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:15px;display:grid}.muted-badge{border:1px solid #d5dbc9;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:flex}.eyebrow{letter-spacing:2px;color:#7b8b7e;font-size:12px;font-weight:600;line-height:1.8}.home-title{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.home-title h1{margin:6px 0}.home-title p{color:var(--muted);letter-spacing:.3px;font-size:13px}.daily-note{color:#929b8a;align-items:center;gap:14px;font-size:12px;display:flex}.note-line{background:#acb6a0;width:38px;height:1px}.hero{color:#f3f2de;background:#244737;border-radius:13px;grid-template-columns:1.1fr 1fr;min-height:346px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:35px 0 34px 37px}.hero-label{letter-spacing:.8px;color:#e1e6c6;align-items:center;gap:8px;font-size:12px;display:flex}.hero-label i{background:#d1d79b;border-radius:50%;width:5px;height:5px}.hero-label>span{letter-spacing:1.5px;color:#9fb39d;margin-left:7px;font-size:12px}.hero h2{letter-spacing:.025em;margin-top:20px;font-size:38px;font-weight:500;line-height:1.5}.hero-copy>p{color:#c1cfb8;margin-top:14px;font-size:12px;line-height:1.9}.hero-meta{color:#cbd5b9;gap:12px;margin:17px 0 22px;font-size:12px;display:flex}.hero-meta span+span{border-left:1px solid #6a805e;padding-left:12px}.button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#f7f7ec}.primary:hover{background:#36604b}.secondary{background:#fbfcf6;border:1px solid #d4d9cc}.secondary:hover{background:#edf1e5}.hero-button{color:#244737;background:#edf0d7;gap:23px;min-height:43px;font-size:12px}.hero-button:hover{background:#fffde7}.hero-art{justify-content:center;align-items:center;display:flex;position:relative}.orb{color:#bfc98c;width:100%;height:auto;display:block}.hero-art .orb{opacity:.75;width:490px;max-width:none;position:absolute;top:12%;right:-20px}.orbit-label{letter-spacing:1.7px;color:#99b093;font-size:12px;position:absolute}.label-one{top:35px;right:32px}.label-two{letter-spacing:2px;font-size:12px;top:65%;left:25px}.hero-number{color:#bdc99f;align-items:flex-end;gap:15px;font-family:Georgia,serif;font-size:48px;font-weight:400;display:flex;position:absolute;bottom:25px;right:30px}.hero-number span{writing-mode:vertical-rl;letter-spacing:1.6px;color:#a4b996;font-family:Arial,sans-serif;font-size:12px;line-height:1}.learning-ribbon{border-bottom:1px solid var(--line);color:#6c7b6c;justify-content:space-between;align-items:center;gap:16px;padding:21px 2px;font-size:12px;display:flex}.ribbon-title{color:#445b46;font-weight:500}.learning-ribbon>div{align-items:center;gap:18px;display:flex}.learning-ribbon span b{color:#a37952;margin-right:8px;font-family:Georgia,serif;font-size:12px}.library-section{margin-top:33px}.section-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading h2{font-size:19px;line-height:1.55}.section-heading .eyebrow{margin-bottom:6px;display:block}.quiet{color:var(--muted);font-size:12px;line-height:1.7}.topic-filters{flex-wrap:wrap;gap:8px;margin:23px 0 20px;display:flex}.topic-filters button{color:#72806f;background:#f9faf4;border:1px solid #dedfd5;border-radius:22px;padding:9px 15px;font-size:12px}.topic-filters button[aria-pressed=true]{color:#f0f2e6;background:#294f40;border-color:#294f40}.topic-filters button:hover{border-color:#7a8e71}.lesson-tile{background:#fcfcf7;border:1px solid #dfe1d6;border-radius:10px;transition:box-shadow .2s,transform .2s;overflow:hidden}.lesson-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #263e3510}.tile-open{text-align:left;width:100%;height:100%;padding:0;display:block}.tile-art{background:#e5e9d9;align-items:center;height:145px;display:flex;position:relative;overflow:hidden}.tile-art .orb{color:#80936d;opacity:.8;width:300px;position:absolute;top:-29px;right:-46px}.tile-art>span:first-of-type{letter-spacing:.5px;color:#516a4c;background:#ffffff50;border:1px solid #a3af8d65;border-radius:20px;padding:4px 8px;font-size:12px;position:absolute;top:17px;left:18px}.tile-number{color:#8a9d78;font-family:Georgia,serif;font-size:35px;position:absolute;bottom:15px;left:19px}.tile-play{background:#f9f9edaf;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:15px;right:16px}.tile-biology .tile-art{background:#e6e1d5}.tile-biology .orb{color:#a39079;opacity:.8;transform:rotate(38deg)}.tile-biology .tile-number{color:#a18c75}.tile-world .tile-art{background:#dfe6e7}.tile-world .orb{color:#819a9e;transform:rotate(-26deg)scale(.95)}.tile-world .tile-number{color:#819a9e}.tile-body{padding:18px}.tile-meta{color:#7d8879;align-items:center;gap:9px;font-size:12px;display:flex}.tile-meta span:first-child{border:1px solid #dae0d1;border-radius:3px;padding:2px 4px;font-size:12px}.tile-body h3{min-height:29px;margin-top:10px;font-size:17px;line-height:1.7}.tile-body>p{color:#7b8477;min-height:42px;margin:9px 0 21px;font-size:12px;line-height:1.9}.tile-foot>span:last-child{color:#4f684c;align-items:center;gap:7px;display:flex}.home-footer{color:#94a087;flex-direction:column;align-items:center;gap:8px;padding:37px 0 12px;display:flex}.home-footer p{font-size:12px}.home-footer>span{color:#a1a794;letter-spacing:.5px;font-size:12px}.home-footer svg{width:23px}.icon-button{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{background:#e9ede2}.icon-button.selected{color:#c27446;background:#f5eadb}.text-button{text-align:left;color:#45614b;align-items:center;gap:8px;padding:5px 0;font-size:12px;line-height:1.6;display:inline-flex}.text-button:hover{color:#a0633d}.outlined{border:1px solid #d6ddce}.pill{color:#78816d;background:#eceee3;border-radius:20px;padding:6px 10px;font-size:12px;line-height:1.5;display:inline-block}.lesson-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-heading{justify-content:space-between;align-items:center;gap:15px;margin:29px 0;display:flex}.lesson-heading h1{margin:6px 0;font-size:30px;line-height:1.6}.english-title{color:#87917c;font-family:Georgia,serif;font-size:19px;font-style:italic}.lesson-heading .eyebrow span{color:#b2b8a5;padding:0 7px}.lesson-layout{grid-template-columns:minmax(0,1fr) 258px;gap:25px;display:grid}.lesson-main{min-width:0}.mode-tabs{gap:8px;margin-bottom:16px;display:flex}.mode-tabs button{color:#7c8977;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:10px 12px;font-size:12px;display:flex}.mode-tabs button[aria-pressed=true]{color:#36563c;background:#e5ebdd;border-color:#d4dfc7}.reading-card{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:24px 28px 22px;box-shadow:0 7px 25px #29413505}.reading-meta{letter-spacing:1px;color:#788571;justify-content:space-between;align-items:center;font-size:12px;display:flex}.reading-meta .quiet{opacity:.6;margin-left:5px;font-size:12px}.sound-bars{color:#9bab83;align-items:center;gap:3px;height:18px;display:flex}.sound-bars i{background:currentColor;border-radius:2px;width:2px;height:4px;display:block}.sound-bars i:nth-child(2n){height:12px}.sound-bars i:nth-child(3n){height:18px}.sound-bars.active i{animation:.75s ease-in-out infinite alternate wave}.sound-bars i:nth-child(2){animation-delay:.25s}.sound-bars i:nth-child(3){animation-delay:.4s}.sound-bars i:nth-child(4){animation-delay:.15s}.flow-steps{justify-content:center;gap:11px;margin:25px 0 24px;display:flex}.flow-steps button{color:#8c9685;align-items:center;gap:7px;padding:3px 0;font-size:12px;display:flex}.flow-steps button small{border:1px solid #dfe4d5;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;display:grid}.flow-steps button.current{color:#34583c}.flow-steps button.current small{background:#dde6d0;border-color:#c8d6b5}.flow-steps button svg{color:#c0c8b5;margin-left:2px}.reading-text{min-height:268px;padding:10px 2px 20px}.english-text{letter-spacing:-.3px;color:#2e4034;font-family:Georgia,Times New Roman,serif;font-size:29px;line-height:1.6}.english-text mark{color:inherit;background:linear-gradient(#0000 67%,#e4eac9 67%)}.translation{color:#8b9482;margin-top:24px;font-size:13px;line-height:1.95}.explanation-text{color:#405740;font-size:20px;line-height:2}.hidden-caption{color:#889c7a;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:290px;display:flex}.hidden-caption p{color:#657c5b;font-size:18px}.hidden-caption .text-button{font-size:12px}.playback-controls{border-top:1px solid #eceee3;justify-content:center;align-items:center;gap:22px;margin-top:6px;padding-top:21px;display:flex}.play-button{color:#f4f3dc;background:#2c5340;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 4px 12px #294f4020}.play-button svg:has(path[d="m9 5 11 7-11 7z"]){margin-left:3px}.rate-control{color:#687b5f;background:0 0;border:0;width:51px;padding:5px 0;font-size:12px}.playback-hint{text-align:center;color:#8a967c;margin-top:16px;font-size:12px;line-height:1.8}.words-section h2{font-size:16px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px;display:grid}.word-card{overflow-wrap:anywhere;background:#fafbf5;border:1px solid #dce1d2;border-radius:8px;padding:17px 19px}.word-card>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.word-card h3{letter-spacing:0;font-family:Georgia,serif;font-size:19px;font-weight:400}.word-card .icon-button{width:29px;height:29px}.word-card>p{color:#839078;margin:8px 0 12px;font-size:12px}.word-card q{color:#7c8c71;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.7;display:block}.word-card>.text-button{margin-top:20px;font-size:12px}.cue{color:#8a9b7a;background:#eaeee0;border-radius:8px;align-items:flex-start;gap:12px;margin:20px 0;padding:17px;display:flex}.cue>svg{margin-top:2px}.cue strong{color:#5c7352;font-size:12px;font-weight:500}.cue p{color:#7e9071;margin-top:6px;font-size:12px}.cue .text-button{white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:12px}.practice-box{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:22px 0 10px;display:flex}.practice-box h3{margin:5px 0;font-size:17px}.practice-box p{color:#8b967f;max-width:390px;font-size:12px}.recording{color:#fff;background:#a55541}.recording-note{width:100%;color:#a55541!important}.recording-result{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.recording-result audio{flex:1;min-width:150px;max-width:100%;height:40px}.recording-result small{color:#7c8d73;width:100%;font-size:12px}.lesson-aside{padding-top:59px}.outline-card{border:1px solid var(--line);background:#f9faf4;border-radius:9px;overflow:hidden}.outline-card .section-heading{padding:20px 18px 12px}.outline-card h2{font-size:13px}.outline-card .section-heading>span{color:#9ba48e;font-size:12px}.outline-card ol{margin:0;padding:0 10px 12px;list-style:none}.outline-card li button{text-align:left;border-radius:6px;align-items:flex-start;gap:9px;width:100%;padding:15px 9px;display:flex}.outline-card li button:hover{background:#f0f3e8}.outline-card li button.current{background:#e8eedf}.outline-card li button>span:first-child{color:#a1ae94;padding-top:4px;font-family:Georgia,serif;font-size:12px}.outline-card strong{color:#5a7052;font-size:12px;font-weight:400;line-height:1.65;display:block}.outline-card small{color:#98a48a;margin-top:5px;font-size:12px;line-height:1.7;display:block}.current-dot{background:#7e9668;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin:9px 0 0 auto}.source-card{border-bottom:1px solid var(--line);margin:4px 9px 0;padding:24px 5px 20px}.source-card h3{margin-top:8px;font-size:14px;line-height:1.6}.source-card p{color:#849278;margin:10px 0 13px;font-size:12px}.source-card a{color:#5e7752;align-items:flex-start;gap:6px;font-size:12px;line-height:1.8;text-decoration:none;display:flex}.source-card a svg{margin-top:3px}.export-card{padding:22px 14px}.export-card h3{margin-bottom:12px;font-size:12px}.export-card button{margin:5px 0;font-size:12px;display:flex}.export-card p{color:#9ba68d;margin-top:9px;font-size:12px}.notice{background:#edf0e3;border-radius:7px;padding:13px 16px;font-size:12px;line-height:1.8}.notice.error{color:#9b5a3b;background:#fbf1e7;border:1px solid #ecd9c7;margin-top:16px}.notice .text-button{color:#945631;margin-top:5px;display:flex}.dialog{width:min(500px,100vw - 30px);max-height:85dvh;color:var(--ink);background:#fbfcf5;border:1px solid #d5ddcb;border-radius:12px;padding:0;overflow:auto;box-shadow:0 25px 100px #13271830}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d332e66}.dialog-body{padding:25px}.dialog-body>.quiet{margin:12px 0 20px}.dialog label,.studio-form label{color:#5d7553;margin-top:18px;font-size:12px;line-height:1.6;display:block}input,textarea,select{color:#375230;background:#fffef9;border:1px solid #d3ddc7;border-radius:6px;padding:11px 12px;font-size:13px;line-height:1.6}label>input,label>select,label>textarea{width:100%;margin-top:7px;display:block}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a2ab96;font-size:12px}.audio-import{border-top:1px solid #dce2d1;margin-top:25px;padding-top:23px}.audio-import h3{margin-bottom:6px;font-size:15px}.audio-row{align-items:center;gap:10px;margin-top:15px;font-size:12px;display:flex}.audio-row>span{margin-right:auto}.audio-row small{color:#879a78;margin-top:4px;font-size:12px;display:block}.audio-row .button{margin:0}.small{min-height:35px;padding:8px 12px;font-size:12px}.fine-print{color:#8c9b7d;margin-top:17px;font-size:12px;line-height:1.8}.full-width{width:100%;margin-top:25px}.dialog .button label{margin:0}.studio{max-width:900px;margin:0 auto}.studio>h1,.saved-page>h1{margin:8px 0 12px}.page-intro{color:#7f8e73;max-width:660px;font-size:13px}.import-banner{background:#edf2e3;border:1px dashed #cbd8bc;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin:30px 0;padding:22px 25px;display:flex}.import-banner>div{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.import-banner strong{font-size:13px;font-weight:500}.import-banner span{color:#899a78;width:100%;margin-left:31px;font-size:12px}.import-banner>.button{flex-shrink:0}.studio-form .panel{background:#fdfef7;border:1px solid #dce2d1;border-radius:10px;margin:22px 0;padding:27px}.studio-form h2{color:#a4b28f;font-family:Georgia,serif;font-size:18px}.studio-form h2>span{color:#445e3a;margin-left:11px;font-family:Inter,Noto Sans TC,sans-serif;font-size:15px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.segment-editor{border:0;border-top:1px solid #e2e7d8;min-width:0;margin:28px 0 0;padding:15px 0 25px}.segment-editor legend{color:#8f9f7c;padding-right:12px;font-size:12px}.form-footer{justify-content:space-between;align-items:center;gap:25px;margin:25px 0;display:flex}.form-footer p{color:#91a080;max-width:370px;font-size:12px}.form-footer .button{flex-shrink:0}.danger{color:#a66a4c}.segment-editor .danger{margin-top:12px;font-size:12px}.studio-exchange{border-top:1px solid var(--line);padding:23px 0;font-size:13px}summary{cursor:pointer}.studio-exchange p{color:#819471;margin:15px 0;font-size:12px}.saved-page{max-width:1000px;margin:auto}.saved-page>.section-heading{margin-top:35px}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}.empty-state{text-align:center;color:#8b9c79;padding:70px 20px}.empty-state h2{color:#4d673f;margin:24px 0 12px;font-size:22px}.empty-state p{font-size:13px}.empty-state .button{margin-top:25px}.toast{z-index:100;color:#f6f7ec;background:#304d3f;border:1px solid #718567;border-radius:8px;align-items:center;gap:20px;max-width:min(650px,90vw);padding:10px 13px 10px 19px;font-size:12px;line-height:1.8;display:flex;position:fixed;bottom:28px;left:calc(50% + 112px);transform:translate(-50%);box-shadow:0 5px 25px #253b3225}.toast .icon-button:hover{background:#4f6751}.mobile-nav{display:none}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important}.skip-link{z-index:500;background:#fff;padding:15px;position:fixed;top:-100px;left:10px}.skip-link:focus{top:10px}@keyframes enter{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{to{transform:scaleY(.35)}}@media (min-width:1600px){.content{padding-top:48px}.hero{min-height:375px}.hero-copy{padding:40px 0 40px 45px}.hero h2{font-size:43px}.tile-art{height:170px}.tile-art .orb{width:330px}.hero-art .orb{width:550px;right:0}}@media (max-width:1200px){.sidebar{width:200px;padding-inline:16px}.main-shell{margin-left:200px}.content{padding:30px 28px}.topbar{padding-inline:28px}.hero h2{font-size:32px}.hero-copy{padding-left:28px}.hero-art .orb{width:440px;right:-70px}.hero-label>span{font-size:12px}.hero-number{right:22px}.hero-number span{display:none}.lesson-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.reading-card{padding:21px}.english-text{font-size:25px}.flow-steps{gap:7px}.flow-steps button{gap:5px;font-size:12px}.playback-controls{gap:12px}.tile-body{padding:15px}.tile-body h3{font-size:15px}.tile-foot{font-size:12px}.daily-note{display:none}.toast{left:calc(50% + 100px)}}@media (max-width:1020px){.sidebar{width:180px;padding-inline:12px}.brand{gap:7px;font-size:29px}.brand-mark svg{width:28px}.brand small{font-size:12px}.main-shell{margin-left:180px}.sidebar nav button{gap:9px;font-size:12px}.sidebar-caption{margin-top:45px}.content,.topbar{padding-inline:23px}.hero-art .orb{width:400px;top:18%;right:-110px}.hero h2{font-size:30px}.hero-copy{min-width:310px;padding-left:26px}.hero-label>span{display:none}.label-one{font-size:12px;right:20px}.label-two{display:none}.hero-art{min-width:0}.hero-number{font-size:40px}.learning-ribbon{gap:7px;font-size:12px}.learning-ribbon>div{gap:9px}.learning-ribbon>svg{display:none}.lesson-grid{gap:14px}.tile-art{height:125px}.tile-art .orb{width:240px;top:-10px;right:-70px}.tile-body h3{font-size:14px}.tile-foot{flex-direction:column;gap:8px}.tile-body p{min-height:58px;font-size:12px}.section-heading h2{font-size:17px}.lesson-layout{grid-template-columns:1fr}.lesson-aside{grid-template-columns:1.2fr 1fr;gap:20px;padding:0;display:grid}.outline-card{grid-row:span 2}.source-card{margin:0;padding-top:9px}.export-card{padding-top:0}.english-text{font-size:29px}.reading-text{min-height:220px}.flow-steps{gap:20px}.flow-steps button{font-size:12px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 90px)}}@media (max-width:760px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:62px;padding:0 20px;font-size:12px}.topbar>span{max-width:200px;font-size:12px}.topbar>span svg{display:none}.user-avatar{width:27px;height:27px;font-size:12px}.muted-badge{padding:5px 7px;font-size:12px}.content{padding:29px 20px 95px}.home-title{margin-bottom:24px}.home-title h1{margin:7px 0 9px;font-size:28px}.eyebrow{letter-spacing:1.6px;font-size:12px}.home-title p{font-size:12px;line-height:1.8}.hero{border-radius:11px;grid-template-columns:1fr;min-height:345px}.hero-copy{min-width:0;padding:27px 25px 28px}.hero h2{letter-spacing:.015em;margin-top:20px;font-size:34px;line-height:1.5}.hero-copy>p{z-index:1;font-size:12px;position:relative}.hero-label{font-size:12px}.hero-meta{gap:10px;margin:15px 0 22px;font-size:12px}.hero-meta span+span{padding-left:10px}.hero-art{pointer-events:none;position:absolute;inset:0}.hero-art .orb{opacity:.27;width:310px;top:95px;right:-120px}.label-one,.hero-number{display:none}.hero-button{min-height:42px;font-size:12px}.learning-ribbon{padding:18px 0;display:block}.ribbon-title{margin-bottom:12px;font-size:12px;display:block}.learning-ribbon>div{justify-content:space-between;font-size:12px}.learning-ribbon span b{margin-right:6px}.learning-ribbon>div>svg{width:13px}.library-section{margin-top:28px}.section-heading h2{font-size:17px}.library-section>.section-heading>.quiet{white-space:nowrap;font-size:12px}.topic-filters{gap:6px;margin:18px 0}.topic-filters button{padding:8px 11px;font-size:12px}.lesson-grid{grid-template-columns:1fr;gap:19px}.tile-art{height:157px}.tile-art .orb{width:340px;top:-35px;right:-15px}.tile-body{padding:20px}.tile-body h3{font-size:19px}.tile-body>p{min-height:0;margin-bottom:20px;font-size:12px}.tile-meta{font-size:12px}.tile-foot{flex-direction:row;font-size:12px}.tile-art>span:first-of-type{font-size:12px}.tile-number{font-size:42px;left:22px}.tile-play{width:35px;height:35px}.home-footer{padding:35px 0 0}.mobile-nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fafbf5f2;border-top:1px solid #d8dfcd;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.mobile-nav button{color:#94a185;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:65px;min-height:46px;font-size:12px;display:flex}.mobile-nav button.active{color:#3e613c;background:#e9efdf}.mobile-nav button>svg{width:19px;height:19px}.toast{gap:10px;width:calc(100vw - 28px);max-width:500px;padding:10px 10px 10px 14px;font-size:12px;bottom:86px;left:50%}.lesson-content{padding-top:22px}.lesson-heading{margin:25px 0}.lesson-heading h1{margin:8px 0;font-size:25px;line-height:1.6}.english-title{font-size:17px}.lesson-topline .pill,.lesson-topline .text-button{font-size:12px}.lesson-heading>.icon-button{width:35px;height:35px}.lesson-layout{display:block}.mode-tabs{justify-content:space-between;gap:4px}.mode-tabs button{flex:1;justify-content:center;gap:6px;padding:11px 6px;font-size:12px}.mode-tabs button svg{width:15px}.reading-card{border-radius:10px;padding:20px 18px}.reading-meta{font-size:12px}.flow-steps{justify-content:space-between;gap:4px;margin:24px 0 17px}.flow-steps button{gap:4px;font-size:12px}.flow-steps button svg{width:10px}.flow-steps button small{width:17px;height:17px;font-size:12px}.reading-text{min-height:0;padding:8px 1px 25px}.english-text{font-size:26px;line-height:1.6}.translation{margin-top:21px;font-size:12px;line-height:2}.explanation-text{font-size:17px;line-height:2}.playback-controls{gap:14px;padding-top:20px}.play-button{width:55px;height:55px}.playback-controls>.icon-button{width:32px;height:40px}.playback-controls .repeat{margin-right:0}.rate-control{width:44px;font-size:12px}.playback-hint{min-height:18px;font-size:12px}.words-section{margin-top:24px}.words-section h2{font-size:15px}.word-grid{gap:10px}.word-card{padding:14px 13px}.word-card h3{font-size:17px;line-height:1.4}.word-card>p,.word-card q{font-size:12px}.cue{flex-wrap:wrap;gap:9px;padding:15px}.cue>div{flex:1}.cue .text-button{margin-left:28px;font-size:12px}.cue p{font-size:12px}.practice-box{gap:15px;padding:20px 0 25px}.practice-box p,.practice-box .button{font-size:12px}.lesson-aside{padding-top:15px;display:block}.outline-card li button{padding:15px}.outline-card strong{font-size:13px}.outline-card small{font-size:12px}.source-card{margin:15px 5px 0;padding:22px 5px}.source-card p,.source-card a{font-size:12px}.export-card{padding:23px 10px}.export-card h3{font-size:14px}.export-card button,.export-card p{font-size:12px}.studio>h1,.saved-page>h1{margin:9px 0 13px;font-size:26px;line-height:1.65}.page-intro{font-size:12px}.import-banner{margin:25px 0;padding:20px;display:block}.import-banner>.button{margin:18px 0 0}.import-banner span{margin-left:0;font-size:12px}.studio-form .panel{padding:21px 18px}.studio-form .section-heading>.quiet{display:none}.form-grid{grid-template-columns:1fr;gap:0}.studio-form label{font-size:12px}.studio-form label input,.studio-form label textarea,.studio-form label select,.dialog input,.dialog select{font-size:16px}.studio-form h2>span{font-size:14px}.form-footer{display:block}.form-footer .button{width:100%;margin-top:18px}.studio-exchange{font-size:12px}.saved-grid{grid-template-columns:1fr}.saved-grid .word-card{padding:20px}.saved-grid .word-card h3{font-size:23px}.saved-grid .word-card p,.saved-grid .word-card q{font-size:13px}.empty-state{padding:45px 10px}.empty-state h2{font-size:20px}.empty-state p{font-size:12px}.dialog-body{padding:22px}.dialog .section-heading h2{font-size:20px}.dialog-body>.quiet{font-size:12px}.hidden-caption{min-height:275px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.translation,.word-card>p,.word-card q,.source-card p,.cue p,.playback-hint,.outline-card small,.export-card p,.tile-body>p,.tile-foot,.fine-print,.page-intro,.practice-box p{color:#65745f}.reading-meta,.flow-steps button,.tile-meta,.home-footer>span,.eyebrow{color:#66765f}.hero .hero-label,.hero .hero-meta{color:#d2dcbf}.flow-steps button{min-height:32px}.remove-lesson{color:#906347;margin:0 18px 15px;font-size:12px}.lesson-tile:has(.remove-lesson) .tile-open{height:auto}@media (max-width:760px){.flow-steps button{min-height:36px}.word-card .icon-button{width:36px;height:36px}.playback-controls>.icon-button{width:36px;min-height:44px}.reading-meta,.playback-hint{font-size:12px}}.resume-card{background:#eef2e8;border:1px solid #ccd7c8;border-radius:12px;align-items:center;gap:20px;margin-bottom:24px;padding:22px 26px;display:flex}.resume-icon{color:#49634c;display:flex}.resume-card h2{margin:5px 0;font-size:18px}.resume-card p{color:var(--muted);font-size:13px}.resume-card .button{flex-shrink:0;margin-left:auto}.resume-card .eyebrow{letter-spacing:1px}.helix-art{color:#d5dfb5;width:100%;height:100%}.hero-art .helix-art{width:340px;height:340px;position:absolute;top:2%;right:12%;transform:rotate(17deg)}.tile-art .helix-art{color:#405d43;width:245px;height:245px;position:absolute;top:-40px;right:10%;transform:rotate(25deg)}.hero-copy{z-index:2;position:relative}.hero-label{flex-wrap:wrap;row-gap:8px}.hero-meta{flex-wrap:wrap;row-gap:9px}.hero-label>span{letter-spacing:1px;font-size:11px}.lesson-brief span{margin-left:16px;display:inline-block}.translation,.word-card>p,.word-card q,.cue p,.practice-box p,.source-card p,.export-card p,.playback-hint,.outline-card small{color:#56664e}.translation{font-size:15px}.word-card>p,.cue p,.practice-box p,.source-card p,.export-card p{font-size:14px}.word-card q{font-size:15px}.eyebrow,.quiet,.reading-meta,.rate-control{color:#5a685b}.hero .eyebrow{color:inherit}.reading-meta .quiet{opacity:1}.flow-steps button{color:#65765b;min-height:44px;font-size:13px}.flow-steps button.current{font-weight:600}.translation-toggle{color:#527045;min-height:44px;margin-top:18px;font-size:13px}.skip-explanation{min-height:44px;margin:16px auto 0;font-size:14px}.audio-progress{align-items:center;gap:14px;padding-top:12px;display:flex}.audio-progress progress{accent-color:#466346;border:0;border-radius:3px;flex:1;width:100%;height:5px;overflow:hidden}.audio-progress progress::-webkit-progress-bar{background:#e1e7d8}.audio-progress progress::-webkit-progress-value{background:#466346}.audio-progress span{color:#54664d;white-space:nowrap;font:12px ui-monospace,monospace}.segment-progress{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:14px;display:flex}.segment-progress button{place-items:center;width:32px;height:44px;padding:8px 0;display:grid}.segment-progress button span{background:#dce3d4;border-radius:4px;width:100%;height:4px}.segment-progress button.current span{background:#4d6d44}.completion-card{background:#e8eee0;border-radius:12px;margin-top:24px;padding:26px}.completion-card p{margin:10px 0;font-size:15px}.completion-card summary,.voice-samples summary{cursor:pointer;padding:14px 0;font-size:14px}.voice-samples{border-top:1px solid var(--line);margin:18px 0}.voice-samples audio{width:100%;margin-top:8px}.voice-samples>.quiet{margin:0 0 10px;line-height:1.8}.voice-language{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 16px;display:grid}.voice-language button{border:1px solid var(--line);min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;flex:1;font-size:14px}.voice-language button[aria-pressed=true]{color:#fff;background:#275c48;border-color:#275c48}.voice-language span{margin-left:10px;font-size:12px}.voice-reel{background:#edf2e6;border:1px solid #d4dec8;border-radius:10px;padding:16px}.voice-reel h3,.voice-card h3{margin:0;font-size:15px}.voice-reel p{margin:6px 0 0;line-height:1.7}.audition-script{margin:8px 0}.audition-script p{margin:0 0 16px;font-size:14px;line-height:1.9}.voice-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.voice-card{border:1px solid var(--line);background:#fffef9;border-radius:10px;min-width:0;padding:14px}.voice-card-heading{align-items:center;gap:12px;display:flex}.voice-code{color:#275c48;background:#edf2e6;border-radius:50%;place-items:center;min-width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.voice-card p{color:#52634d;margin:3px 0 0;font-size:13px}.voice-current,.voice-reference{white-space:nowrap;color:#3c634b;flex-shrink:0;margin-left:auto;font-size:12px}.voice-short-sets{gap:12px;display:grid}.icon-button,.word-card .icon-button{min-width:44px;min-height:44px}.rate-control{width:57px;min-height:44px;font-size:13px}@media (min-width:761px){.hero-copy{max-width:65%}.hero-art .label-one{right:25px}}@media (max-width:1020px){.hero-art .helix-art{width:300px;top:10%;right:-60px}.hero-copy{max-width:100%}.cue{flex-wrap:wrap}.cue>div{flex:1}.cue .text-button{margin-left:32px}}@media (max-width:760px){.resume-card{flex-wrap:wrap;gap:10px;padding:18px}.resume-icon{display:none}.resume-card h2{font-size:17px}.resume-card .eyebrow{font-size:11px}.resume-card .button{justify-content:center;width:100%;margin:4px 0 0}.hero-art .helix-art{opacity:.28;width:240px;height:240px;top:45px;right:-130px}.hero-copy{padding-right:22px}.hero h2{font-size:32px}.hero-label>span{display:none}.hero-copy>p{max-width:265px;font-size:14px}.topbar>span{max-width:45%;font-size:12px;line-height:1.4}.topbar{gap:10px}.user-avatar{display:none}.learning-ribbon{flex-wrap:wrap;justify-content:center;gap:12px;padding-block:18px}.learning-ribbon>div{gap:8px}.lesson-brief{margin-top:0;font-size:12px}.lesson-brief span{margin-left:0;display:block}.lesson-content{padding-bottom:265px}.reading-card{padding:18px}.reading-meta{flex-wrap:wrap;gap:8px}.flow-steps{justify-content:space-between;gap:8px;margin-block:18px}.flow-steps button{gap:4px;font-size:12px}.flow-steps button>svg{display:none}.reading-text{min-height:200px;padding-bottom:6px}.english-text{font-size:25px;line-height:1.65}.explanation-text{font-size:18px}.player-dock{left:0;right:0;bottom:calc(65px + env(safe-area-inset-bottom,0px));z-index:30;padding:10px max(18px,env(safe-area-inset-left,0px)) 9px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8faf3f5;border-top:1px solid #d6dfcc;position:fixed;box-shadow:0 -6px 26px #294f4010}.player-dock .playback-controls{border:0;gap:20px;margin:0;padding:0}.player-dock .play-button{width:52px;height:52px}.player-dock .playback-hint{margin-top:6px;font-size:12px}.audio-progress{padding:0 8px 8px}.segment-progress button{width:32px;min-height:44px}.word-card{padding:15px}.word-card h3{font-size:20px}.reading-text .translation{font-size:15px}.toast{bottom:235px}.mobile-nav{height:calc(65px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav button{min-height:48px}.outline-card li button{padding-block:14px}}@media (max-width:360px){.content{padding-inline:14px}.player-dock .playback-controls{gap:12px}.flow-steps button small{display:none}}.lesson-view.page-enter{animation:.25s both lesson-appear}@keyframes lesson-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lesson-view.page-enter{animation:none}}.lesson-heading h1{text-wrap:balance}.brand small{letter-spacing:1px;max-width:125px;font-size:10px;line-height:1.5}@media (max-width:760px){.lesson-heading{margin:18px 0}.lesson-heading h1{font-size:24px}.lesson-brief{margin-bottom:18px}.hero-art .label-one{display:none}}.sentence-lesson .flow-steps{flex-wrap:wrap;gap:6px 12px}.sentence-lesson .flow-steps button{white-space:nowrap}.sentence-lesson .flow-steps button>svg{display:none}.sentence-lesson .reading-text{min-height:190px}.sentence-help{color:#56664e;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:14px 0;font-size:13px;display:flex}.sentence-position{color:#56664e;align-items:center;gap:12px;font-size:13px;display:flex}.sentence-position select{flex:1;width:100%;min-width:0}.sentence-lesson .outline-card ol{overscroll-behavior:contain;max-height:480px;overflow-y:auto}.clip-script{overflow-wrap:anywhere;color:#56664e;max-width:320px;font-size:12px;line-height:1.6;display:block}.audio-row>span{flex:1;min-width:0}@media (max-width:760px){.sentence-lesson .flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sentence-lesson .flow-steps button{justify-content:center}.sentence-lesson .reading-text{min-height:170px}.sentence-position{display:block}.sentence-position select{margin-top:6px}.sentence-lesson .lesson-heading{margin:12px 0}.sentence-lesson .lesson-heading h1{margin:4px 0;font-size:23px}.sentence-lesson .english-title{font-size:15px}.sentence-lesson .lesson-brief{margin-bottom:12px}.sentence-lesson .mode-tabs{margin-bottom:10px}.sentence-lesson .flow-steps{gap:2px 8px;margin-block:10px}}.learning-ribbon>div{flex-wrap:wrap;justify-content:center}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c171c;--surface:#142329;--ink:#e9ecdf;--muted:#a2b0ad;--line:#2b3d41;--accent:#dcf190;--green:#dcf190;--green-dark:#d0e77e;--green-soft:#23372e;--paper:#142329;--cream:#142329;--text:#e9ecdf;--text-light:#a2b0ad;--border:#2b3d41;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}html,body{background:var(--bg);color:var(--ink)}body{font-size:15px}button,input,select,textarea{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:inherit}a{color:var(--accent)}.app-shell{background:var(--bg);min-height:100dvh;display:block}.main-shell{width:100%;min-width:0;margin:0}.content{max-width:1280px;margin:auto;padding:0 48px 40px}.roam-header{border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:32px;max-width:1440px;height:88px;margin:auto;padding:0 48px;display:flex;position:relative}.roam-brand{color:var(--ink);text-align:left;letter-spacing:.13em;background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;font-size:24px;font-weight:850;display:flex}.roam-brand small{color:var(--muted);letter-spacing:.28em;margin-top:2px;font-size:10px;font-weight:400;display:block}.brand-glyph{background:var(--accent);color:#16221b;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);place-items:center;width:40px;height:40px;font-size:37px;line-height:1;display:grid}.roam-header nav{gap:24px;margin:auto;display:flex}.roam-header nav button{min-height:48px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.roam-header nav button[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.header-actions{align-items:center;gap:8px;display:flex}.sound-switch{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.icon-button{color:var(--muted);background:0 0;border-radius:50%;min-width:44px;min-height:44px}.icon-button:hover,.text-button:hover{color:var(--accent);background:#ffffff06}.eyebrow{color:#a9bcb2;letter-spacing:.18em;font-size:10px;font-weight:500}.quiet{color:var(--muted)}.button{min-height:46px;box-shadow:none;border-radius:3px;gap:10px;font-weight:600}.button.primary{background:var(--accent);border:1px solid var(--accent);color:#17231b}.button.primary:hover{background:#eaf7b3;transform:translateY(-2px)}.button.secondary{color:var(--ink);background:#ffffff03;border:1px solid #40524e}.button.secondary:hover{background:#25372f;border-color:#a8bd86}.button.small{font-size:13px}.text-button{color:#b6c9b7;font-size:13px}.pill{color:#b6c9b7;border:1px solid var(--line);background:#203133;border-radius:3px}.notice{color:#d3dfd5;background:#1b3034;border:1px solid #365158;border-radius:4px}.notice.error{color:#f6c5ab;background:#392723;border-color:#6e4538}.storage-warning{margin-top:16px}.page-enter{animation:.5s ease-out roam-enter}.expedition-hero{isolation:isolate;border-bottom:1px solid var(--line);min-height:630px;padding-top:28px;position:relative}.hero-coordinates{color:#839a98;letter-spacing:.16em;justify-content:space-between;font:10px ui-monospace,monospace;display:flex}.hero-coordinates>span:first-child{align-items:center;gap:9px;display:flex}.hero-coordinates i{background:var(--accent);border-radius:50%;width:5px;height:5px}.expedition-copy{z-index:2;pointer-events:none;width:45%;padding-top:76px;position:relative}.expedition-copy .eyebrow{color:var(--accent);letter-spacing:.26em}.expedition-copy h1{letter-spacing:-.045em;margin:18px 0 22px;font-size:clamp(46px,5.2vw,74px);font-weight:750;line-height:1.2}.expedition-copy h1 em{color:#e1e7cc;font-style:normal}.expedition-copy p{color:#a9b8b2;letter-spacing:.06em;font-size:15px;line-height:1.9}.expedition-start{pointer-events:auto;justify-content:flex-start;min-width:248px;min-height:56px;margin:12px 0 18px;padding:16px 22px;font-size:15px}.expedition-start>span{margin-left:auto;font-size:22px}.hero-voice{color:#829b91;letter-spacing:.05em;font-size:11px;display:block}.world-art{z-index:-1;pointer-events:none;width:78%;height:610px;position:absolute;top:0;right:-64px}.expedition-scene{filter:drop-shadow(0 22px 40px #0002);width:100%;height:100%;overflow:visible}.signal-core{transform-origin:557px 270px;animation:6s ease-in-out infinite core-drift}.signal-path{animation:30s linear infinite path-signal}.scene-caption{align-items:center;gap:14px;display:flex;position:absolute;top:39%;left:65%}.scene-caption .caption-line{background:#92a48b;width:34px;height:1px}.scene-caption div{flex-direction:column;gap:6px;display:flex}.scene-caption span{color:#8fa6a2;white-space:nowrap;letter-spacing:.1em;font:8px ui-monospace,monospace}.scene-caption strong{color:#cfddc9;letter-spacing:.15em;font-size:14px;font-weight:500}.scene-caption i{background:#d9ed99;width:5px;height:5px}.journey-panel{z-index:2;background:#15262bcc;border:1px solid #324447;border-radius:3px;align-items:center;gap:22px;width:590px;max-width:100%;margin:38px 0 28px;padding:20px 22px;display:flex;position:relative}.journey-number{color:var(--accent);font-variant-numeric:tabular-nums;border-right:1px solid #3a4a4a;padding-right:20px;font-size:34px;font-weight:300;line-height:1}.journey-number small{color:#8b9e97;white-space:nowrap;margin-top:8px;font-size:10px;display:block}.journey-panel h2{margin:7px 0;font-size:17px;font-weight:550;line-height:1.5}.journey-panel p{color:#9eb1aa;margin:0;font-size:11px}.journey-panel>.icon-button{color:var(--accent);border:1px solid #4a5b52;flex:none;margin-left:auto}.routes-section{padding:32px 0}.route-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.route-heading h2{letter-spacing:.03em;margin:9px 0 0;font-size:22px;font-weight:550}.route-heading>span{color:#8c9f98;font-size:12px}.region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.region{color:var(--ink);text-align:left;background:#142329;border:1px solid #2c3e43;border-radius:3px;align-items:center;gap:17px;padding:23px 21px;transition:background .2s,border-color .2s,transform .2s;display:flex}.region:hover{background:#1a3034;border-color:#60786a;transform:translateY(-3px)}.region.chosen{border-color:var(--accent);background:#22352c}.region>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.region small{color:#91a9a3;letter-spacing:.06em;font:8px ui-monospace,monospace}.region strong{letter-spacing:.08em;font-size:19px;font-weight:550}.region>span>span{color:#9daea7;font-size:11px}.region-symbol{color:#c0d591;text-align:center;flex:none;width:44px;font-family:Arial,sans-serif;font-size:40px;line-height:1}.region-ai .region-symbol{color:#a7c3df}.region-world .region-symbol{color:#deae87}.region>svg{color:#8daba3;flex:none;margin-left:auto}.signal-strip{border-top:1px solid var(--line);align-items:center;gap:16px;padding:24px 0 8px;display:flex}.signal-strip h2{margin:0 0 6px;font-size:15px;font-weight:550}.signal-strip p{color:var(--muted);margin:0;font-size:12px}.signal-strip>.button{margin-left:auto}.signal-icon{color:var(--accent);background:#25372e;border:1px solid #3c5543;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.radar-status{color:#91a79d;justify-content:space-between;align-items:center;gap:12px;min-height:40px;font-size:11px;display:flex}.radar-status>span{align-items:center;gap:7px;display:flex}.radar-status i{background:#809e7b;border-radius:50%;width:5px;height:5px}.radar-busy i{animation:2s infinite core-drift}.news-explanation,.news-failure{color:var(--muted);font-size:13px;line-height:1.7}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.news-item{border:1px solid var(--line);background:#142329;border-radius:3px;min-width:0;padding:22px}.news-item h3{margin:14px 0;font-size:19px;font-weight:550;line-height:1.4}.news-item>p{color:#a3b7ac;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.news-item>div:last-child{justify-content:space-between;align-items:center;gap:14px;display:flex}.news-item a{align-items:center;gap:6px;font-size:12px;display:inline-flex}.library-section{border-top:1px solid var(--line);margin-top:34px;padding-top:30px}.section-heading h2{margin:8px 0 0;font-size:22px;font-weight:550}.library-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:24px 0;display:flex}.all-routes{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:3px;align-items:center;gap:10px;min-height:44px;padding:12px 15px;font-size:12px;display:flex}.all-routes[aria-pressed=true]{color:var(--accent);border-color:#71855d}.lesson-search{color:#99b0a6;background:0 0;border-bottom:1px solid #40534d;border-radius:0;align-items:center;gap:10px;width:260px;padding:8px 0;display:flex}.lesson-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;height:28px;font-size:13px}.lesson-search input::placeholder{color:#91a199}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lesson-tile{border:1px solid var(--line);background:#142329;border-radius:3px;transition:border-color .2s;overflow:hidden}.lesson-tile:hover{box-shadow:none;border-color:#6f866f;transform:none}.tile-open{width:100%;height:100%;color:inherit;text-align:left;background:0 0;border:0;gap:20px;padding:24px;display:flex}.tile-index{color:#546c66;padding-top:2px;font:24px ui-monospace,monospace}.tile-body{flex:1;min-width:0;padding:0}.tile-body h3{margin:12px 0 9px;font-size:19px;font-weight:550;line-height:1.5}.tile-body>p{color:#a0b3aa;margin-bottom:20px;font-size:12px;line-height:1.7}.tile-meta{color:#8ea99c;justify-content:space-between;gap:8px;font-size:10px;display:flex}.tile-foot{color:#9daf9d;border-top:1px solid #293d3e;justify-content:space-between;gap:10px;padding-top:14px;font-size:10px;display:flex}.tile-foot>span:last-child{color:var(--accent);gap:7px;display:flex}.remove-lesson{margin:0 20px 16px}.home-footer{border-top:1px solid var(--line);color:#81978b;align-items:center;gap:24px;margin-top:44px;padding:28px 0;font-size:11px;display:flex}.footer-brand{letter-spacing:.18em;color:#cddcc3;font-size:18px;font-weight:700}.footer-brand span{color:var(--accent);margin-left:8px}.home-footer p{margin:0}.home-footer>span:last-child{margin-left:auto;font-size:10px}.empty-state{color:var(--muted);background:#142329;border:1px dashed #3f5750;border-radius:3px}.empty-state h2,.empty-state h3{color:var(--ink)}.lesson-content{max-width:1160px;padding-top:28px}.lesson-heading h1{letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1.4}.english-title{color:#93aaa0;font-family:inherit;font-size:14px;line-height:1.5}.lesson-brief{color:#91a79a;margin:10px 0 22px;font-size:11px}.lesson-brief span{margin-left:12px}.lesson-layout{display:block}.lesson-tools{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.mode-tabs{border:1px solid var(--line);background:#15262b;border-radius:4px;padding:4px}.mode-tabs button{color:#9aafa3;min-height:36px;box-shadow:none;background:0 0;border:0;padding:8px 13px;font-size:12px}.mode-tabs button[aria-pressed=true]{color:#1b2c21;background:#dbea9b;border-radius:2px}.focus-toggle{color:#bdcfb7;background:0 0;border:1px solid #43594c;border-radius:3px;min-height:44px;font-size:12px}.course-position{color:#a6bba9;gap:18px;margin:0 0 14px;font-size:11px}.course-position progress{accent-color:var(--accent);background:#2a4039;height:3px}.course-position .text-button{font-size:11px}.reading-card{isolation:isolate;box-shadow:none;background:#15262c;border:1px solid #354a4e;border-radius:5px;min-height:460px;padding:26px 38px 22px;position:relative;overflow:hidden}.listening-landscape{z-index:-1;opacity:.21;pointer-events:none;width:450px;height:324px;position:absolute;top:-78px;right:-20px}.listening-landscape .signal-core,.listening-landscape .signal-path{animation:none}.reading-meta{color:#adc0b1;letter-spacing:.08em;margin-bottom:20px;font:10px ui-monospace,monospace}.flow-steps{border:0;border-bottom:1px solid #32484a;justify-content:center;gap:8px;margin:0;padding:0 0 14px;display:flex}.flow-steps button{color:#8ba497;background:0 0;border-radius:3px;min-height:38px;padding:8px 10px;font-size:11px}.flow-steps button.current{color:#e0efac;background:#2b4038}.flow-steps button small{color:inherit;background:0 0}.flow-steps button>svg{display:none}.reading-text{text-align:center;flex-direction:column;justify-content:center;max-width:850px;min-height:192px;margin:0 auto;padding:26px 12px;display:flex}.english-text{letter-spacing:-.02em;color:#f1f0e3;max-width:840px;margin:0 auto;font-family:inherit;font-size:clamp(25px,2.6vw,37px);font-weight:450;line-height:1.52}.english-text mark{color:#e3f2ab;background:0 0;border-bottom:2px solid #8b9c60;padding:0 0 3px}.explanation-text{color:#e9ecdf;margin-bottom:18px;font-size:27px;font-weight:450;line-height:1.7}.translation{color:#afc0ae;margin:19px 0 0;font-size:16px;line-height:1.75}.translation-toggle{align-self:center;margin-top:20px;font-size:11px}.player-dock{background:0 0;border-top:1px solid #32484a;padding-top:16px}.dock-context{display:none}.audio-progress{color:#96afa0;max-width:360px;margin:0 auto 10px;font:10px ui-monospace,monospace}.audio-progress progress{accent-color:var(--accent);height:3px}.playback-controls{justify-content:center;align-items:center;gap:30px;padding:0;display:flex}.play-button{background:var(--accent);color:#1b2e22;width:60px;min-width:60px;height:60px;box-shadow:none;border:0;border-radius:50%}.play-button:hover{background:#ecf8b6;transform:scale(1.04)}.rate-control{color:#bfd1b8;background:#20372e;border:1px solid #405a46;border-radius:3px;width:62px;min-height:40px;font:12px ui-monospace,monospace}.playback-hint{color:#a0b59e;min-height:18px;margin-top:14px;font-size:11px}.sentence-help{color:#90a78f;border-top:1px solid #30453c;margin-top:16px;padding-top:13px;font-size:10px}.sentence-help .text-button{font-size:10px}.sentence-position{color:#90a78f;font-size:11px}.sentence-position select{color:#b6c8b2;background:#15262b;border:1px solid #3d5547;border-radius:3px;max-width:100%;font-size:11px}.words-section{margin-top:32px}.words-section .section-heading h2{font-size:18px}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.word-card{border:1px solid var(--line);color:var(--ink);background:#142329;border-radius:3px}.word-card h3{color:#deecbe;font-family:inherit}.word-card p{color:#b4c5b4}.word-card q{color:#8da591;font-size:13px}.cue,.practice-box{border:1px solid var(--line);color:var(--muted);background:#142329;border-radius:3px}.cue strong,.practice-box h3{color:var(--ink)}.cue p,.practice-box p{color:#a1b4a2}.lesson-aside{grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-top:24px;display:grid}.outline-card,.source-card,.export-card{border:1px solid var(--line);background:#142329;border-radius:3px;padding:22px}.outline-card ol{max-height:210px}.outline-card h2,.source-card h3,.export-card h3{font-size:15px}.outline-card li button{color:#a9bba6}.outline-card li button.current{color:var(--accent);background:#2d4032}.source-card p,.export-card p{color:#9aac9a;font-size:12px}.source-card a{color:#d5e5b2}.focus-mode .lesson-aside{display:none}.focus-mode .reading-card{max-width:960px;margin:auto}.focus-mode .english-text{font-size:clamp(27px,3vw,43px)}.completion-card{color:var(--ink);text-align:center;background:#24392d;border:1px solid #617a4f;border-radius:4px;padding:35px}.completion-card h2{margin:14px 0;font-size:25px}.completion-card p{color:#b3c5a6;line-height:1.6}.completion-card h3{margin:24px 0 16px;font-size:14px}.discovery-emblem{color:var(--accent);margin-bottom:10px;font-size:54px;display:block}.next-routes{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.hidden-caption{min-height:192px;color:var(--muted)}.dialog{color:var(--ink);background:#142329;border:1px solid #3e554a;border-radius:7px;box-shadow:0 30px 120px #0008}.dialog::backdrop{background:#060f13ce}.dialog input,.dialog select,.dialog textarea,.studio-page input,.studio-page select,.studio-page textarea{color:var(--ink);background:#0e1d23;border-color:#3a5146}.dialog label,.dialog h3,.dialog strong{color:var(--ink)}.dialog p,.dialog small{color:#a9bba9}.settings-note,.voice-choice,.voice-comparison,.audition-card,.audition-group,.audio-upload,.audio-upload-field,.audio-upload-card{color:var(--ink);background:#182c2d;border-color:#385148}.sentence-directory button{color:var(--ink);background:#182c2d;border-color:#3a5149}.sentence-directory small{color:#a7bda6}.sentence-directory button[aria-current=step]{color:#eff5d3;background:#31482f}.saved-page,.studio-page{padding-top:42px}.saved-page h1,.studio-page h1{font-size:32px}.page-intro{color:var(--muted)}.toast{color:#e6f1cf;background:#273e32;border:1px solid #56744d;border-radius:4px;bottom:20px}.sound-bars i{background:var(--accent)}.outlined{border-color:#435b4d}.selected{color:var(--accent)!important}.skip-link{z-index:100}.form-card,.studio-preview{color:var(--ink);border-color:var(--line);background:#142329}@keyframes core-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes path-signal{to{stroke-dashoffset:-200px}}@keyframes roam-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.world-art{width:80%;right:-80px}.expedition-hero{min-height:660px}}@media (max-width:1000px){.content{padding-left:30px;padding-right:30px}.roam-header{padding:0 30px}.expedition-copy{width:48%}.world-art{width:90%;top:20px;right:-110px}.hero-coordinates{font-size:8px}.region{gap:10px;padding:20px 14px}.region-symbol{width:30px;font-size:30px}.region small{font-size:7px}.region strong{font-size:17px}.route-heading>span{display:none}.lesson-aside{grid-template-columns:1fr 1fr}.outline-card{grid-column:1/-1}.journey-panel{width:550px}.news-grid{grid-template-columns:1fr 1fr}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.roam-header{gap:10px;height:70px;padding:0 20px}.roam-brand{letter-spacing:.1em;gap:8px;font-size:19px}.brand-glyph{width:31px;height:31px;font-size:29px}.roam-brand small{font-size:8px}.roam-header nav{gap:3px;margin-left:auto;margin-right:0}.roam-header nav button{border:0;justify-content:center;gap:0;min-width:40px;padding:8px;font-size:0}.roam-header nav button svg{width:21px;height:21px}.roam-header nav button small{margin-left:3px;font-size:9px}.header-actions{gap:0}.header-actions .icon-button{width:36px;min-width:36px}.sound-switch{justify-content:center;min-width:36px}.sound-switch span{display:none}.content{padding:0 20px 26px}.hero-coordinates{letter-spacing:.07em;padding-top:0;font-size:7px}.hero-coordinates>span:last-child{display:none}.expedition-hero{min-height:0;padding-top:20px}.expedition-copy{pointer-events:none;width:100%;padding-top:32px}.expedition-copy .eyebrow{font-size:9px}.expedition-copy h1{margin:14px 0;font-size:45px;line-height:1.18}.expedition-copy p{z-index:2;max-width:195px;font-size:12px;line-height:1.8;position:relative}.world-art{opacity:.95;z-index:-1;width:110%;height:320px;top:135px;right:-46px}.scene-caption{display:none}.expedition-start{justify-content:center;width:100%;min-width:0;min-height:52px;margin-top:162px;margin-bottom:12px;padding:13px 20px;font-size:14px}.expedition-start>span{position:absolute;right:20px}.hero-voice{text-align:center;letter-spacing:0;color:#93a99b;font-size:9px}.journey-panel{background:#14262bea;gap:12px;width:100%;margin:22px 0 24px;padding:16px 12px}.journey-number{padding-right:12px;font-size:25px}.journey-number small{font-size:8px}.journey-panel h2{margin:5px 0;font-size:13px;line-height:1.6}.journey-panel .eyebrow{font-size:8px}.journey-panel p{font-size:9px;line-height:1.5}.journey-panel p>span{display:none}.journey-panel>.icon-button{width:34px;min-width:34px;min-height:40px}.routes-section{padding:24px 0}.route-heading{margin-bottom:18px}.route-heading h2{margin-top:8px;font-size:19px}.route-heading .eyebrow{font-size:8px}.region-grid{grid-template-columns:1fr;gap:8px}.region{gap:15px;padding:14px 16px}.region>span:nth-child(2){flex:1;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.region strong{grid-column:1;font-size:17px}.region small{grid-column:1/-1;font-size:7px}.region>span>span{grid-area:2/2;font-size:10px}.region-symbol{width:32px;font-size:29px}.signal-strip{gap:12px;padding-top:22px}.signal-icon{display:none}.signal-strip h2{font-size:14px}.signal-strip p{max-width:185px;font-size:10px;line-height:1.6}.signal-strip .button{flex:none;min-height:42px;padding:9px 11px;font-size:11px}.signal-strip .button svg{width:14px}.radar-status{font-size:9px;line-height:1.5}.news-grid{grid-template-columns:1fr}.news-item{padding:18px}.news-item h3{font-size:18px}.news-explanation{font-size:11px}.library-section{margin-top:22px;padding-top:24px}.section-heading h2{font-size:19px}.section-heading .quiet{font-size:11px}.section-heading .eyebrow{font-size:8px}.library-toolbar{margin:20px 0}.lesson-search{width:185px}.all-routes{white-space:nowrap;padding:10px;font-size:10px}.lesson-search input{font-size:12px}.lesson-grid{grid-template-columns:1fr;gap:10px}.tile-open{gap:15px;padding:20px 16px}.tile-index{font-size:18px}.tile-body h3{font-size:17px}.tile-meta{font-size:9px}.tile-body>p{font-size:11px}.tile-foot{font-size:9px}.home-footer{flex-wrap:wrap;gap:14px;margin-top:28px;padding:23px 0}.home-footer p{font-size:10px}.home-footer>span:last-child{flex-basis:100%;margin-left:0;font-size:9px}.lesson-content{padding-top:18px;padding-bottom:190px}.lesson-topline{margin-bottom:18px}.lesson-topline .pill{font-size:9px}.lesson-heading{align-items:start;gap:10px}.lesson-heading h1{font-size:23px;line-height:1.45}.lesson-heading .eyebrow{font-size:9px}.english-title{font-size:12px;line-height:1.6}.lesson-brief{margin:12px 0 18px;font-size:9px;line-height:1.7}.lesson-brief span{margin-left:5px}.lesson-tools{flex-wrap:nowrap;gap:8px}.mode-tabs{gap:0;padding:3px}.mode-tabs button{gap:4px;min-height:35px;padding:6px 8px;font-size:10px}.mode-tabs button svg{width:13px}.focus-toggle{white-space:nowrap;gap:4px;padding:7px 9px;font-size:10px}.focus-toggle svg{width:14px}.course-position{flex-wrap:nowrap;gap:10px;font-size:9px}.course-position>.text-button{white-space:nowrap;font-size:10px}.course-position>span{white-space:nowrap}.course-position progress{min-width:20px}.reading-card{min-height:360px;padding:19px 17px;overflow:visible}.reading-meta{letter-spacing:0;margin-bottom:16px;font-size:8px}.listening-landscape{opacity:.13;width:240px;height:173px;top:-14px;right:-5px;overflow:hidden}.flow-steps{justify-content:space-between;gap:1px;padding-bottom:12px}.flow-steps button{white-space:normal;flex-shrink:1;gap:3px;min-height:36px;padding:5px 4px;font-size:9px;line-height:1.5}.flow-steps button small{width:12px;min-width:12px;font-size:9px}.reading-text{min-height:190px;padding:24px 0 18px}.english-text{letter-spacing:-.02em;font-size:25px;line-height:1.5}.explanation-text{font-size:22px;line-height:1.65}.translation{margin-top:17px;font-size:14px;line-height:1.75}.translation-toggle{margin-top:18px;font-size:10px}.player-dock{z-index:10;padding:12px 20px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#14262bf5;border:0;border-top:1px solid #3e5449;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #07101444}.dock-context{color:#91a88f;justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.playback-controls{gap:22px}.play-button{width:52px;min-width:52px;height:52px}.playback-controls .icon-button{width:40px;min-width:40px}.playback-hint{margin-top:8px;font-size:9px}.audio-progress{margin-bottom:6px}.sentence-help{flex-wrap:wrap;gap:8px;font-size:9px}.sentence-help .text-button{min-height:35px;font-size:10px}.sentence-position{margin-top:14px;font-size:9px}.sentence-position select{width:calc(100% - 75px);min-width:0;font-size:10px}.words-section{margin-top:28px}.words-section .section-heading h2{font-size:16px}.word-grid{grid-template-columns:1fr}.word-card{padding:18px}.cue,.practice-box{flex-wrap:wrap;padding:18px}.practice-box h3{font-size:17px}.lesson-aside{grid-template-columns:1fr;gap:12px;display:grid}.outline-card{grid-column:auto}.focus-mode .reading-card{padding:19px 17px}.focus-mode .english-text{font-size:27px}.completion-card{padding:25px 18px}.completion-card h2{font-size:22px}.completion-card p{font-size:12px}.next-routes{flex-direction:column;gap:8px}.next-routes .button{font-size:12px}.dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}.dialog-body{padding:20px}.dialog .section-heading h2{font-size:19px}.sentence-directory button{padding:12px 8px}.saved-page,.studio-page{padding-top:30px}.saved-page h1,.studio-page h1{font-size:25px}.toast{max-width:calc(100vw - 24px);font-size:12px;bottom:18px}.view-lesson .toast{bottom:180px}.hidden-caption{min-height:190px}.home-page{overflow:clip}}@media (max-width:350px){.content{padding-left:15px;padding-right:15px}.roam-header{gap:4px;padding:0 14px}.roam-brand small{display:none}.roam-header nav button{min-width:33px;padding:5px}.header-actions .icon-button{width:32px;min-width:32px}.sound-switch{min-width:30px}.expedition-copy h1{font-size:41px}.world-art{width:120%;right:-45px}.expedition-start{margin-top:150px}.journey-panel{gap:10px}.journey-number{font-size:22px}.journey-panel h2{font-size:12px}.lesson-heading h1{font-size:21px}.mode-tabs button{padding:6px;font-size:9px}.mode-tabs button svg{display:none}.focus-toggle{font-size:9px}.playback-controls{gap:15px}.lesson-search{width:160px}.english-text{font-size:23px}.flow-steps button{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.signal-path{stroke-dasharray:none}.region:hover,.button.primary:hover,.play-button:hover{transform:none}}.home-page{overflow:clip}.landscape-ai .expedition-scene{filter:hue-rotate(30deg)}.landscape-world .expedition-scene{filter:hue-rotate(-20deg)}.lesson-heading{margin:12px 0 10px}.lesson-topline{margin-bottom:14px}.mode-tabs{margin:0}.course-position{align-items:center;display:flex}.course-position progress{flex:1;min-width:20px;max-width:none}.reading-meta{margin-bottom:12px}@media (min-width:761px){.reading-text{padding:16px 12px}.translation-toggle{margin-top:8px}.english-text{font-size:clamp(25px,2.35vw,34px);line-height:1.45}.lesson-brief{margin:8px 0 16px}.lesson-tools{margin-bottom:12px}.reading-card{min-height:430px}}.playback-controls{border-top:0}.course-position progress{appearance:none;border:0}.course-position progress::-webkit-progress-bar{background:#2b4143}.course-position progress::-webkit-progress-value{background:var(--accent)}.course-position progress::-moz-progress-bar{background:var(--accent)}.focus-mode .english-title,.focus-mode .lesson-brief,.focus-mode .lesson-heading .eyebrow{display:none}.focus-mode .lesson-heading{margin:8px 0 16px}.focus-mode .lesson-heading h1{font-size:22px}.focus-mode .lesson-topline{margin-bottom:8px}@media (min-width:761px){.reading-text{max-width:960px}.english-text{max-width:940px}.focus-mode .english-text{font-size:32px}.focus-mode .reading-card{max-width:none}}@media (max-width:760px){.focus-mode .lesson-heading h1{font-size:18px;line-height:1.5}.focus-mode .reading-text{padding-top:18px;padding-bottom:12px}.focus-mode .english-text{font-size:23px}}