@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";
:root{--ink:#1b2e29;--muted:#71817b;--green:#173f35;--green-2:#24584a;--cream:#f5f0e6;--paper:#fffdfa;--coral:#ef7d5a;--line:#e4ded3;--sage:#dce8df;--yellow:#f2d98b;--serif:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans","Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--green);color:#f8f4e9;z-index:20;flex-direction:column;width:230px;padding:30px 22px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{width:42px;height:42px;color:var(--green);font-family:var(--serif);background:#f8f2e6;border-radius:14px;place-items:center;font-size:25px;font-weight:700;display:grid;box-shadow:0 8px 22px #08251d38}.brand>span:last-child{gap:1px;display:grid}.brand strong{font-family:var(--serif);letter-spacing:.1px;font-size:17px}.brand small{color:#a9c3b9;letter-spacing:3px;font-size:9px;font-weight:700}.side-nav{gap:7px;margin-top:60px;display:grid}.side-nav a,.account-link{color:#b9cec6;border-radius:11px;align-items:center;gap:13px;padding:13px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.side-nav a:hover,.side-nav a.active,.account-link:hover{color:#fff;background:#ffffff10}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.sync-card{color:#eaf2ee;background:#ffffff0d;border:1px solid #ffffff10;border-radius:13px;gap:10px;padding:13px;display:flex}.sync-card svg{color:#e5c975;flex:none}.sync-card div{gap:3px;min-width:0;display:grid}.sync-card strong{font-size:12px}.sync-card span{color:#95b0a5;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.account-link{padding-left:13px}.main-wrap{grid-column:2;min-width:0}.mobile-header,.bottom-nav{display:none}.page{max-width:1320px;margin:0 auto;padding:58px clamp(28px,5vw,76px) 70px}.welcome-row{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:40px;display:flex}.date-line{color:var(--muted);letter-spacing:.08em;margin:0 0 14px;font-size:12px}.welcome-row h1,.page-title h1{font:400 clamp(33px,4vw,53px)/1.13 var(--serif);letter-spacing:-.02em;margin:0}.welcome-row h1 em{color:var(--coral);font-style:italic}.welcome-row>div>p:last-child{color:var(--muted);margin:14px 0 0;font-size:14px}.welcome-actions{align-items:center;gap:10px;display:flex}.streak-pill,.install-button{border:1px solid var(--line);color:#805a43;background:#fffaf1;border-radius:999px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;display:flex}.streak-pill strong{color:var(--ink);font-size:17px}.install-button{cursor:pointer;color:var(--green);background:#fff}.today-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:22px;display:grid}.today-card{background:var(--green);color:#fff;border-radius:25px;flex-direction:column;min-height:442px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #173f3520}.today-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.eyebrow{color:var(--coral);letter-spacing:.19em;font-size:10px;font-weight:700}.today-card-top>span:last-child{color:#b7cbc4;border:1px solid #ffffff20;border-radius:99px;padding:7px 10px;font-size:11px}.lesson-hero-copy{z-index:2;max-width:560px;margin:42px 0 0;position:relative}.theme-label{color:#9ebbb0;margin:0 0 10px;font-size:12px}.lesson-hero-copy h2{font:400 clamp(32px,4vw,48px)/1.02 var(--serif);letter-spacing:-.025em;max-width:490px;margin:0}.zh-title{color:#d7e4df;margin:12px 0 0;font-size:15px}.lesson-summary{color:#9eb8ae;margin:22px 0 0;font-size:13px;line-height:1.8}.lesson-meta{z-index:2;gap:20px;margin-top:auto;margin-bottom:20px;display:flex;position:relative}.lesson-meta span{color:#b9cec6;align-items:center;gap:6px;font-size:11px;display:flex}.start-button{background:var(--coral);color:#fff;z-index:2;border-radius:10px;align-items:center;gap:18px;width:max-content;padding:13px 17px 13px 20px;font-size:13px;font-weight:700;display:flex;position:relative}.start-button:hover{background:#f28a69;transform:translateY(-1px)}.card-orbit{pointer-events:none;border:1px solid #ffffff0c;border-radius:50%;position:absolute}.orbit-one{width:420px;height:420px;top:8px;right:-205px}.orbit-two{border-color:#ef7d5a22;width:250px;height:250px;bottom:-110px;right:-88px}.week-card{border:1px solid var(--line);background:#fffcf7;border-radius:25px;flex-direction:column;padding:29px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h3{font:400 23px var(--serif);margin:5px 0 0}.section-heading>strong{font:400 32px var(--serif)}.section-heading>strong small{font:500 12px var(--sans);color:var(--muted)}.section-heading>a{color:var(--green);font-size:12px;font-weight:700}.week-days{justify-content:space-between;margin:40px 0 16px;display:flex}.week-day{justify-items:center;gap:9px;display:grid}.week-day>span{color:#8a958f;font-size:10px}.week-day i{color:#8b9691;background:#f0ede5;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-style:normal;display:grid}.week-day.done i{color:#fff;background:var(--green-2)}.week-day.today i{color:#fff;background:var(--coral);box-shadow:0 0 0 5px #ef7d5a1c}.week-day.review i{color:#735f32;background:#f1e6bd}.week-day.today-review i{color:#fff;background:var(--coral);box-shadow:0 0 0 5px #ef7d5a1c}.week-day.missed i{color:#8b928f;background:#ece9e2}.weekly-progress{background:#e9e5dd;border-radius:10px;height:4px;overflow:hidden}.weekly-progress span{background:var(--coral);border-radius:10px;height:100%;display:block}.week-card>p{color:var(--muted);margin:22px 0;font-size:12px;line-height:1.75}.week-card>a{color:var(--green);align-items:center;gap:8px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.lower-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:22px;margin-top:37px;display:grid}.recent-section .section-heading{margin-bottom:15px}.recent-list{border:1px solid var(--line);background:#fffdf9;border-radius:18px;display:grid;overflow:hidden}.recent-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:15px;padding:16px;transition:all .2s;display:grid}.recent-row:last-child{border:0}.lesson-number{width:42px;height:42px;color:var(--green);font:400 18px var(--serif);background:#dbe7e0;border-radius:11px;place-items:center;display:grid}.shade-1{color:#735f32;background:#f1e5bf}.recent-row>div{gap:3px;display:grid}.recent-row strong{font:400 16px var(--serif)}.recent-row div span{color:var(--muted);font-size:10px}.recent-status{color:#5f786d;align-items:center;gap:5px;font-size:10px;display:flex}.quote-card{background:#f5ebc9;border:1px solid #dbc98b;border-radius:18px;align-self:end;padding:28px}.quote-card svg{color:#9c7d23}.quote-card blockquote{font:400 21px/1.45 var(--serif);margin:17px 0 14px}.quote-card p{color:#84734c;margin:0;font-size:11px}.inner-page{max-width:1160px}.page-title{max-width:700px;margin-bottom:40px}.page-title h1{margin-top:9px}.page-title p{color:var(--muted);line-height:1.8}.filter-row{align-items:center;gap:8px;margin-bottom:22px;display:flex}.filter-row>span{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fffcf7;border-radius:99px;padding:8px 14px;font-size:12px}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.library-card{border:1px solid var(--line);background:#fffdf9;border-radius:19px;flex-direction:column;min-height:310px;padding:26px;transition:all .25s;display:flex;position:relative}.library-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #243c3212}.library-index{letter-spacing:.12em;color:var(--coral);font-size:10px;font-weight:700;position:absolute;top:22px;right:22px}.library-icon{background:var(--sage);width:45px;height:45px;color:var(--green);border-radius:13px;place-items:center;display:grid}.library-card>p{color:var(--muted);margin:25px 0 8px;font-size:11px}.library-card h2{font:400 25px/1.13 var(--serif);margin:0 0 9px}.library-card>span{color:var(--muted);font-size:12px}.library-card footer{color:var(--green);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.library-card footer small{color:var(--muted)}.vocab-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.word-card{border:1px solid var(--line);background:#fffdf9;border-radius:17px;padding:22px}.word-main{align-items:center;gap:12px;display:flex}.word-main button,.word-card footer button,.lesson-vocab-grid button,.memorise-card button{cursor:pointer;background:0 0;border:0}.word-main>button{background:var(--sage);width:38px;height:38px;color:var(--green);border-radius:50%;place-items:center;display:grid}.word-main h2{font:400 25px var(--serif);margin:0}.word-main span{color:var(--muted);font-size:11px}.word-card>strong{margin-top:20px;font-size:13px;display:block}.word-card>p{color:var(--muted);font:400 17px/1.5 var(--serif)}.word-card footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.word-card footer small{color:var(--muted);font-size:9px}.word-card footer button{color:#a6afa9}.word-card footer button.saved{color:var(--coral)}.review-hero{background:var(--green);color:#fff;border-radius:23px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:33px 42px;display:flex}.review-hero>div:first-child>span{color:#afc6bd;font-size:11px}.review-hero strong{font:400 46px var(--serif);margin:5px 0;display:block}.review-hero p{color:#afc6bd;margin:0;font-size:12px}.review-ring{border:7px solid #ffffff17;border-top-color:var(--coral);border-radius:50%;place-items:center;width:100px;height:100px;display:grid;transform:rotate(25deg)}.review-ring span{font:400 24px var(--serif);transform:rotate(-25deg)}.review-ring small{font:500 11px var(--sans);color:#afc6bd}.review-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.review-grid article{border:1px solid var(--line);background:#fffdf9;border-radius:18px;padding:23px;position:relative}.review-grid article>span{color:#d0c8ba;font:400 24px var(--serif);position:absolute;top:18px;right:19px}.review-icon{background:var(--sage);width:40px;height:40px;color:var(--green);border-radius:12px;place-items:center;display:grid}.review-grid h2{font:400 21px var(--serif);margin:21px 0 7px}.review-grid p{color:var(--muted);font-size:11px;line-height:1.6}.review-grid footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;display:flex}.review-grid footer a{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.review-plan{border:1px solid var(--line);background:#fffdf9;border-radius:18px;margin-top:20px;padding:27px}.review-plan h2{font:400 23px var(--serif)}.review-plan>div{border-top:1px solid var(--line);align-items:center;gap:12px;display:flex}.review-plan>div>button{cursor:pointer;background:#fff;border:1px solid #c9c3b9;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid}.review-plan>div>button.checked{background:var(--green);color:#fff}.review-plan p{font-size:12px}.button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex}.button.primary{background:var(--coral);color:#fff}.button.full{width:100%}.reader-page{background:var(--paper);min-height:100vh}.reading-shell .sidebar{display:none}.reading-shell{display:block}.reading-shell .main-wrap{grid-column:auto}.reader-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#fffdf9e8;grid-template-columns:50px 1fr auto;align-items:center;min-height:67px;padding:0 clamp(18px,4vw,46px);display:grid;position:sticky;top:0}.reader-header>a{cursor:pointer;border:0;border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.reader-progress{justify-content:center;align-items:center;gap:12px;display:flex}.reader-progress>span{color:var(--muted);letter-spacing:.08em;min-width:35px;font-size:9px}.reader-progress>div{background:#e9e4db;border-radius:9px;width:min(250px,30vw);height:3px}.reader-progress i{background:var(--coral);height:100%;transition:all .3s;display:block}.text-button{cursor:pointer;color:var(--green);background:0 0;border:0;font-size:11px;font-weight:700}.reader-content{max-width:790px;margin:0 auto;padding:80px 30px 110px}.article-title{text-align:center;margin-bottom:74px}.article-title h1{font:400 clamp(39px,6vw,63px)/1.05 var(--serif);letter-spacing:-.03em;max-width:700px;margin:17px auto 12px}.article-title p{color:var(--muted);margin:0}.paragraph-section{margin-bottom:70px;scroll-margin-top:100px}.paragraph-label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:9px;display:flex}.paragraph-label>span{letter-spacing:.16em;color:var(--coral);font-size:9px;font-weight:700}.paragraph-label button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.english-text{font:400 clamp(20px,3vw,26px)/1.75 var(--serif);color:#20372f;margin:0}.translation-toggle{border:0;border-bottom:1px dashed var(--line);cursor:pointer;width:100%;color:var(--muted);background:0 0;justify-content:space-between;align-items:center;padding:22px 0 10px;font-size:11px;display:flex}.translation-toggle svg{transition:all .2s}.translation-toggle svg.open{transform:rotate(180deg)}.chinese-text{color:#66766f;padding:4px 0 0;font-size:14px;line-height:2}.key-idea{background:#f4ebca;border-radius:11px;gap:13px;margin-top:20px;padding:17px 18px;display:flex}.key-idea svg{color:#a57e21;flex:none}.key-idea strong{color:#9a782c;letter-spacing:.14em;font-size:9px;display:block}.key-idea p{margin:6px 0 0;font-size:13px}.language-notes{margin-top:26px}.language-notes h3{font:400 19px var(--serif);margin:0 0 13px}.language-notes h3 span{font:400 10px var(--sans);color:var(--muted);margin-left:5px}.note-row{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:22px;padding:14px 0;display:grid}.note-row>div{align-content:start;gap:3px;display:grid}.note-row strong{color:var(--green);font-size:13px}.note-row span,.note-row small{color:var(--muted);font-size:10px}.note-row p{font:400 15px/1.5 var(--serif);margin:0}.note-row small{font-family:var(--sans);margin-top:3px;display:block}.lesson-block{margin:90px 0}.block-title{align-items:center;gap:15px;margin-bottom:25px;display:flex}.block-title>span{background:var(--green);color:#fff;width:42px;height:42px;font:400 15px var(--serif);border-radius:50%;place-items:center;display:grid}.block-title h2{font:400 26px var(--serif);margin:0}.block-title p{color:var(--muted);margin:2px 0 0;font-size:10px}.lesson-vocab-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.lesson-vocab-grid article{border:1px solid var(--line);background:#f8f5ee;border-radius:13px;padding:18px;position:relative}.lesson-vocab-grid article>button:first-child{color:var(--green);position:absolute;top:15px;right:15px}.lesson-vocab-grid h3{font:400 20px var(--serif);margin:0}.lesson-vocab-grid article div span{color:var(--muted);font-size:10px}.lesson-vocab-grid article>strong{margin:14px 0 5px;font-size:12px;display:block}.lesson-vocab-grid article>p{color:var(--muted);font:400 14px var(--serif);margin:0 0 15px}.lesson-vocab-grid .bookmark{color:#8b958f;align-items:center;gap:5px;padding:0;font-size:9px;display:flex}.lesson-vocab-grid .bookmark.saved{color:var(--coral)}.pronunciation-body{background:var(--green);color:#fff;border-radius:16px;gap:20px;padding:24px;display:flex}.pronunciation-body>button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.pronunciation-body strong{font:400 20px var(--serif)}.pronunciation-body p{color:#bbcec7;font-size:12px;line-height:1.7}.pronunciation-body em{color:#f3d98d;font:400 15px var(--serif)}.insight-card{border-left:4px solid var(--coral);background:#f8f1e8;margin:60px 0;padding:26px 29px}.insight-card span,.memorise-card>span,.speaking-card span{letter-spacing:.16em;color:var(--coral);font-size:9px;font-weight:700}.insight-card p{font:400 20px/1.7 var(--serif);margin:12px 0 0}.memorise-card{text-align:center;border:1px solid var(--line);background:#fffdfa;border-radius:18px;margin:60px 0;padding:43px 28px}.memorise-card blockquote{font:italic 26px/1.45 var(--serif);max-width:620px;margin:19px auto}.memorise-card button{color:var(--green);align-items:center;gap:6px;font-size:10px;display:inline-flex}.speaking-card{background:#e3ece6;border-radius:18px;gap:21px;padding:31px;display:flex}.speaking-icon{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid}.speaking-card h2{font:400 27px var(--serif);margin:8px 0}.speaking-card p{color:#5d7068;font-size:13px;line-height:1.8}.speaking-card button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 15px;font-size:11px}.speaking-card button.done{background:#5d776c;align-items:center;gap:6px;display:inline-flex}.finish-card{text-align:center;margin-top:90px}.finish-card>span{color:#735e27;width:62px;height:62px;font:400 17px var(--serif);background:#f3e5b8;border-radius:50%;place-items:center;margin:auto;display:grid}.finish-card h2{font:400 33px var(--serif);margin:21px 0 5px}.finish-card p{color:var(--muted);font-size:12px}.finish-card .button{width:max-content;margin:18px auto 13px;display:flex}.finish-card>a{color:var(--muted);justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.login-page{background:var(--green);color:#fff;min-height:100vh;padding:32px clamp(25px,5vw,70px)}.back-link{color:#b4cac1;align-items:center;gap:7px;font-size:11px;display:inline-flex}.login-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;max-width:990px;min-height:calc(100vh - 100px);margin:auto;display:grid}.brand-mark.large{width:61px;height:61px;margin-bottom:37px;font-size:35px}.login-copy h1{font:400 clamp(40px,5vw,60px)/1.1 var(--serif);margin:14px 0 19px}.login-copy>p{color:#b3c9c0;max-width:490px;font-size:13px;line-height:1.9}.login-copy ul{gap:13px;margin:29px 0 0;padding:0;list-style:none;display:grid}.login-copy li{color:#dbe6e2;align-items:center;gap:9px;font-size:12px;display:flex}.login-copy li svg{color:#f1d57f;background:#ffffff16;border-radius:50%;width:19px;height:19px;padding:4px}.login-card{color:var(--ink);background:#fffdf9;border-radius:22px;padding:35px;box-shadow:0 28px 70px #051b1545}.login-card>svg{width:42px;height:42px;color:var(--green);background:var(--sage);border-radius:12px;padding:10px}.login-card h2{font:400 27px var(--serif);margin:22px 0 7px}.login-card>p{color:var(--muted);font-size:12px}.login-card form{margin:27px 0 14px}.login-card label{margin-bottom:7px;font-size:10px;font-weight:700;display:block}.input-wrap{border:1px solid var(--line);border-radius:10px;align-items:center;gap:9px;margin-bottom:12px;padding:0 13px;display:flex}.input-wrap svg{color:#9ca7a2}.input-wrap input{background:0 0;border:0;outline:0;width:100%;padding:13px 0;font-size:13px}.login-card small{color:var(--muted);text-align:center;font-size:9px;line-height:1.5;display:block}.form-message{color:var(--green);background:#eef3ef;border-radius:8px;margin:12px 0;padding:10px;font-size:10px;line-height:1.5}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.empty-state h1{font:400 45px var(--serif);margin:12px 0}.empty-state p{color:var(--muted);max-width:440px}.empty-state .button{margin-top:15px}.daily-login-quote{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:18px;max-width:520px;margin-top:20px;padding:27px 29px;position:relative}.daily-login-quote>svg{color:#efc66f;width:21px;margin-bottom:13px}.daily-login-quote blockquote{font:400 clamp(25px,3vw,38px)/1.3 var(--serif);margin:0}.daily-login-quote p{color:#bdd0c9;margin:15px 0 8px;font-size:12px}.daily-login-quote small{color:#efc66f;font-size:10px}.auth-tabs{background:#eee9df;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-top:24px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px;font-size:11px;font-weight:700}.auth-tabs button.active{color:var(--green);background:#fff;box-shadow:0 2px 8px #173f3514}.auth-tabs+form{margin-top:18px}.scenario-library-hero{background:var(--green);color:#fff;border-radius:24px;grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:30px;margin-bottom:22px;padding:37px 40px;display:grid}.scenario-library-hero h1{font:400 clamp(36px,5vw,55px)/1.08 var(--serif);margin:12px 0}.scenario-library-hero p{color:#b6ccc3;max-width:650px;margin:0;font-size:13px;line-height:1.8}.scene-count{border-left:1px solid #ffffff20;justify-items:start;padding-left:25px;display:grid}.scene-count>svg{color:#efc66f;width:20px}.scene-count strong{font:400 48px var(--serif);margin-top:8px}.scene-count span{color:#d7e4df;font-size:11px}.scene-count small{color:#8fada1;margin-top:5px;font-size:9px}.scenario-filters{border:1px solid var(--line);background:#fffdf9;border-radius:14px;align-items:center;gap:18px;margin-bottom:20px;padding:13px 14px;display:flex}.scenario-category-tabs{flex-wrap:wrap;gap:5px;display:flex}.scenario-category-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:10px}.scenario-category-tabs button.active{background:var(--green);color:#fff}.scenario-filters>label{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.scenario-filters select{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:8px;padding:7px 9px;font-size:10px}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.scenario-card{border:1px solid var(--line);background:#fffdf9;border-radius:18px;flex-direction:column;min-height:310px;padding:24px;transition:all .2s;display:flex}.scenario-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #243c3212}.scenario-card-top{justify-content:space-between;align-items:flex-start;display:flex}.scenario-icon{background:var(--sage);width:46px;height:46px;color:var(--green);border-radius:13px;place-items:center;display:grid}.scenario-card-top>div{gap:5px;display:flex}.scenario-card-top small{color:#6c756f;background:#eeeae1;border-radius:99px;padding:5px 7px;font-size:8px}.scenario-card>p{color:var(--coral);letter-spacing:.12em;margin:23px 0 7px;font-size:9px;font-weight:700}.scenario-card h2{font:400 27px/1.13 var(--serif);margin:0 0 6px}.scenario-card>span{color:var(--muted);font-size:11px}.scenario-tags{flex-wrap:wrap;gap:6px;margin:17px 0;display:flex}.scenario-tags i{color:#65756e;font:normal 8px var(--sans);background:#eef3ef;border-radius:99px;padding:5px 8px}.scenario-card footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:16px;margin-top:auto;padding-top:16px;display:grid}.scenario-card footer span{color:var(--muted);font-size:9px;line-height:1.6}.scenario-empty{text-align:center;background:#fffaf4;border:1px dashed #cfc8bc;border-radius:18px;padding:65px 25px}.scenario-empty svg{color:var(--coral)}.scenario-empty h2{font:400 25px var(--serif);margin:14px 0 6px}.scenario-empty p{color:var(--muted);font-size:11px}@media (max-width:980px){.shell{grid-template-columns:82px 1fr}.sidebar{align-items:center;width:82px;padding:27px 13px}.brand>span:last-child,.side-nav span,.sidebar-bottom{display:none}.side-nav a{padding:14px}.main-wrap{grid-column:2}.page{padding-inline:28px}.today-grid,.lower-grid{grid-template-columns:1fr}.week-card{min-height:330px}.quote-card{display:none}.lesson-grid{grid-template-columns:repeat(2,1fr)}.login-layout{gap:45px}}@media (max-width:680px){body{padding-bottom:70px}.shell,.reading-shell{display:block}.sidebar{display:none}.main-wrap{grid-column:auto}.mobile-header{background:var(--green);color:#fff;justify-content:space-between;align-items:center;height:67px;padding:0 19px;display:flex}.mobile-header .brand-mark{border-radius:11px;width:36px;height:36px;font-size:22px}.mobile-header .brand strong{font-size:15px}.mobile-header>a:last-child{color:#dce9e4}.bottom-nav{z-index:40;height:68px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#fffdf9f2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#84918c;align-content:center;place-items:center;gap:3px;font-size:9px;display:grid}.bottom-nav a.active{color:var(--green)}.page{padding:32px 18px 40px}.welcome-row{margin-bottom:28px;display:block}.welcome-row h1{font-size:36px}.welcome-row h1 br{display:none}.welcome-actions{flex-wrap:wrap;margin-top:20px}.today-card{border-radius:20px;min-height:500px;padding:25px 22px}.lesson-hero-copy{margin-top:38px}.lesson-hero-copy h2{font-size:38px}.lesson-meta{flex-wrap:wrap;gap:11px 17px}.start-button{justify-content:space-between;width:100%}.week-card{border-radius:20px;padding:24px 20px}.lower-grid{margin-top:28px}.recent-row{grid-template-columns:auto 1fr auto}.recent-status{display:none}.page-title h1{font-size:38px}.filter-row{padding-bottom:4px;overflow:auto}.filter-row>span{display:none}.lesson-grid,.vocab-list,.review-grid{grid-template-columns:1fr}.review-hero{padding:27px 24px}.review-ring{width:78px;height:78px}.reader-content{padding:52px 18px 75px}.article-title{margin-bottom:55px}.article-title h1{font-size:42px}.english-text{font-size:21px;line-height:1.73}.note-row{grid-template-columns:1fr;gap:7px}.lesson-vocab-grid{grid-template-columns:1fr}.pronunciation-body{padding:21px 18px}.speaking-card{display:block}.speaking-icon{margin-bottom:17px}.reader-header{padding:0 13px}.reader-progress>div{width:25vw}.login-page{padding:24px 20px}.login-layout{min-height:0;padding:55px 0;display:block}.login-copy{text-align:center}.login-copy .brand-mark{margin-inline:auto}.login-copy h1{font-size:42px}.login-copy ul{display:none}.login-card{margin-top:45px;padding:27px}.reading-shell body{padding-bottom:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.mode-switcher{align-items:center;gap:9px;margin:-15px 0 25px;display:flex}.mode-switcher>button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fffdf9;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.mode-switcher>button span{text-align:left;gap:1px;display:grid}.mode-switcher>button strong{font-size:11px}.mode-switcher>button small{color:#91a099;font-size:9px}.mode-switcher>button.active{background:var(--green);color:#fff;border-color:var(--green)}.mode-switcher>a{color:var(--green);align-items:center;gap:5px;margin-left:auto;font-size:10px;font-weight:700;display:flex}.reader-tools{align-items:center;gap:8px;display:flex}.accent-switch{background:#eee9df;border-radius:9px;padding:3px;display:flex}.accent-switch button{color:#75827d;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 7px;font-size:9px}.accent-switch button.active{color:var(--green);background:#fff;box-shadow:0 2px 8px #173f3514}.speed-control select{appearance:none;border:1px solid var(--line);color:var(--green);cursor:pointer;background:#fff;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:700}.stop-speech{color:#8c3e32;cursor:pointer;background:#f2ddd6;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;display:flex}.voice-status{color:#6d7d76;background:#eef3ef;border-radius:99px;margin-top:17px;padding:6px 10px;font-size:9px;display:inline-block}.speech-error{z-index:60;color:#fff;background:#8c3e32;border-radius:11px;max-width:min(90vw,520px);padding:12px 17px;font-size:11px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 13px 35px #55251f38}.inline-error{color:#8c3e32;background:#f6e4df;border-radius:9px;margin-bottom:17px;padding:11px 14px;font-size:11px}.word-play{color:var(--green);place-items:center;display:grid;top:15px;right:15px;position:absolute!important}.word-main button.playing,.word-play:active,.dialogue-play:active{color:var(--coral)}.scenario-intro{background:var(--green);color:#fff;border-radius:18px;margin-bottom:42px;padding:28px 30px}.scenario-intro>span{color:#efc66f;letter-spacing:.18em;font-size:9px;font-weight:700}.scenario-intro h2{font:400 28px var(--serif);margin:8px 0}.scenario-intro p{color:#c1d2cc;margin:0;font-size:13px;line-height:1.8}.dialogue-stage{margin-bottom:75px}.dialogue-turn{grid-template-columns:42px minmax(0,1fr) 36px;align-items:start;gap:12px;margin:18px 0;display:grid}.dialogue-turn.learner{margin-left:50px}.dialogue-avatar{width:38px;height:38px;color:var(--green);background:#dce8df;border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid}.dialogue-bubble{border:1px solid var(--line);background:#fffdfa;border-radius:6px 16px 16px;padding:15px 17px}.dialogue-turn.learner .dialogue-bubble{background:#eff5f1;border-radius:16px 6px 16px 16px}.dialogue-bubble>span{color:var(--coral);letter-spacing:.1em;font-size:9px;font-weight:700}.dialogue-bubble>p{font:400 20px/1.5 var(--serif);margin:5px 0}.dialogue-bubble>small{color:var(--muted);font-size:11px;display:block}.dialogue-bubble>em{color:#7c692c;font:400 10px/1.5 var(--sans);background:#f4ebca;border-radius:8px;align-items:flex-start;gap:6px;margin-top:11px;padding:8px 10px;display:flex}.dialogue-play{width:34px;height:34px;color:var(--green);cursor:pointer;background:#eef3ef;border:0;border-radius:50%;place-items:center;display:grid}.dialogue-play svg{margin:auto}.profile-page{max-width:920px}.account-banner{background:#f5ebc9;border:1px solid #e4cf8d;border-radius:15px;align-items:center;gap:14px;margin-bottom:23px;padding:18px 20px;display:flex}.account-banner.connected{background:#e4eee8;border-color:#b9d2c5}.account-banner>svg{color:var(--green)}.account-banner>div{gap:3px;display:grid}.account-banner strong{font-size:12px}.account-banner span{color:var(--muted);font-size:10px}.account-banner>a,.account-banner>button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:9px 12px;font-size:10px;display:flex}.preference-section{border:1px solid var(--line);background:#fffdf9;border-radius:18px;margin-bottom:16px;padding:25px}.preference-heading{align-items:center;gap:13px;margin-bottom:20px;display:flex}.preference-heading>span{background:var(--green);color:#fff;width:35px;height:35px;font:400 13px var(--serif);border-radius:50%;place-items:center;display:grid}.preference-heading h2{font:400 22px var(--serif);margin:0}.preference-heading p{color:var(--muted);margin:3px 0 0;font-size:10px}.level-options{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.level-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;align-items:flex-start;gap:10px;padding:14px;display:flex}.level-options button>span{border:1px solid #c9c3b9;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.level-options button>div{gap:4px;display:grid}.level-options strong,.learning-mode-options strong,.accent-options strong{font-size:11px}.level-options small,.learning-mode-options small,.accent-options small{color:var(--muted);font-size:9px;line-height:1.5}.level-options button.active{border-color:var(--green);background:#f0f5f2}.level-options button.active>span{background:var(--green);color:#fff;border-color:var(--green)}.learning-mode-options,.accent-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.learning-mode-options button,.accent-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:17px;display:flex}.learning-mode-options button>div,.accent-options button>div{flex:1;gap:3px;display:grid}.learning-mode-options button>svg:first-child{color:var(--green)}.learning-mode-options button>svg:last-child{width:18px}.learning-mode-options button.active,.accent-options button.active{background:var(--green);color:#fff;border-color:var(--green)}.learning-mode-options button.active small,.accent-options button.active small{color:#b9cec6}.learning-mode-options button.active>svg{color:#fff}.accent-options button>span{font-size:23px}.accent-options button>svg{color:var(--green);width:18px}.accent-options button.active>svg{color:#efc66f}@media (max-width:680px){.mode-switcher{grid-template-columns:1fr 1fr;margin-top:-5px;display:grid}.mode-switcher>button{padding:10px}.mode-switcher>a{grid-column:1/-1;margin:3px 0 0}.reader-header{grid-template-columns:38px 1fr auto;padding:7px 9px}.reader-progress>span{display:none}.reader-progress>div{width:18vw}.reader-tools{gap:3px}.accent-switch button{padding:5px}.text-button{padding:5px 3px}.dialogue-turn{grid-template-columns:32px minmax(0,1fr) 31px;gap:8px}.dialogue-turn.learner{margin-left:13px}.dialogue-avatar{width:30px;height:30px;font-size:7px}.dialogue-bubble{padding:12px 13px}.dialogue-bubble>p{font-size:18px}.level-options,.learning-mode-options,.accent-options{grid-template-columns:1fr}.preference-section{padding:19px 16px}.account-banner{align-items:flex-start}.account-banner>a,.account-banner>button{white-space:nowrap}}.rate-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rate-options button{border:1px solid var(--line);cursor:pointer;text-align:center;background:#fff;border-radius:12px;gap:4px;padding:16px;display:grid}.rate-options strong{font:400 22px var(--serif)}.rate-options small{color:var(--muted);font-size:9px}.rate-options button.active{color:#fff;border-color:var(--green);background:var(--green)}.rate-options button.active small{color:#b9cec6}.recording-lab{border:1px solid var(--line);background:#fffdfa;border-radius:18px;margin:18px 0 70px;padding:28px}.recording-heading>span{color:var(--coral);letter-spacing:.16em;font-size:9px;font-weight:700}.recording-heading h3{font:400 25px var(--serif);margin:7px 0 5px}.recording-heading p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.recording-lab>blockquote{font:400 21px/1.5 var(--serif);background:#f3eee5;border-radius:11px;margin:22px 0;padding:17px 19px}.recording-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.recording-actions button,.record-upload{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 14px;font-size:10px;font-weight:700;display:inline-flex}.record-primary{color:#fff;background:var(--coral)}.record-stop{color:#fff;background:#9d4135}.record-secondary,.record-upload{color:var(--green);background:#e6eee9}.recording-actions button:disabled{opacity:.55;cursor:wait}.record-upload input{opacity:0;width:1px;height:1px;position:absolute}.recording-actions audio{max-width:280px;height:38px}.recording-live{color:#9d4135;align-items:center;gap:7px;margin-top:14px;font-size:10px;display:flex}.recording-live i{background:#d95848;border-radius:50%;width:8px;height:8px;animation:1.3s infinite pulse;box-shadow:0 0 0 5px #d9584820}.recording-message{color:#8c3e32;background:#f6e4df;border-radius:9px;padding:11px 13px;font-size:10px;line-height:1.6}.score-result{border-top:1px solid var(--line);grid-template-columns:95px 1fr;align-items:center;gap:20px;margin-top:22px;padding-top:22px;display:grid}.score-ring{--score:0deg;text-align:center;background:radial-gradient(circle at center,#fffdfa 58%,transparent 60%),conic-gradient(var(--coral) var(--score),#e6e1d8 0);border-radius:50%;place-content:center;width:88px;height:88px;display:grid}.score-ring strong{font:400 27px var(--serif)}.score-ring span{color:var(--muted);font-size:8px}.score-result h4{align-items:flex-start;gap:7px;margin:0 0 9px;font-size:12px;display:flex}.score-result h4 svg{color:#4d7c69;flex:none}.score-result p{color:#65756e;margin:5px 0;font-size:10px;line-height:1.6}.score-result b{color:#9d4135}.score-result small{color:#9ba49f;font-size:8px}@keyframes pulse{50%{opacity:.45;transform:scale(.85)}}@media (max-width:680px){.reader-progress>div{width:12vw}.stop-speech{place-items:center;width:27px;height:27px;padding:0;font-size:0;display:grid}.text-button{display:none}.speed-control select{padding:5px 4px}.recording-lab{padding:21px 17px}.recording-actions audio{width:100%;max-width:none}.score-result,.rate-options{grid-template-columns:1fr}}@media (max-width:760px){.scenario-library-hero{grid-template-columns:1fr;padding:29px 24px}.scene-count{border-top:1px solid #ffffff20;border-left:0;grid-template-columns:auto auto auto;justify-content:start;align-items:center;gap:8px;padding:17px 0 0}.scene-count strong{margin:0;font-size:29px}.scene-count small{grid-column:2/-1;margin:0}.scenario-filters{flex-direction:column;align-items:stretch}.scenario-category-tabs{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.scenario-category-tabs button{white-space:nowrap}.scenario-filters>label{justify-content:space-between;margin-left:0}.scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:290px}}:root{--ink:#171717;--muted:#5d6268;--green:#35b9e6;--green-2:#159dc9;--cream:#f6f7fb;--paper:#fff;--coral:#ff7a50;--line:#171717;--sage:#c9f1ff;--yellow:#ffc928;--serif:"DM Sans","Noto Sans SC",sans-serif}body{background-color:var(--cream);background-image:radial-gradient(#c9ced7 1px,#0000 1px);background-size:22px 22px}.sidebar{color:var(--ink);border-right:2px solid var(--ink);background:#fff;box-shadow:7px 0 #c9f1ff}.brand-mark{background:var(--coral);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--sans);border-radius:50%;font-weight:900}.brand-mark span{color:var(--yellow)}.brand strong{font-family:var(--sans);font-weight:800}.brand small{color:#5f6268}.side-nav a,.account-link{color:#3f4449;border:2px solid #0000}.side-nav a:hover,.side-nav a.active,.account-link:hover{color:var(--ink);background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.side-nav a.active{box-shadow:3px 3px 0 var(--ink)}.sync-card{color:var(--ink);background:var(--sage);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:16px}.sync-card span{color:#596168}.sync-card svg{color:#e85e3d}.avatar-badge{border:2px solid var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.avatar-badge img{object-fit:cover;width:100%;height:100%}.avatar-badge>span{transform:translateY(1px)}.avatar-small{width:30px;height:30px;font-size:17px}.avatar-medium{width:44px;height:44px;font-size:25px}.avatar-large{width:112px;height:112px;box-shadow:6px 6px 0 var(--ink);border-width:3px;font-size:62px}.streak-pill,.install-button{color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px}.streak-pill svg{color:var(--coral)}.mode-switcher>button{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:13px}.mode-switcher>button small{color:#666b70}.mode-switcher>button.active{color:var(--ink);background:var(--yellow);border-color:var(--ink)}.mode-switcher>button.active small{color:#54575a}.mode-switcher>button.refresh-lesson{background:var(--sage)}.mode-switcher>button.refresh-lesson:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.mode-switcher>a{color:var(--ink)}.spinning{animation:.42s refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}.today-card{color:var(--ink);background:var(--green);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:28px 28px 42px}.today-card:before{content:"";border:3px solid var(--ink);background:var(--yellow);border-radius:50%;width:72px;height:72px;position:absolute;top:76px;right:34px}.today-card:after{content:"✦";color:var(--ink);font-size:34px;position:absolute;top:88px;right:57px;transform:rotate(12deg)}.today-card .eyebrow,.today-card .theme-label{color:#63331f}.today-card-top>span:last-child{color:var(--ink);border:2px solid var(--ink);background:#fff}.zh-title,.lesson-summary,.lesson-meta span{color:#23363d}.start-button{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px}.start-button:hover{background:#ffd750}.card-orbit{border:2px dashed #17171733}.week-card,.recent-list,.quote-card,.library-card,.word-card,.review-grid article,.review-plan,.preference-section,.recording-lab{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff}.week-card,.library-card,.review-grid article,.preference-section{border-radius:20px}.week-day.done i{color:var(--ink);background:var(--green);border:1px solid var(--ink)}.week-day.today i{color:var(--ink);background:var(--coral);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.week-day.review i{color:var(--ink);background:var(--yellow);border:1px solid var(--ink)}.weekly-progress{border:1px solid var(--ink);height:7px}.weekly-progress span{background:var(--coral)}.quote-card{background:var(--yellow)}.lesson-number,.library-icon,.review-icon,.word-main>button{color:var(--ink);background:var(--sage);border:2px solid var(--ink)}.shade-1{background:var(--yellow)}.recent-row{border-bottom:2px solid var(--ink)}.recent-row:hover{background:#effaff}.scenario-library-hero,.review-hero,.scenario-intro{color:var(--ink);background:var(--green);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.scenario-library-hero p,.scene-count span,.scene-count small,.review-hero>div:first-child>span,.review-hero p,.scenario-intro p{color:#26383f}.scene-count{border-left-color:var(--ink)}.scene-count>svg{color:var(--coral)}.scenario-filters,.scenario-card{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff}.scenario-category-tabs button.active,.chip.active{color:var(--ink);background:var(--yellow);border:1px solid var(--ink)}.scenario-icon{color:var(--ink);background:var(--coral);border:2px solid var(--ink)}.scenario-card-top small{color:var(--ink);background:var(--yellow);border:1px solid var(--ink)}.scenario-card-top small.complete{color:var(--ink);background:#7ee0a3}.scenario-tags i{color:var(--ink);background:var(--sage);border:1px solid var(--ink)}.scenario-card footer{border-top:2px solid var(--ink)}.scenario-card footer svg{color:var(--ink)}.button.primary,.record-primary{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.account-banner{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.account-banner.connected{border-color:var(--ink);background:#9ce6b6}.account-banner>a,.account-banner>button{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff}.preference-heading>span{color:var(--ink);background:var(--coral);border:2px solid var(--ink)}.level-options button,.learning-mode-options button,.accent-options button,.rate-options button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:13px}.level-options button.active,.learning-mode-options button.active,.accent-options button.active,.rate-options button.active{color:var(--ink);border-color:var(--ink);background:var(--yellow)}.learning-mode-options button.active small,.accent-options button.active small,.rate-options button.active small{color:#565a5e}.learning-mode-options button>svg:first-child,.accent-options button>svg{color:var(--ink)}.avatar-editor{background:var(--green);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:26px;grid-template-columns:170px 1fr;align-items:center;gap:28px;margin-bottom:22px;padding:27px 30px;display:grid;position:relative;overflow:hidden}.avatar-preview{place-items:center;min-height:145px;display:grid;position:relative}.avatar-preview>i{background:var(--coral);border:2px solid var(--ink);border-radius:50%;width:45px;height:19px;position:absolute;bottom:17px;right:4px;transform:rotate(-20deg)}.memphis-dot{background:var(--yellow);border:2px solid var(--ink);width:24px;height:24px;position:absolute;top:8px;left:5px;transform:rotate(20deg)}.avatar-editor-copy h2{margin:7px 0 5px;font-size:24px}.avatar-editor-copy>p{color:#30434a;margin:0 0 15px;font-size:11px}.emoji-options{flex-wrap:wrap;gap:7px;display:flex}.emoji-options button{border:2px solid var(--ink);cursor:pointer;width:40px;height:40px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:50%;padding:0;font-size:22px}.emoji-options button.active{background:var(--yellow);transform:translateY(-2px)}.emoji-options button:disabled{opacity:.5}.avatar-upload{width:max-content;color:var(--ink);background:var(--coral);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;margin-top:13px;padding:9px 13px;font-size:10px;font-weight:800;display:inline-flex}.avatar-upload input{opacity:0;width:1px;height:1px;position:absolute}.avatar-message{color:#22373e;margin-top:10px;font-size:9px;display:block}.login-page{color:var(--ink);background:var(--green);background-image:radial-gradient(#17171755 1px,#0000 1px);background-size:20px 20px}.back-link,.login-copy>p,.login-copy li,.daily-login-quote p{color:#26383f}.login-card,.daily-login-quote{color:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff}.daily-login-quote small,.daily-login-quote>svg{color:#a93f28}.login-card>svg{color:var(--ink);background:var(--coral);border:2px solid var(--ink)}.auth-tabs{background:var(--sage);border:2px solid var(--ink)}.auth-tabs button.active{color:var(--ink);background:var(--yellow)}.input-wrap{border:2px solid var(--ink)}.form-message{color:var(--ink);background:var(--sage);border:1px solid var(--ink)}.reader-header{border-bottom:2px solid var(--ink);background:#fffdf9f2}.reader-header>a,.dialogue-play{border:2px solid var(--ink);background:var(--yellow)}.reader-progress>div{border:1px solid var(--ink);height:6px}.reader-progress i{background:var(--coral)}.scenario-intro{border-radius:20px}.dialogue-bubble{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff}.dialogue-turn.learner .dialogue-bubble{background:var(--sage)}.dialogue-avatar{color:var(--ink);background:var(--yellow);border:2px solid var(--ink)}.dialogue-turn.learner .dialogue-avatar{color:var(--ink);background:var(--coral)}@media (max-width:680px){.mobile-header{color:var(--ink);background:var(--green);border-bottom:2px solid var(--ink)}.mobile-header>a:last-child{color:var(--ink)}.bottom-nav{border-top:2px solid var(--ink);background:#fff}.bottom-nav a.active{color:var(--ink);background:var(--yellow)}.mode-switcher{grid-template-columns:1fr 1fr}.mode-switcher>button.refresh-lesson{grid-column:1/-1}.avatar-editor{text-align:center;grid-template-columns:1fr;padding:24px 20px}.emoji-options{justify-content:center}.avatar-upload{margin-inline:auto}.today-card:before,.today-card:after{display:none}}.content-page{max-width:1420px}.content-hero{color:var(--ink);background:var(--green);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:35px;padding:34px 38px;display:grid}.content-hero h1{margin:8px 0 7px;font-size:clamp(38px,5vw,64px);line-height:1}.content-hero p{color:#26383f;max-width:720px;margin:0;font-size:13px;line-height:1.7}.content-storage{border:2px solid var(--ink);min-width:230px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:17px;align-items:center;gap:12px;padding:16px 18px;display:flex}.content-storage>svg{color:var(--coral)}.content-storage div{gap:3px;display:grid}.content-storage span,.content-storage small{color:var(--muted);font-size:9px}.content-storage strong{font-size:13px}.architecture-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0 20px;display:grid}.architecture-strip article{border:2px solid var(--ink);min-width:0;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px;display:grid}.architecture-strip article>span{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:grid}.architecture-strip article:nth-child(2)>span{background:var(--sage)}.architecture-strip article:nth-child(3)>span{background:var(--coral)}.architecture-strip article div{gap:3px;min-width:0;display:grid}.architecture-strip strong{font-size:12px}.architecture-strip small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.architecture-strip svg{width:17px}.local-import-card{background:var(--yellow);border:2px dashed var(--ink);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:21px 24px;display:grid}.local-import-card .import-icon{border:2px solid var(--ink);background:#fff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-3deg)}.local-import-card h2{margin:4px 0;font-size:18px}.local-import-card p{color:#555b60;margin:0;font-size:10px;line-height:1.6}.local-import-card button{color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:11px 14px;font-size:10px;font-weight:800;display:flex}.local-import-card button:disabled{opacity:.55;cursor:wait}.local-import-card>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.content-message{color:var(--muted);margin:9px 3px 25px;font-size:9px}.content-filters{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.content-filters>div{gap:8px;min-width:0;display:grid}.content-filters>div>span,.content-filters label>span{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:700}.content-filter-scroll{flex-wrap:wrap;gap:7px;display:flex}.content-filter-scroll button{color:#4f5559;border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 11px;font-size:9px}.content-filter-scroll button.active{color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.content-filters label{flex:none;gap:8px;display:grid}.content-filters select{border:2px solid var(--ink);background:#fff;border-radius:10px;min-width:145px;padding:8px 10px;font-size:10px}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.pack-card{border:2px solid var(--ink);min-width:0;min-height:420px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:22px;flex-direction:column;padding:22px;display:flex}.pack-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pack-icon{border:2px solid var(--ink);background:var(--sage);border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.pack-icon svg{width:21px}.pack-yellow .pack-icon{background:var(--yellow)}.pack-orange .pack-icon{background:var(--coral)}.pack-green .pack-icon{background:#9ce6b6}.pack-card>header small{color:var(--ink);border:1px solid var(--ink);background:#f4f3ef;border-radius:999px;padding:5px 7px;font-size:8px}.pack-card>p:first-of-type{color:var(--coral);letter-spacing:.06em;margin:18px 0 5px;font-size:9px;font-weight:800}.pack-card h2{margin:0;font-size:21px}.pack-card h3{color:var(--muted);margin:4px 0 13px;font-size:10px;font-weight:500}.pack-levels{flex-wrap:wrap;gap:5px;display:flex}.pack-levels span{background:#eef0f2;border-radius:5px;padding:4px 6px;font-size:8px}.pack-description{color:#555d61;margin:16px 0;font-size:10px;line-height:1.7}.rights-note{color:#6f5221;background:#fff2c9;border-radius:9px;align-items:flex-start;gap:7px;margin:0 0 16px;padding:10px;font-size:8px;line-height:1.55;display:flex}.rights-note svg{flex:none;margin-top:1px}.pack-card>footer{border-top:1.5px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;display:flex}.pack-card>footer>div,.pack-ready{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.pack-ready{color:#286b45;font-weight:800}.pack-card footer button,.pack-card footer a{color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.pack-card footer button:disabled{cursor:not-allowed;opacity:.6;background:#e8e8e8}.pack-card footer .pack-remove{background:#ffe0d7}.sync-boundary{background:var(--sage);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:18px;margin-top:24px;padding:25px 28px;display:grid}.sync-boundary>svg{box-sizing:content-box;border:2px solid var(--ink);background:#fff;border-radius:50%;padding:11px}.sync-boundary h2{margin:0 0 8px;font-size:17px}.sync-boundary p{color:#485359;margin:4px 0;font-size:10px;line-height:1.6}.week-day.today-review i{color:var(--ink);background:var(--coral);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.week-day.missed i{color:#73787b;border:1px solid var(--ink);background:#e7e7e7}@media (max-width:1050px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-strip{grid-template-columns:1fr}.architecture-strip small{white-space:normal}}@media (max-width:680px){.content-hero{grid-template-columns:1fr;padding:27px 22px}.content-storage{min-width:0}.architecture-strip{margin-top:20px}.local-import-card{grid-template-columns:auto 1fr;padding:18px}.local-import-card>button{grid-column:1/-1;justify-content:center}.content-filters{flex-direction:column;align-items:stretch}.content-filter-scroll{flex-wrap:nowrap;padding-bottom:5px;overflow:auto}.content-filter-scroll button{white-space:nowrap}.content-filters select{width:100%}.pack-grid{grid-template-columns:1fr}.pack-card{min-height:390px}.sync-boundary{grid-template-columns:1fr;padding:22px}.bottom-nav a span{text-overflow:ellipsis;white-space:nowrap;max-width:52px;overflow:hidden}}.daily-school-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:25px;overflow:hidden}.daily-school-card>header{background:var(--green);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px 21px;display:flex}.daily-school-card>header h2{margin:6px 0 4px;font-size:26px}.daily-school-card>header p{color:#2b3c42;margin:0;font-size:10px}.daily-school-card>header button{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:9px;font-weight:800;display:flex}.daily-school-card>header button:disabled{opacity:.45;cursor:not-allowed}.daily-task-list{padding:8px 20px}.daily-task{border-bottom:1.5px solid var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 8px;display:grid}.daily-task:last-child{border-bottom:0}.daily-task-icon{border:2px solid var(--ink);background:var(--yellow);width:45px;height:45px;box-shadow:2px 2px 0 var(--ink);border-radius:14px;place-items:center;display:grid}.task-reading .daily-task-icon{background:var(--sage)}.task-grammar .daily-task-icon{background:#9ce6b6}.task-speaking .daily-task-icon{background:var(--coral)}.daily-task-icon svg{width:20px}.daily-task div{min-width:0}.daily-task small{color:var(--coral);letter-spacing:.08em;font-size:8px;font-weight:800}.daily-task h3{margin:3px 0;font-size:14px}.daily-task p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;overflow:hidden}.daily-task>strong{justify-content:flex-end;align-items:center;gap:6px;min-width:74px;font-size:9px;display:flex}.daily-task>strong svg{width:15px}.daily-task.complete{background:#effbf3}.daily-task.complete>strong{color:#2e754b}.daily-school-card>footer{border-top:2px solid var(--ink);background:#faf8f2;align-items:center;gap:15px;padding:14px 28px 17px;display:flex}.daily-school-card>footer>div{border:1px solid var(--ink);background:#e5e5e5;border-radius:99px;flex:1;height:8px;overflow:hidden}.daily-school-card>footer>div span{background:var(--coral);height:100%;display:block}.daily-school-card>footer strong{font-size:9px}.home-support-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.compact-week{min-height:0}.school-goal-card{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:26px;display:grid}.school-goal-card>svg{box-sizing:content-box;border:2px solid var(--ink);background:#fff;border-radius:50%;padding:10px}.school-goal-card h3{margin:7px 0;font-size:20px}.school-goal-card p{color:#4f5052;margin:0 0 20px;font-size:11px;line-height:1.7}.school-goal-card a{align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.school-goal-card a svg{width:15px}.home-recent{margin-top:32px}.curriculum-hero{color:var(--ink);background:var(--green);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:27px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:35px;margin-bottom:24px;padding:32px 36px;display:grid}.curriculum-hero h1{margin:8px 0 7px;font-size:clamp(35px,4.6vw,58px);line-height:1.06}.curriculum-hero p{color:#2a3d43;max-width:700px;margin:0;font-size:11px;line-height:1.7}.curriculum-total{border:2px solid var(--ink);min-width:180px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;gap:3px;padding:18px 21px;display:grid}.curriculum-total strong{font-size:35px;line-height:1}.curriculum-total strong small{color:var(--muted);margin-left:3px;font-size:13px}.curriculum-total>span{font-size:10px;font-weight:800}.curriculum-total>small{color:var(--muted);font-size:8px}.word-band-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.word-band-grid article{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:17px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:18px;display:grid}.word-band-grid article>span{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;place-items:center;width:52px;height:52px;font-size:13px;font-weight:900;display:grid}.word-band-grid article:nth-child(2)>span{background:var(--sage)}.word-band-grid article:nth-child(3)>span{background:#9ce6b6}.word-band-grid article:nth-child(4)>span{background:var(--coral)}.word-band-grid h2{margin:0 0 4px;font-size:13px}.word-band-grid p{color:var(--muted);margin:0;font-size:9px}.word-band-grid i{background:#e6e6e6;border-radius:99px;height:5px;margin-top:10px;display:block;overflow:hidden}.word-band-grid b{background:var(--coral);height:100%;display:block}.mastery-strip{background:var(--sage);border:2px solid var(--ink);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:18px 0 32px;padding:17px 20px;display:grid}.mastery-strip div{gap:4px;display:grid}.mastery-strip strong{font-size:11px}.mastery-strip span{color:var(--muted);font-size:8px}.mastery-strip>svg:last-child{color:var(--coral)}.vocabulary-list-heading{margin-bottom:14px}.vocabulary-list-heading small{color:var(--muted);font-size:9px}.reading-matrix{grid-template-columns:minmax(0,1fr) 220px;gap:15px;margin-bottom:25px;display:grid}.reading-topic-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.reading-topic-grid article{border:2px solid var(--ink);background:#fff;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:13px;display:grid}.reading-topic-grid article>span{font-size:22px}.reading-topic-grid h2{justify-content:space-between;align-items:center;gap:7px;margin:0 0 3px;font-size:11px;display:flex}.reading-topic-grid h2 small{background:var(--yellow);border:1px solid var(--ink);border-radius:99px;padding:3px 5px;font-size:7px}.reading-topic-grid p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:8px;overflow:hidden}.reading-matrix>aside{gap:9px;display:grid}.reading-matrix>aside div{background:var(--yellow);border:2px solid var(--ink);border-radius:13px;grid-template-columns:1fr auto;gap:4px;padding:13px 14px;display:grid}.reading-matrix>aside div:nth-child(2){background:var(--sage)}.reading-matrix>aside div:nth-child(3){background:var(--coral)}.reading-matrix>aside strong{font-size:13px}.reading-matrix>aside span{font-size:9px;font-weight:800}.reading-matrix>aside small{color:#555;grid-column:1/-1;font-size:8px}.grammar-level-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.grammar-level-grid>article{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;overflow:hidden}.grammar-level-grid article>header{background:var(--sage);border-bottom:2px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:17px 19px;display:grid}.grammar-level-grid article:nth-child(2)>header{background:var(--yellow)}.grammar-level-grid article:nth-child(3)>header{background:#9ce6b6}.grammar-level-grid article:nth-child(4)>header{background:var(--coral)}.grammar-level-grid article>header>span{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;font-weight:900;display:grid}.grammar-level-grid header small{font-size:8px}.grammar-level-grid header h2{margin:2px 0 0;font-size:16px}.grammar-level-grid header>strong{font-size:9px}.grammar-level-grid ol{grid-template-columns:1fr 1fr;gap:0;margin:0;padding:10px 17px 16px;list-style:none;display:grid}.grammar-level-grid li{border-bottom:1px solid #dedede;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:0;padding:8px 4px;font-size:9px;display:grid}.grammar-level-grid li:nth-last-child(-n+2){border-bottom:0}.grammar-level-grid li i{color:var(--coral);font-size:7px;font-style:normal}.grammar-level-grid li span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grammar-level-grid li svg{color:#c6cbc8;width:12px}.grammar-level-grid li em{background:var(--yellow);font:700 6px var(--sans);white-space:nowrap;border-radius:99px;padding:3px 5px}.grammar-link-card,.quality-card{background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:20px;padding:20px 23px;display:grid}.grammar-link-card>svg:first-child,.quality-card>svg{box-sizing:content-box;border:2px solid var(--ink);background:#fff;border-radius:50%;padding:8px}.grammar-link-card h2,.quality-card h2{margin:0 0 5px;font-size:15px}.grammar-link-card p,.quality-card p{color:#555b5e;margin:2px 0;font-size:9px;line-height:1.6}.quality-card{background:var(--sage);grid-template-columns:auto 1fr}.scene-count strong small{margin-left:2px;font-size:15px}@media (max-width:900px){.home-support-grid,.grammar-level-grid,.reading-matrix{grid-template-columns:1fr}.reading-matrix>aside{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.daily-school-card>header{padding:21px 18px}.daily-school-card>header p{max-width:220px}.daily-task-list{padding:5px 12px}.daily-task{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:14px 5px}.daily-task>strong{grid-column:2;justify-content:flex-start}.daily-task-icon{width:40px;height:40px}.daily-school-card>footer{padding-inline:18px}.curriculum-hero{grid-template-columns:1fr;padding:27px 22px}.curriculum-total{min-width:0}.word-band-grid,.reading-topic-grid{grid-template-columns:1fr}.mastery-strip{grid-template-columns:auto 1fr}.mastery-strip>svg:last-child{display:none}.reading-matrix>aside,.grammar-level-grid ol{grid-template-columns:1fr}.grammar-level-grid li:nth-last-child(2){border-bottom:1px solid #dedede}.grammar-link-card{grid-template-columns:auto 1fr}.grammar-link-card>svg:last-child{display:none}}.my-learning-hub{grid-template-columns:repeat(3,1fr);gap:11px;margin:0 0 18px;display:grid}.my-learning-hub a{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:15px;display:grid}.my-learning-hub a:nth-child(2){background:var(--yellow)}.my-learning-hub a:nth-child(3){background:var(--sage)}.my-learning-hub svg{width:20px}.my-learning-hub div{gap:3px;min-width:0;display:grid}.my-learning-hub strong{font-size:10px}.my-learning-hub span{color:var(--muted);font-size:8px;line-height:1.45}@media (max-width:680px){.my-learning-hub{grid-template-columns:1fr}}.theme-study-page{background:var(--cream);min-height:100vh;padding-bottom:110px}.theme-study-header{z-index:35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:2px solid var(--ink);background:#fffffff0;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;min-height:68px;padding:8px clamp(16px,4vw,48px);display:grid;position:sticky;top:0}.theme-study-header>a{background:var(--yellow);border:2px solid var(--ink);width:38px;height:38px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.theme-study-header>div:nth-child(2){gap:2px;display:grid}.theme-study-header>div:nth-child(2) span{color:var(--coral);letter-spacing:.08em;font-size:8px;font-weight:800}.theme-study-header>div:nth-child(2) strong{font-size:12px}.theme-header-progress{align-items:center;gap:9px;display:flex}.theme-header-progress>span{font-size:9px;font-weight:800}.theme-header-progress i{border:1px solid var(--ink);background:#e5e5e5;border-radius:99px;width:min(22vw,180px);height:7px;overflow:hidden}.theme-header-progress b{background:var(--coral);height:100%;transition:all .25s;display:block}.theme-study-hero{background:var(--green);border:2px solid var(--ink);max-width:1020px;box-shadow:6px 6px 0 var(--ink);border-radius:27px;justify-content:space-between;gap:24px;margin:28px auto 16px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.theme-study-hero:before{content:"";background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:180px;height:180px;position:absolute;top:-95px;right:-70px}.theme-study-hero>div,.theme-study-hero>svg{z-index:1;position:relative}.theme-study-hero h1{margin:7px 0 3px;font-size:clamp(32px,5vw,52px);line-height:1.05}.theme-study-hero>div>p{color:#2e4248;margin:0 0 18px;font-size:12px}.theme-study-hero>div>div{flex-wrap:wrap;gap:7px;display:flex}.theme-study-hero>div>div span{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:6px 8px;font-size:8px}.theme-study-hero>svg{box-sizing:content-box;background:var(--coral);border:2px solid var(--ink);border-radius:50%;align-self:center;padding:12px}.theme-section-nav{grid-template-columns:repeat(4,1fr);gap:9px;max-width:1020px;margin:0 auto 17px;display:grid}.theme-section-nav button{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 13px;display:grid}.theme-section-nav button>svg:first-child{width:18px}.theme-section-nav button>svg:last-child{width:13px}.theme-section-nav button span{gap:2px;display:grid}.theme-section-nav button strong{font-size:10px}.theme-section-nav button small{color:var(--muted);font-size:7px}.theme-section-nav button.active{background:var(--yellow);box-shadow:3px 4px 0 var(--ink);transform:translateY(-2px)}.theme-section-nav button.complete{background:#9ce6b6}.theme-section-nav button.complete.active{background:var(--yellow)}.theme-audio-error{color:#833b2c;border:1.5px solid var(--ink);background:#ffe1d8;border-radius:10px;align-items:center;gap:8px;max-width:1020px;margin:0 auto 14px;padding:10px 13px;font-size:9px;display:flex}.theme-audio-error svg{width:15px}.theme-module{border:2px solid var(--ink);max-width:1020px;box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:23px;margin:0 auto;padding:28px}.theme-module>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.theme-module>header h2{margin:6px 0 4px;font-size:26px}.theme-module>header p{color:var(--muted);margin:0;font-size:10px}.theme-module>header>strong{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;place-items:center;min-width:58px;min-height:58px;padding:8px;font-size:16px;display:grid}.theme-module>header>strong small{font-size:7px}.theme-word-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.theme-word-grid>article{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fffdfa;border-radius:15px;padding:17px}.theme-word-title{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.theme-word-title>button{width:34px;height:34px;color:var(--ink);background:var(--sage);border:1.5px solid var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.theme-word-title>button svg{width:15px}.theme-word-title>button:last-child{background:#fff;border:0;border-radius:6px}.theme-word-title>button:last-child.saved{color:var(--coral)}.theme-word-title h3{margin:0 0 2px;font-size:17px}.theme-word-title span{color:var(--muted);font-size:8px}.theme-word-grid article>strong{justify-content:space-between;align-items:center;margin:13px 0 8px;font-size:11px;display:flex}.theme-word-grid article>strong small{background:var(--yellow);border:1px solid var(--ink);border-radius:99px;padding:3px 5px;font-size:7px}.theme-word-grid blockquote{background:#eff9fc;border-radius:8px;margin:0 0 10px;padding:10px;font-size:10px;line-height:1.55}.theme-word-grid blockquote small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.word-detail-row{grid-template-columns:32px 1fr;align-items:start;gap:7px;margin-top:6px;display:grid}.word-detail-row span{color:var(--coral);font-size:7px;font-weight:800}.word-detail-row p{color:#5d6366;margin:0;font-size:8px;line-height:1.5}.module-complete-button{min-width:220px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:26px auto 0;padding:12px 16px;font-size:10px;font-weight:800;display:flex}.module-complete-button svg{width:16px}.module-complete-button.complete{background:#9ce6b6}.translation-toggle{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);cursor:pointer;border-radius:999px;padding:8px 11px;font-size:8px;font-weight:800}.reading-play-all{justify-content:flex-end;margin:-9px 0 15px;display:flex}.reading-play-all button{background:var(--sage);border:1.5px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:8px;display:flex}.reading-play-all svg{width:14px}.theme-paragraphs{gap:19px;display:grid}.theme-paragraphs>article{border:2px solid var(--ink);background:#fffdfa;border-radius:16px;padding:22px}.theme-paragraphs>article>header{justify-content:space-between;align-items:center;display:flex}.theme-paragraphs>article>header span{color:var(--coral);letter-spacing:.1em;font-size:8px;font-weight:800}.theme-paragraphs>article>header button{background:var(--yellow);border:1.5px solid var(--ink);cursor:pointer;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;display:grid}.theme-paragraphs>article>header svg{width:14px}.theme-english-text{margin:14px 0 10px;font-size:18px;line-height:1.75}.theme-chinese-text{color:#61686b;margin:0;font-size:11px;line-height:1.8}.key-idea-box{background:var(--yellow);border-radius:9px;grid-template-columns:auto 1fr;gap:9px;margin-top:15px;padding:11px 12px;display:grid}.key-idea-box svg{width:16px}.key-idea-box strong{font-size:8px}.key-idea-box p{margin:2px 0 0;font-size:9px}.phrase-note-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.phrase-note-grid>div{background:var(--sage);border-radius:8px;padding:10px}.phrase-note-grid strong,.phrase-note-grid span{font-size:8px;display:block}.phrase-note-grid span{color:#6a5a2c;margin:2px 0 5px}.phrase-note-grid p{color:#5a6265;margin:0;font-size:8px}.theme-quiz{border:2px solid var(--ink);background:#f3f0ff;border-radius:17px;margin-top:22px;padding:20px}.theme-quiz>header{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:14px;display:grid}.theme-quiz>header>svg{box-sizing:content-box;background:var(--coral);border:1.5px solid var(--ink);border-radius:50%;padding:7px}.theme-quiz h3{margin:3px 0 0;font-size:15px}.theme-quiz>article{border-top:1px solid #c9c5d5;padding:13px 0}.theme-quiz>article>strong{margin-bottom:9px;font-size:10px;display:block}.theme-quiz>article>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.theme-quiz>article button{color:var(--ink);border:1.5px solid var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;padding:8px 9px;font-size:8px}.theme-quiz>article button.selected{background:var(--yellow)}.theme-quiz>article button.correct{background:#9ce6b6}.theme-quiz>article button.wrong{background:#ffd7cb}.theme-quiz>article>p{color:#5b6265;margin:8px 0 0;font-size:8px}.grammar-objectives,.speaking-goals{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.grammar-objectives span,.speaking-goals span{background:var(--sage);border:1px solid var(--ink);border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;display:flex}.grammar-objectives svg,.speaking-goals svg{width:12px}.grammar-explanation{background:var(--yellow);border:2px solid var(--ink);border-radius:14px;padding:18px}.grammar-explanation h3,.grammar-example-list>h3,.mistake-grid>h3,.key-sentence-list>h3,.speaking-dialogue>h3{margin:0 0 8px;font-size:14px}.grammar-explanation p{margin:0;font-size:10px;line-height:1.8}.grammar-example-list{margin-top:17px}.grammar-example-list article{border-bottom:1px solid #ddd;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:11px;display:grid}.grammar-example-list article button,.key-sentence-list article button,.speaking-dialogue article>button{background:var(--sage);border:1.5px solid var(--ink);cursor:pointer;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;display:grid}.grammar-example-list article button svg,.key-sentence-list article button svg,.speaking-dialogue article>button svg{width:13px}.grammar-example-list article div{gap:2px;display:grid}.grammar-example-list strong{font-size:10px}.grammar-example-list span{color:var(--muted);font-size:8px}.mistake-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.mistake-grid>h3{grid-column:1/-1}.mistake-grid article{border:1.5px solid var(--ink);background:#fff0eb;border-radius:10px;padding:12px}.mistake-grid p{gap:5px;margin:0 0 7px;font-size:9px;display:grid}.mistake-grid del{color:#a05442}.mistake-grid strong{color:#2e754b}.mistake-grid span{color:var(--muted);font-size:8px;line-height:1.5}.speaking-module>header>strong{font-size:18px}.speaking-module>header>strong small{display:block}.key-sentence-list{margin-top:20px}.key-sentence-list article{border-bottom:1px solid #ddd;grid-template-columns:25px auto 1fr;align-items:center;gap:9px;padding:10px 5px;display:grid}.key-sentence-list article>i{color:var(--coral);font-size:8px;font-style:normal}.key-sentence-list article>div{gap:2px;display:grid}.key-sentence-list article strong{font-size:10px}.key-sentence-list article span{color:var(--muted);font-size:8px}.key-sentence-list article small{background:var(--yellow);border-radius:4px;width:max-content;margin-top:3px;padding:3px 5px;font-size:7px}.speaking-dialogue{border:2px solid var(--ink);background:#f7fafb;border-radius:16px;margin-top:24px;padding:20px}.speaking-dialogue article{grid-template-columns:55px 1fr auto;align-items:start;gap:10px;margin-top:10px;display:grid}.speaking-dialogue article>span{background:var(--yellow);border:1px solid var(--ink);text-align:center;border-radius:7px;padding:5px;font-size:7px;font-weight:800}.speaking-dialogue article.learner>span{background:var(--coral)}.speaking-dialogue article>div{border:1.5px solid var(--ink);background:#fff;border-radius:4px 12px 12px;padding:10px 12px}.speaking-dialogue article.learner>div{background:var(--sage)}.speaking-dialogue article p{margin:0;font-size:11px;line-height:1.5}.speaking-dialogue article small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.speaking-dialogue article em{background:var(--yellow);width:max-content;max-width:100%;font:700 7px var(--sans);border-radius:4px;margin-top:7px;padding:4px 6px;display:block}.speaking-score-preview{background:var(--yellow);border:2px solid var(--ink);border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:15px;display:grid}.speaking-score-preview>svg{box-sizing:content-box;border:1.5px solid var(--ink);background:#fff;border-radius:50%;padding:7px}.speaking-score-preview h3{margin:0 0 3px;font-size:11px}.speaking-score-preview p{margin:0;font-size:8px}.speaking-score-preview>span{color:var(--muted);font-size:8px}.theme-study-footer{z-index:34;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:2px solid var(--ink);background:#fffffff2;justify-content:space-between;align-items:center;gap:20px;padding:12px clamp(18px,5vw,70px);display:flex;position:fixed;bottom:0;left:0;right:0}.theme-study-footer>div{gap:2px;display:grid}.theme-study-footer strong{font-size:10px}.theme-study-footer span{color:var(--muted);font-size:8px}.theme-study-footer button,.check-all-quiz{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:8px;font-weight:800;display:flex}.theme-study-footer button svg{width:14px}.check-all-quiz{z-index:36;background:var(--coral);position:fixed;bottom:72px;right:25px}.quiz-score-toast{z-index:36;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#9ce6b6;border-radius:999px;padding:10px 13px;font-size:9px;font-weight:800;position:fixed;bottom:72px;right:25px}@media (max-width:1080px){.theme-study-hero,.theme-section-nav,.theme-module,.theme-audio-error{margin-left:20px;margin-right:20px}}@media (max-width:680px){.theme-study-page{padding-bottom:94px}.theme-study-header{grid-template-columns:38px 1fr auto;padding:7px 11px}.theme-study-header>div:nth-child(2) strong{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.theme-header-progress i{width:50px}.theme-study-hero{margin:16px 12px 10px;padding:24px 20px}.theme-study-hero>svg{display:none}.theme-study-hero h1{font-size:34px}.theme-section-nav{z-index:28;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f6f7fbef;grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:8px 10px;position:sticky;top:68px}.theme-section-nav button{text-align:center;grid-template-columns:1fr;place-items:center;gap:3px;padding:8px 3px;display:grid}.theme-section-nav button>svg:last-child{display:none}.theme-section-nav button span{display:block}.theme-section-nav button small{display:none}.theme-audio-error,.theme-module{margin-left:12px;margin-right:12px}.theme-module{padding:21px 15px}.theme-module>header h2{font-size:23px}.theme-word-grid{grid-template-columns:1fr}.theme-paragraphs>article{padding:17px 14px}.theme-english-text{font-size:17px}.phrase-note-grid,.mistake-grid{grid-template-columns:1fr}.mistake-grid>h3{grid-column:auto}.theme-quiz{padding:16px 12px}.theme-quiz>article>div{grid-template-columns:1fr}.speaking-dialogue{padding:16px 10px}.speaking-dialogue article{grid-template-columns:43px 1fr}.speaking-dialogue article>button{grid-column:2}.speaking-score-preview{grid-template-columns:auto 1fr}.speaking-score-preview>span{grid-column:1/-1}.theme-study-footer{padding:10px 13px}.theme-study-footer span{display:none}.check-all-quiz,.quiz-score-toast{bottom:68px;right:12px}}.daily-plan-entry{color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:8px;font-weight:900;display:inline-flex}.module-import-panel{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;margin:0 0 22px;padding:20px 22px;display:grid}.module-import-title{align-items:center;gap:13px;display:flex}.module-import-title>svg{box-sizing:content-box;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;padding:9px}.module-import-title h2{margin:3px 0 4px;font-size:15px}.module-import-title p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.module-import-panel>button{background:var(--coral);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:9px;font-weight:800;display:flex}.module-import-panel>button svg{width:15px}.module-import-panel>input{display:none}.module-import-message{color:var(--muted);grid-column:1/-1;align-items:center;gap:6px;margin:0;font-size:8px;display:flex}.module-import-message svg{color:#2b8b58;width:13px}.local-file-list{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.local-file-list article{background:var(--cream);border:1px solid var(--ink);border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:grid}.local-file-list article>svg{width:16px}.local-file-list article div{gap:2px;min-width:0;display:grid}.local-file-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.local-file-list span{color:var(--muted);font-size:7px}.local-file-list button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:3px}.local-file-list button svg{width:13px}.az-browser{background:var(--sage);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:18px;margin:22px 0 15px;padding:20px}.az-browser>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.az-browser h2{margin:3px 0 0;font-size:18px}.az-browser label,.module-list-tools label{border:1.5px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;min-width:220px;padding:8px 10px;display:flex}.az-browser label svg,.module-list-tools label svg{width:15px}.az-browser input,.module-list-tools input{width:100%;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:9px}.az-browser nav{grid-template-columns:repeat(13,1fr);gap:5px;margin-top:15px;display:grid}.az-browser nav button{border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:7px;min-width:0;padding:7px 2px;font-size:8px;font-weight:900}.az-browser nav button.active{background:var(--yellow);box-shadow:2px 2px 0 var(--ink);transform:translateY(-1px)}.az-count{color:var(--muted);margin:10px 0 0;font-size:8px}.lexicon-list{grid-template-columns:repeat(3,1fr)}.lexicon-list .word-card{min-width:0}.lexicon-list .word-card>strong{min-height:26px;font-size:9px;line-height:1.5;overflow:hidden}.lexicon-list .word-card>p{min-height:28px}.lexicon-list footer{gap:7px}.lexicon-list footer small{flex:1;min-width:0}.lexicon-list footer a{color:var(--forest);white-space:nowrap;font-size:7px;font-weight:800}.imported-example-zh{min-height:0!important;color:var(--muted)!important;margin-top:-5px!important;font-size:8px!important}.imported-phrases{flex-wrap:wrap;gap:4px;margin:7px 0;display:flex}.imported-phrases span{background:var(--yellow);border-radius:4px;padding:3px 5px;font-size:7px}.load-more-words{background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;margin:17px auto 0;padding:10px 16px;font-size:9px;font-weight:800;display:block}.module-list-tools{justify-content:space-between;gap:12px;margin-bottom:17px;display:flex}.module-list-tools select{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:8px 10px;font-size:9px}.grammar-level-grid li button{color:#b7bdb9;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.grammar-level-grid li button svg{width:15px}.grammar-level-grid li.grammar-done{color:#42604e;background:#effaf1}.grammar-level-grid li.grammar-done button{color:#2b8b58}.module-empty{text-align:center;border:2px solid var(--ink);background:#fff;border-radius:18px;padding:32px}.module-empty svg{color:var(--coral)}.module-empty h2{font-size:16px}.module-empty p{color:var(--muted);font-size:9px}.speaking-history-card{background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:18px;margin:0 0 22px;padding:20px 22px}.speaking-history-card>header{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid}.speaking-history-card>header>svg{box-sizing:content-box;border:2px solid var(--ink);background:#fff;border-radius:50%;padding:8px}.speaking-history-card h2{margin:2px 0 0;font-size:16px}.speaking-history-card>header>strong{font-size:20px}.speaking-history-card>header>strong small{font-size:8px}.speaking-history-card>div{gap:7px;margin-top:14px;display:grid}.speaking-history-card article{border:1.5px solid var(--ink);background:#fff;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.history-score{background:var(--sage);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.speaking-history-card article div{min-width:0}.speaking-history-card article strong,.speaking-history-card article p,.speaking-history-card article small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.speaking-history-card article strong{font-size:9px}.speaking-history-card article p{margin:3px 0;font-size:8px}.speaking-history-card article small{color:var(--muted);font-size:7px}.speaking-history-card article>svg{color:#2b8b58;width:16px}.speaking-history-empty{color:var(--muted);align-items:center;gap:8px;display:flex!important}.speaking-history-empty p{font-size:9px}.fatal-error{text-align:center;background:var(--cream);place-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.fatal-error span{color:var(--coral);letter-spacing:.13em;font-size:10px;font-weight:900}.fatal-error h1{margin:12px 0;font-size:38px}.fatal-error p{max-width:420px;color:var(--muted);line-height:1.7}.fatal-error button{background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin-top:13px;padding:11px 17px;font-weight:900}.word-priority{color:var(--muted);justify-items:end;gap:2px;margin-left:auto;font-size:6px;display:grid}.word-priority select{background:var(--yellow);border:1px solid var(--ink);border-radius:4px;padding:2px 4px;font-size:7px;font-weight:800}.word-search-empty{margin-bottom:17px}.word-search-empty a{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;margin-top:8px;padding:9px 13px;font-size:8px;font-weight:900}@media (max-width:900px){.lexicon-list{grid-template-columns:repeat(2,1fr)}.az-browser nav{grid-template-columns:repeat(9,1fr)}}@media (max-width:680px){.module-import-panel{grid-template-columns:1fr;padding:17px 15px}.module-import-panel>button{width:max-content}.module-import-message,.local-file-list{grid-column:1}.local-file-list{grid-template-columns:1fr}.az-browser{padding:16px 12px}.az-browser>header{flex-direction:column;align-items:flex-start}.az-browser label,.module-list-tools label{box-sizing:border-box;width:100%;min-width:0}.az-browser nav{grid-template-columns:repeat(7,1fr)}.lexicon-list{grid-template-columns:1fr}.module-list-tools{flex-direction:column}.module-list-tools select{width:100%}.speaking-history-card{padding:17px 13px}}.original-book-shelf{background:var(--sage);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:19px;margin-bottom:24px;padding:20px 22px}.original-book-shelf>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.original-book-shelf h2{margin:3px 0;font-size:18px}.original-book-shelf header p{color:var(--muted);margin:0;font-size:9px}.original-book-shelf header>strong{font-size:25px}.original-book-shelf header>strong small{font-size:9px}.original-book-shelf>div{gap:8px;margin-top:15px;display:grid}.original-book-shelf article{border:1.5px solid var(--ink);background:#fff;border-radius:11px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:12px;display:grid}.book-format{background:var(--yellow);border:1.5px solid var(--ink);border-radius:9px;place-items:center;width:45px;height:45px;font-size:7px;font-weight:900;display:grid}.original-book-shelf article>div{min-width:0}.original-book-shelf article h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:11px;overflow:hidden}.original-book-shelf article p{color:var(--muted);margin:0;font-size:8px}.original-book-shelf article i{border:1px solid var(--ink);background:#e5e5e5;border-radius:99px;height:5px;margin-top:7px;display:block;overflow:hidden}.original-book-shelf article i b{background:var(--coral);height:100%;display:block}.original-book-shelf article>a{color:var(--ink);align-items:center;gap:5px;font-size:8px;font-weight:900;display:flex}.original-book-shelf article>a svg{width:13px}.original-book-shelf article>button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px}.original-book-shelf article>button svg{width:14px}.empty-book-shelf{color:var(--muted);text-align:center;border-radius:12px;justify-items:center;border:1.5px dashed var(--ink)!important;background:#ffffff80!important;padding:23px!important;display:grid!important}.empty-book-shelf svg{width:24px}.empty-book-shelf h3{color:var(--ink);margin:8px 0 2px}.empty-book-shelf p{margin:0;font-size:8px}.original-reader-page{background:#ebe6dd;min-height:100vh;padding-top:68px}.original-reader-page>header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:2px solid var(--ink);background:#fffdf9f2;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:68px;padding:8px clamp(13px,4vw,42px);display:grid;position:fixed;top:0;left:0;right:0}.original-reader-page>header>a{width:37px;height:37px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.original-reader-page>header>div:nth-child(2){gap:2px;min-width:0;display:grid}.original-reader-page>header span{color:var(--coral);font-size:7px;font-weight:800}.original-reader-page>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.reader-font-control{align-items:center;gap:6px;display:flex}.reader-font-control button{border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.reader-font-control button svg{width:12px}.reader-font-control span{color:var(--ink)!important}.book-reader-message{color:var(--muted);text-align:center;padding:35px}.epub-reader-host{background:#fffdf9;width:100%;height:calc(100vh - 68px)}.pdf-reader-host{justify-items:center;gap:12px;min-height:calc(100vh - 68px);padding:17px 10px 70px;display:grid}.pdf-reader-host canvas{background:#fff;max-width:100%;box-shadow:0 4px 18px #28362c30}.pdf-reader-host nav,.epub-page-controls{z-index:45;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:13px;padding:8px 10px;display:flex;position:fixed;bottom:15px;left:50%;transform:translate(-50%)}.pdf-reader-host nav button,.epub-page-controls button{background:var(--yellow);border:1px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;font-weight:800;display:flex}.pdf-reader-host nav button svg,.epub-page-controls button svg{width:12px}.pdf-reader-host nav span{color:var(--ink);font-size:8px}.plain-book-reader{background:#fffdf9;max-width:760px;min-height:calc(100vh - 68px);margin:0 auto;padding:50px clamp(24px,7vw,75px) 90px;box-shadow:0 0 25px #28362c20}.plain-book-reader p{white-space:pre-wrap;margin:0 0 1.35em;font:1.15em/1.8 Georgia,Times New Roman,serif}.selection-card{z-index:55;background:var(--yellow);border:2px solid var(--ink);width:min(360px,100vw - 40px);box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:18px;position:fixed;bottom:20px;right:20px}.selection-card>button{background:0 0;border:0;font-size:18px;position:absolute;top:6px;right:8px}.selection-card>span{color:var(--coral);font-size:7px;font-weight:900}.selection-card h2{margin:5px 0 12px;font:27px Georgia}.selection-card>div{flex-wrap:wrap;gap:6px;display:flex}.selection-card>div button,.selection-card>div a{color:var(--ink);border:1.5px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:7px 8px;font-size:7px;font-weight:800;display:flex}.selection-card>div button.saved{background:#9ce6b6}.selection-card svg{width:12px}@media (max-width:680px){.original-book-shelf{padding:17px 13px}.original-book-shelf article{grid-template-columns:auto 1fr}.original-book-shelf article>a,.original-book-shelf article>button{grid-column:2;justify-self:start}.original-reader-page>header{grid-template-columns:auto minmax(0,1fr)}.reader-font-control{grid-column:2;justify-self:start}.original-reader-page{padding-top:92px}.epub-reader-host{height:calc(100vh - 92px)}.plain-book-reader{min-height:calc(100vh - 92px);padding-top:35px}.selection-card{width:calc(100vw - 24px);bottom:82px;right:12px}}.voice-diagnostics{background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:19px;margin:22px 0;padding:23px}.voice-diagnostics>header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.voice-diagnostics h3{margin:4px 0;font-size:18px}.voice-diagnostics header p{color:var(--muted);margin:0;font-size:9px}.voice-diagnostics header>button,.voice-check-grid article>button{border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.voice-diagnostics button svg{width:13px}.voice-diagnostics .spinning{animation:1s linear infinite voice-spin}.voice-check-grid{gap:8px;margin-top:15px;display:grid}.voice-check-grid article{border:1.5px solid var(--ink);background:#fff;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.voice-check-grid article>svg:first-child,.voice-flag{box-sizing:content-box;background:var(--sage);border:1px solid var(--ink);border-radius:50%;place-items:center;width:20px;height:20px;padding:7px;display:grid}.voice-check-grid article.warning>svg:first-child{background:#f3d7c8}.voice-check-grid article>div{gap:3px;min-width:0;display:grid}.voice-check-grid article strong{font-size:9px}.voice-check-grid article span{color:var(--muted);font-size:8px}.voice-check-grid article>svg:last-child{color:#2b8b58;width:17px}.voice-check-grid article.warning>svg:last-child{color:var(--coral)}.voice-diagnostics>footer{border:1px dashed var(--ink);background:#ffffff80;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:10px;display:grid}.voice-diagnostics>footer>svg{width:18px}.voice-diagnostics footer p{margin:0;font-size:8px;line-height:1.55}.voice-diagnostics footer a{font-size:8px;font-weight:800;text-decoration:underline}.voice-diagnostics button:disabled{cursor:not-allowed;opacity:.5}@keyframes voice-spin{to{transform:rotate(360deg)}}@media (max-width:680px){.voice-diagnostics{padding:17px 13px}.voice-diagnostics>header{flex-direction:column}.voice-check-grid article{grid-template-columns:auto 1fr}.voice-check-grid article>button,.voice-check-grid article>svg:last-child{grid-column:2;justify-self:start}.voice-diagnostics>footer{grid-template-columns:auto 1fr}.voice-diagnostics footer a{grid-column:2}}.grammar-level-grid li>a{justify-content:space-between;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex}.grammar-level-grid li>a small{color:var(--ink);background:var(--yellow);border:1px solid var(--ink);white-space:nowrap;border-radius:999px;padding:3px 5px;font-size:6px}.grammar-back{align-items:center;gap:7px;margin-bottom:18px;font-size:9px;font-weight:800;display:inline-flex}.grammar-back svg{width:15px}.grammar-course-content{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grammar-course-panel{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:18px;padding:23px}.grammar-course-panel h2{margin:5px 0 15px;font-size:19px}.grammar-course-panel>p{margin:0;font-size:11px;line-height:1.8}.grammar-course-panel.explanation{background:var(--yellow)}.grammar-course-panel.examples{grid-column:1/-1}.grammar-course-panel.examples>div{border-top:1px solid #d9d9d2;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 3px;display:grid}.grammar-course-panel.examples i{color:var(--coral);font-size:8px;font-style:normal}.grammar-course-panel.examples div>div{gap:4px;display:grid}.grammar-course-panel.examples strong{font:18px/1.4 var(--serif)}.grammar-course-panel.examples span{color:var(--muted);font-size:9px}.grammar-example-play{background:var(--sage);border:1.5px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:7px;font-weight:800;display:flex}.grammar-example-play svg{width:13px}.grammar-course-goals{gap:8px;display:grid}.grammar-course-goals p{align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.grammar-course-goals svg{color:#278852;width:14px}.grammar-course-panel.mistake{background:#fff0eb}.grammar-course-panel.mistake p{gap:8px;display:grid}.grammar-course-panel.mistake del{color:#aa5a49}.grammar-course-panel.mistake strong{color:#23764a}.grammar-course-panel.mistake small{color:var(--muted);margin-top:12px;font-size:9px;line-height:1.7;display:block}.grammar-course-panel.practice{background:var(--sage)}.grammar-finish{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:20px 23px;display:flex}.grammar-finish>div{align-items:center;gap:11px;display:flex}.grammar-finish>div svg{color:#2c8755;width:24px}.grammar-finish span{gap:3px;display:grid}.grammar-finish strong{font-size:11px}.grammar-finish small{color:var(--muted);font-size:8px}.grammar-finish button{color:var(--ink);background:var(--coral);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;padding:10px 14px;font-size:9px;font-weight:900}.grammar-finish button.done{background:var(--sage)}@media (max-width:680px){.grammar-course-content{grid-template-columns:1fr}.grammar-course-panel.examples{grid-column:auto}.grammar-course-panel.examples>div{grid-template-columns:auto 1fr}.grammar-example-play{grid-column:2;justify-self:start}.grammar-finish{flex-direction:column;align-items:flex-start}}.home-quote-hero{background:var(--blue);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:25px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-bottom:24px;padding:28px 32px;display:grid}.home-quote-hero>div>svg{width:20px;margin:12px 0 6px}.home-quote-hero blockquote{max-width:720px;font:clamp(25px,3.2vw,45px)/1.14 var(--serif);margin:0}.home-quote-hero p{margin:13px 0 4px;font-size:11px;line-height:1.7}.home-quote-hero small{font-size:8px}.home-quote-hero aside{border:2px solid var(--ink);min-width:170px;box-shadow:4px 4px 0 var(--ink);text-align:center;background:#fff;border-radius:17px;padding:20px}.home-quote-hero aside strong{font-size:35px;display:block}.home-quote-hero aside strong small{font-size:16px}.home-quote-hero aside span{margin-top:8px;font-size:10px;display:block}@media (max-width:680px){.home-quote-hero{grid-template-columns:1fr;padding:24px 20px}.home-quote-hero aside{min-width:0}.home-quote-hero blockquote{font-size:28px}}.reading-daily-banner{background:var(--blue);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:25px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px 32px;display:grid}.reading-daily-banner>div>svg{width:20px;margin:12px 0 7px}.reading-daily-banner blockquote{max-width:730px;font:clamp(25px,3.3vw,44px)/1.16 var(--serif);margin:0}.reading-daily-banner p{margin:12px 0 0;font-size:10px}.reading-daily-banner aside{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reading-daily-banner aside div{border:2px solid var(--ink);min-width:120px;box-shadow:3px 3px 0 var(--ink);text-align:center;background:#fff;border-radius:15px;padding:18px 14px}.reading-daily-banner aside strong{font-size:28px;display:block}.reading-daily-banner aside strong small{font-size:12px}.reading-daily-banner aside span{color:var(--muted);margin-top:5px;font-size:8px;display:block}.current-reading-banner{background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:24px;padding:24px;display:grid}.current-reading-index{border:2px solid var(--ink);background:#fff;border-radius:14px;align-content:center;place-items:center;gap:4px;width:62px;height:70px;display:grid}.current-reading-index svg{width:23px}.current-reading-index span{font-size:8px;font-weight:900}.current-reading-banner h1{font:27px/1.1 var(--serif);margin:5px 0}.current-reading-banner p{color:#4d5556;margin:0;font-size:9px;line-height:1.6}.current-reading-banner>div:nth-child(2)>div{gap:13px;margin-top:10px;display:flex}.current-reading-banner>div:nth-child(2)>div span{align-items:center;gap:4px;font-size:8px;display:flex}.current-reading-banner>div:nth-child(2) svg{width:13px}.current-reading-actions{gap:8px;min-width:120px;display:grid}.current-reading-actions a{border:1.5px solid var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:9px 11px;font-size:8px;font-weight:900;display:flex}.current-reading-actions a:first-child{color:#fff;background:var(--green)}.current-reading-actions svg{width:13px}.reading-list-section{margin-top:28px}.reading-list-section>header,.grammar-course-list-section>header,.today-word-section>header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:15px;display:flex}.reading-list-section h2,.grammar-course-list-section>header h2,.today-word-section h2{margin:4px 0;font-size:22px}.reading-list-section header p,.grammar-course-list-section header p{color:var(--muted);margin:0;font-size:9px}.reading-list-section header>strong,.grammar-course-list-section>header>strong{font-size:28px}.reading-list-section header strong small,.grammar-course-list-section header strong small{font-size:9px}.reading-list-tools{background:var(--sage);border:2px solid var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.reading-list-tools label{border:1px solid var(--ink);background:#fff;border-radius:999px;flex:1;align-items:center;gap:7px;padding:8px 10px;display:flex}.reading-list-tools label svg{width:14px}.reading-list-tools input{border:0;outline:0;width:100%;font-size:9px}.reading-list-tools>div{gap:5px;display:flex}.reading-list-tools button{border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800}.reading-list-tools button.active{background:var(--yellow)}.reading-status-list{gap:9px;margin-top:13px;display:grid}.reading-status-list>a{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:14px 16px;display:grid}.reading-order{background:var(--yellow);border:1.5px solid var(--ink);border-radius:9px;place-items:center;width:42px;height:42px;font-size:9px;font-weight:900;display:grid}.reading-status-list small{color:var(--coral);font-size:7px}.reading-status-list h3{margin:3px 0;font-size:13px}.reading-status-list p{color:var(--muted);margin:0;font-size:8px}.reading-status-list>a>strong{border:1px solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;display:flex}.reading-status-list strong.read{background:var(--sage)}.reading-status-list strong.unread{background:#fff}.reading-status-list>a>strong svg,.reading-status-list>a>svg{width:14px}.reading-status-list .imported-reading-row{background:#fffaf0}.reading-status-list .imported-reading-row .reading-order{background:var(--blue)}.reading-import-zone,.dictionary-import-zone,.grammar-import-zone{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#edf8f0;border-radius:20px;margin-top:32px;padding:22px}.reading-import-zone>header,.dictionary-import-zone>header,.grammar-import-zone>header{grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-bottom:15px;display:grid}.reading-import-zone>header>svg,.dictionary-import-zone>header>svg,.grammar-import-zone>header>svg{box-sizing:content-box;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;padding:9px}.reading-import-zone h2,.dictionary-import-zone h2,.grammar-import-zone h2{margin:3px 0;font-size:18px}.reading-import-zone header p,.dictionary-import-zone header p,.grammar-import-zone header p{color:var(--muted);margin:0;font-size:9px}.reading-import-zone .module-import-panel,.dictionary-import-zone .module-import-panel,.grammar-import-zone .module-import-panel{margin-bottom:12px}.reading-import-zone .original-book-shelf{margin:0}.original-book-shelf article.pending-shelf{background:#fff8e9}.original-book-shelf article>button.add-to-shelf{color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:7px 9px;font-size:8px;font-weight:900;display:flex}.original-book-shelf article>button.add-to-shelf svg{width:12px}.word-daily-banner{background:var(--coral);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:25px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px 32px;display:grid}.word-daily-banner h1{font:clamp(34px,4vw,53px)/1.05 var(--serif);margin:6px 0}.word-daily-banner h1 em{color:#fff;font-style:normal}.word-daily-banner p{margin:0;font-size:10px;line-height:1.7}.word-daily-banner>div>div{gap:12px;margin-top:15px;display:flex}.word-daily-banner>div>div span{border:1px solid var(--ink);background:#ffffff80;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:flex}.word-daily-banner svg{width:14px}.word-daily-banner aside{border:2px solid var(--ink);min-width:165px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:17px;justify-items:center;padding:20px;display:grid}.word-daily-banner aside>svg{box-sizing:content-box;background:var(--yellow);border:1.5px solid var(--ink);border-radius:50%;padding:7px}.word-daily-banner aside strong{margin-top:5px;font-size:35px}.word-daily-banner aside span{font-size:9px;font-weight:800}.word-daily-banner aside small{color:var(--muted);text-align:center;margin-top:6px;font-size:7px}.today-word-section{margin-top:28px}.today-word-section>header>span{color:var(--muted);font-size:8px}.today-word-grid{margin-top:0}.today-word-card{border-color:var(--ink)!important}.today-word-card:nth-child(3n+1){background:#fff9e7}.today-word-card:nth-child(3n+2){background:#f1fbf4}.today-word-card footer button span{margin-left:3px;font-size:6px}.word-search-center{background:var(--blue);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:19px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:18px;margin-top:32px;padding:24px;display:grid}.word-search-center>header{grid-template-columns:auto 1fr;align-items:center;gap:11px;display:grid}.word-search-center>header>svg{box-sizing:content-box;border:2px solid var(--ink);background:#fff;border-radius:50%;padding:9px}.word-search-center h2{margin:3px 0;font-size:20px}.word-search-center p{margin:0;font-size:8px}.word-search-center>label{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:12px 14px;display:flex}.word-search-center label svg{width:15px}.word-search-center input{border:0;outline:0;width:100%;font-size:9px}.word-library-browser{margin-top:14px}.word-library-browser>header>strong{font-size:24px}.word-library-browser header strong small{font-size:8px}.dictionary-import-zone{background:#fff5ec}.today-grammar-course{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:23px;overflow:hidden}.today-grammar-course>header{background:var(--yellow);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:18px;padding:24px 26px;display:flex}.today-grammar-course>header>div{align-items:center;gap:13px;display:flex}.today-grammar-icon{border:2px solid var(--ink);background:#fff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.today-grammar-course h1{font:30px/1.1 var(--serif);margin:4px 0}.today-grammar-course header p{margin:0;font-size:9px}.today-grammar-course>header>button{border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.today-grammar-course>header button svg{width:14px;transition:all .2s}.today-grammar-course>header button svg.open{transform:rotate(180deg)}.today-grammar-body{grid-template-columns:1fr 1.4fr;gap:13px;padding:20px;display:grid}.today-grammar-body>article{border:1.5px solid var(--ink);background:#fff;border-radius:13px;padding:18px}.today-grammar-body h2{margin:4px 0 12px;font-size:16px}.today-grammar-body p{margin:6px 0;font-size:9px;line-height:1.7}.today-grammar-body article:first-child p{align-items:center;gap:5px;display:flex}.today-grammar-body article:first-child svg{color:#278852;width:13px}.today-grammar-body .grammar-teaching{background:var(--sage)}.today-grammar-examples{grid-column:1/-1}.today-grammar-examples>div{border-top:1px solid #ddd;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.today-grammar-examples strong,.today-grammar-examples span{display:block}.today-grammar-examples strong{font:17px/1.4 var(--serif)}.today-grammar-examples span{color:var(--muted);margin-top:3px;font-size:8px}.today-grammar-play{background:var(--yellow);border:1px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:7px 8px;font-size:7px;font-weight:800;display:flex}.today-grammar-play svg{width:12px}.today-grammar-body .grammar-mistake{background:#fff0eb}.grammar-mistake del,.grammar-mistake strong{margin:8px 0;font-size:10px;display:block}.grammar-mistake del{color:#a45043}.grammar-mistake strong{color:#24764a}.today-grammar-body .grammar-practice{background:#f3efff}.today-grammar-course>footer{border-top:2px solid var(--ink);background:#f8f5ef;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;display:flex}.today-grammar-course>footer>span{align-items:center;gap:7px;font-size:9px;display:flex}.today-grammar-course footer svg{color:#278852;width:16px}.today-grammar-course footer>div{gap:7px;display:flex}.today-grammar-course footer a,.today-grammar-course footer button{color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 10px;font-size:8px;font-weight:800}.today-grammar-course footer button{background:var(--coral)}.grammar-course-list-section{margin-top:30px}.grammar-level-grid li>a>span{align-items:center;gap:5px;min-width:0;display:flex}.grammar-level-grid li>a>span em{flex:none}.imported-grammar-topics{gap:8px;margin-top:18px;display:grid}.imported-grammar-topics h2{font-size:17px}.imported-grammar-topics article{border:2px solid var(--ink);background:#fff8e7;border-radius:12px;grid-template-columns:auto 1fr;gap:10px;padding:13px;display:grid}.imported-grammar-topics article>svg{box-sizing:content-box;background:var(--yellow);border:1px solid var(--ink);border-radius:50%;padding:7px}.imported-grammar-topics strong{font-size:10px}.imported-grammar-topics p{color:var(--muted);margin:4px 0;font-size:8px;line-height:1.6}.imported-grammar-topics small{font-size:7px}.grammar-import-zone{background:#f5f0ff}.grammar-course-panel.imported-material{background:#fff8e7;grid-column:1/-1}.grammar-course-panel.imported-material>div{border-top:1px solid #ddd;padding:10px 0}.grammar-course-panel.imported-material strong{font-size:9px}.grammar-course-panel.imported-material p{color:var(--muted);margin:5px 0;font-size:8px;line-height:1.7}@media (max-width:760px){.reading-daily-banner,.word-daily-banner{grid-template-columns:1fr;padding:24px 19px}.reading-daily-banner aside{grid-template-columns:1fr 1fr}.reading-daily-banner aside div{min-width:0}.current-reading-banner{grid-template-columns:auto 1fr}.current-reading-actions{grid-column:2}.reading-list-section>header,.grammar-course-list-section>header,.today-word-section>header{flex-direction:column;align-items:flex-start}.reading-list-tools{flex-direction:column;align-items:stretch}.reading-status-list>a{grid-template-columns:auto minmax(0,1fr)}.reading-status-list>a>strong,.reading-status-list>a>svg{grid-column:2;justify-self:start}.word-search-center{grid-template-columns:1fr}.today-grammar-course>header{flex-direction:column;align-items:flex-start}.today-grammar-body{grid-template-columns:1fr}.today-grammar-examples{grid-column:auto}.today-grammar-course>footer{flex-direction:column;align-items:flex-start}.today-grammar-course footer>div{flex-wrap:wrap}.reading-import-zone,.dictionary-import-zone,.grammar-import-zone{padding:17px 13px}}.history-repeat{color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.history-repeat svg{width:15px;height:15px}