:root{--page:#f7f6f1;--surface:#fffefa;--paper:#fff;--ink:#203531;--muted:#687771;--line:#dce3db;--line-strong:#becdc4;--teal:#17655a;--teal-dark:#104d44;--teal-soft:#e9f1eb;--warm:#b9673e;--warm-soft:#f5e9dc;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--shadow:0 8px 26px rgba(28,55,45,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a,select,input{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #74a997;outline-offset:4px}a{color:var(--teal)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}button{color:inherit}a{text-decoration:none}p,h1,h2{margin:0}button{border:0}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-60px;padding:10px 18px;background:var(--teal);color:white;z-index:100}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:34px 23px 22px;background:#edf0e8;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand-mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--teal);flex-shrink:0}.brand-mark svg{width:40px;height:40px;stroke-width:1.6}.brand strong{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.6px}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:10px;letter-spacing:1px}.rail-label{display:flex;align-items:center;justify-content:space-between;margin:49px 8px 13px;color:#6f7b73;font-size:11px;font-weight:650;letter-spacing:1.5px}.rail-label span{font-size:10px;font-weight:500;letter-spacing:0}.course-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.course-link{position:relative;display:block;width:100%;padding:15px 13px 15px 15px;border:1px solid transparent;border-radius:11px;color:var(--ink);background:transparent;text-align:left}.course-link:hover{background:rgba(255,255,255,.58)}.course-link.active{background:var(--surface);border-color:#d7e0d4;box-shadow:var(--shadow)}.course-link.active:before{content:"";position:absolute;left:-1px;top:20px;bottom:20px;width:3px;border-radius:4px;background:var(--teal)}.course-link .course-number{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:1.1px}.course-link strong{display:block;font-size:14px;font-weight:600;line-height:1.6}.course-link .course-detail{display:flex;gap:10px;margin-top:9px;color:var(--muted);font-size:11px}.course-link .course-progress-dot{color:var(--teal)}.rail-loading{padding:15px;font-size:13px;color:var(--muted)}.rail-bottom{margin-top:auto;padding-top:35px}.daily-note{border-top:1px solid var(--line-strong);padding:24px 9px 27px}.small-kicker{font-size:9px;letter-spacing:1.8px;color:#819084}.daily-note p{margin-top:9px;font-size:15px;line-height:1.9;color:#6b7a6e}.quiet-button{background:transparent;color:var(--muted);font-size:12px;padding:8px}.logout-button{display:flex;align-items:center;gap:8px}.logout-button svg{width:16px;height:16px}.quiet-button:hover{color:var(--teal)}.workspace{min-width:0;max-width:1540px;width:100%;padding:0 42px 24px;margin:0 auto}.workspace-top{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:31px}.workspace-crumb{color:var(--muted);font-size:12px}.workspace-crumb>span{padding:0 13px;color:#b4bdb5}.privacy-tag{display:inline-flex;align-items:center;gap:7px;color:#708076;font-size:11px}.privacy-tag i{width:5px;height:5px;border-radius:50%;background:#6e927b}.mobile-brand{display:none}.status-banner{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted)}.status-banner.is-error{color:#8d3c27;border-color:#e0c3b5}.status-banner button{margin-left:15px;background:var(--teal);color:white;padding:6px 14px;border-radius:6px}.lesson-heading{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:650;color:var(--teal);margin-bottom:10px}.lesson-heading h1{font-size:27px;letter-spacing:-.6px;font-weight:650;line-height:1.4}.lesson-english-title{margin-top:7px;max-width:830px;color:var(--muted);font-family:var(--serif);font-size:15px;line-height:1.5}.lesson-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px;font-size:11px;color:var(--muted)}.lesson-meta span+span:before{content:"·";margin-right:10px;color:#a3afa5}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;line-height:1.4;font-size:13px;font-weight:550;transition:background .15s,border-color .15s}.button-outline{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.button-outline:hover{background:#f1f5ed;border-color:#9db4a7}.button-primary{background:var(--teal);color:white;border:1px solid var(--teal)}.button-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.pdf-button{white-space:nowrap;margin-top:9px}.pdf-button svg{width:17px;height:17px}.study-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:26px;align-items:start}.watch-column,.reading-column{min-width:0}.video-panel{background:#1c2c29;border:1px solid #233d35;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.video-wrap{width:100%;background:#10201c;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.video-wrap video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:#10201c}.video-toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 17px;border-top:1px solid #31443e;color:#d7e2d9}.speed-control{display:flex;align-items:center;gap:9px;font-size:11px}.speed-control label{color:#a8c0b3}.speed-control select{border:1px solid #496257;color:#ecf1ec;background:#263d34;border-radius:6px;padding:5px 9px;font-size:11px;min-width:93px}.video-time{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#b7cbbd;font-variant-numeric:tabular-nums}.practice-panel,.progress-panel,.reader-panel,.transcript-panel,.glossary-panel{border:1px solid var(--line);background:var(--surface);border-radius:11px;box-shadow:var(--shadow)}.practice-panel{margin-top:16px;padding:19px 19px 13px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font-size:12px;font-weight:600}.section-hint{font-size:10px;font-weight:400;color:var(--muted)}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-button{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:11px 12px;background:#f4f5ef;border:1px solid #e0e5da;border-radius:8px;text-align:left;color:#53675a;transition:background .15s}.mode-button>span{font-size:12px;font-weight:550;line-height:1.5}.mode-button small{display:block;font-size:10px;font-weight:400;color:#77867a;margin-top:2px}.mode-button svg{width:18px;height:18px}.mode-button.active{color:var(--teal-dark);background:var(--teal-soft);border-color:#98b7a5}.mode-button.active small{color:#587a65}.transport{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:19px}.transport .button{min-width:144px;padding:10px 17px}.transport .button svg{fill:currentColor;stroke-width:0;width:17px;height:17px}.icon-button{display:flex;align-items:center;justify-content:center;background:transparent;width:34px;height:35px;border:1px solid transparent;border-radius:7px;color:var(--muted)}.icon-button:not(:disabled):hover{background:var(--teal-soft);color:var(--teal)}.keyboard-tip{text-align:center;color:#91a092;font-size:9px;margin-top:13px}.keyboard-tip span{margin:0 7px}.keyboard-tip kbd{font:9px var(--sans);padding:1px 3px;border:1px solid #e0e5dc;border-radius:3px;background:#f9faf6;color:#7f9081;margin-right:3px}.progress-panel{padding:17px 19px 14px;margin-top:16px}.progress-panel .section-label{margin-bottom:10px}.progress-panel .section-label strong{color:var(--teal);font-size:11px;font-weight:550}.progress-track{height:5px;background:#e8ede4;border-radius:6px;overflow:hidden}.progress-track>span{display:block;width:0;height:100%;background:#4d8c6c;border-radius:6px;transition:width .2s}.subtle-text{font-size:10px;color:#889589;margin-top:9px}.glossary-panel{margin-top:16px}.glossary-panel summary{display:flex;align-items:center;gap:9px;padding:16px 19px;list-style:none;cursor:pointer;font-size:12px;font-weight:600}.glossary-panel summary::-webkit-details-marker{display:none}.glossary-panel summary>svg{margin-left:auto;width:15px;height:15px;transition:transform .15s}.glossary-panel[open] summary>svg{transform:rotate(180deg)}.details-count{font-size:10px;color:var(--muted);font-weight:400}.glossary-list{border-top:1px solid var(--line);padding:0 19px 5px}.glossary-item{padding:12px 0;border-bottom:1px solid var(--line)}.glossary-item:last-child{border-bottom:0}.glossary-item strong{display:block;font-size:13px;font-family:var(--serif);color:var(--teal-dark)}.glossary-item p{font-size:11px;line-height:1.8;color:#697a6c;margin-top:2px;white-space:pre-line}.source-note{font-size:10px;color:#8a978b;margin:17px 2px 0;line-height:1.9}.source-note a{color:#6c8874;text-decoration:underline;text-underline-offset:3px}.reader-panel{padding:23px 25px 18px;border-top:3px solid var(--teal)}.reader-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.unit-label{font-size:10px;color:var(--teal);font-weight:650;letter-spacing:1.2px}.time-button{background:#f0f3eb;border:1px solid #e0e6dc;border-radius:5px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#73836e;padding:4px 6px}.time-button:hover{color:var(--teal);border-color:#a1b8a3}.unit-english{font-family:var(--serif);font-size:24px;line-height:1.5;letter-spacing:-.2px;margin:20px 0 14px;overflow-wrap:anywhere}.unit-chinese{font-size:15px;line-height:1.9;color:#56675a;margin-bottom:17px;white-space:pre-line}.explanation{padding:15px 15px 13px;border-radius:8px;background:#f3f2e9;border-left:2px solid #cbbd95}.explanation-label{font-size:10px;letter-spacing:.8px;color:#9b8058;font-weight:650}.explanation p{font-size:12px;line-height:1.95;color:#687361;white-space:pre-line;margin-top:5px;overflow-wrap:anywhere}.unit-terms{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.unit-terms .term-chip{font-size:10px;color:#4e7761;background:#eef4eb;border:1px solid #dce6d8;border-radius:5px;padding:3px 7px}.mastered-button{display:flex;align-items:center;gap:8px;margin-top:17px;padding:4px 0;color:#798a78;background:transparent;font-size:11px}.mastered-check{display:flex;justify-content:center;align-items:center;width:17px;height:17px;border:1px solid #bdccba;border-radius:4px;background:transparent}.mastered-check svg{width:13px;height:13px;stroke-width:2;visibility:hidden}.mastered-button[aria-pressed="true"]{color:var(--teal)}.mastered-button[aria-pressed="true"] .mastered-check{background:var(--teal);border-color:var(--teal);color:white}.mastered-button[aria-pressed="true"] .mastered-check svg{visibility:visible}.transcript-panel{margin-top:17px;overflow:hidden}.transcript-toolbar{padding:15px 18px 8px;display:flex;justify-content:space-between;align-items:center;gap:9px}.transcript-toolbar h2{font-size:12px;font-weight:650;white-space:nowrap}.transcript-toolbar h2 span{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px}.text-toggles{display:flex;gap:4px}.text-toggles button{padding:3px 7px;border:1px solid #dce5d8;background:#f1f5ed;border-radius:5px;font-size:10px;color:#54775f;white-space:nowrap}.text-toggles button[aria-pressed="false"]{background:transparent;border-color:#e1e4db;color:#96a18f}.transcript-help{font-size:10px;padding:0 18px 12px;color:#98a28f}.sentence-list{max-height:470px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#c7d4c4 transparent}.sentence-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:13px 17px;background:transparent;text-align:left;border-bottom:1px solid #ebeee7;border-left:3px solid transparent}.sentence-row:last-child{border-bottom:0}.sentence-row:hover{background:#f4f7ef}.sentence-row.active{background:#eaf1e7;border-left-color:var(--teal)}.sentence-number{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.8;color:#9ca992;padding-top:3px;min-width:20px}.sentence-row.active .sentence-number{color:var(--teal);font-weight:700}.sentence-body{flex:1;min-width:0}.sentence-en{display:block;font-family:var(--serif);font-size:13px;line-height:1.6;color:#4c6050;overflow-wrap:anywhere}.sentence-zh{display:block;font-size:11px;line-height:1.7;margin-top:4px;color:#7a8774}.sentence-stamp{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:2;color:#a3af99;white-space:nowrap;padding-top:3px}.sentence-done{color:var(--teal);width:12px;min-width:12px;height:14px;align-self:center;visibility:hidden}.sentence-done.done{visibility:visible}.workspace-footer{margin-top:36px;padding:20px 0 0;border-top:1px solid var(--line);color:#91a18f;font:12px var(--serif);display:flex;gap:15px;align-items:center}.workspace-footer>span{font:10px var(--sans);color:#a1ab99}.mobile-logout{display:none;margin-left:auto}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);max-width:min(90vw,480px);padding:12px 19px;background:#254b3d;color:#fff;border-radius:9px;font-size:12px;box-shadow:0 9px 30px #14342225;z-index:30}.mobile-brand{font:20px var(--serif);color:var(--teal-dark)}
.login-page{min-height:100vh;background:radial-gradient(ellipse at 22% 16%,#e7eee0 0,transparent 50%),radial-gradient(ellipse at 85% 88%,#eeeee0 0,transparent 45%),var(--page);display:flex;align-items:center;justify-content:center;padding:42px 22px}.login-shell{width:100%;max-width:460px}.login-brand{justify-content:center;margin-bottom:31px}.login-brand .brand-mark{width:46px;height:46px}.login-brand strong{font-size:23px}.login-brand small{font-size:10px}.login-card{background:rgba(255,254,250,.96);padding:37px 38px 25px;border:1px solid #dce5d4;border-radius:17px;box-shadow:0 14px 55px #2c4a2d0a}.login-card .eyebrow{margin-bottom:18px;font-size:9px;letter-spacing:2px}.login-card h1{font-size:27px;line-height:1.55;font-weight:600;letter-spacing:-.4px}.login-description{font-size:13px;line-height:1.95;color:#7b8977;margin-top:13px;margin-bottom:26px}.login-card form>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.password-field{display:flex;align-items:center;border:1px solid #c9d6c2;border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}.password-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #dcecdf}.password-field input{background:transparent;border:0;border-radius:8px;min-width:0;width:100%;padding:13px 12px;font-size:14px;line-height:1.5;color:var(--ink)}.password-field input::placeholder{font-size:12px;color:#a2ac9b}.password-field input:focus-visible{outline:0}.password-field button{padding:10px 12px;white-space:nowrap;font-size:11px;color:#74896e;background:transparent}.login-message{font-size:11px;line-height:1.6;min-height:31px;padding-top:7px;margin-bottom:10px;color:#8b9981}.login-message.error{color:#a2452c}.login-submit{justify-content:space-between;width:100%;padding:13px 17px;font-size:13px}.login-submit svg{width:18px;height:18px}.login-private{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:23px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#97a18e}.login-private svg{width:12px;height:12px;stroke-width:1.4}.login-footer{text-align:center;margin-top:22px;color:#95a38a;font-size:11px;letter-spacing:.4px}
.mobile-course-select{display:none}
.timing-warning{margin:14px 0 0;padding:9px 11px;border:1px solid #e4d8bf;border-radius:6px;background:#faf4e8;color:#8b7046;font-size:11px;line-height:1.8}
.video-wrap{aspect-ratio:var(--video-aspect,16/9)}
@media(min-width:1001px){
  .workspace-top{height:64px;margin-bottom:22px}
  .lesson-heading{margin-bottom:20px}
  .lesson-heading h1{font-size:25px}
  .study-layout{--study-height:calc(100vh - 240px);min-height:0}
  .watch-column{position:sticky;top:18px;max-height:min(var(--study-height),calc(100vh - 36px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d4c4 transparent;padding-right:2px}
  .reading-column{position:sticky;top:18px;height:min(var(--study-height),calc(100vh - 36px));max-height:calc(100vh - 36px);display:flex;flex-direction:column;min-height:0;overflow:hidden}
  .reader-panel{flex:0 1 auto;max-height:calc(100% - 150px);min-height:130px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d4c4 transparent}
  .transcript-panel{display:flex;flex-direction:column;flex:1 1 180px;min-height:145px;margin-top:13px}
  .transcript-toolbar,.transcript-help{flex-shrink:0}
  .sentence-list{flex:1 1 auto;min-height:0;max-height:none}
  .video-wrap{max-height:max(150px,calc(var(--study-height) - 254px))}
  .video-toolbar{height:49px}
  .practice-panel{padding:15px 16px 12px}
  .practice-panel .section-label{margin-bottom:10px}
  .mode-button{padding-top:9px;padding-bottom:9px}
  .transport{margin-top:12px}
  .keyboard-tip{margin-top:9px}
}
@media(min-width:1700px){.workspace{padding-left:58px;padding-right:58px}.study-layout{gap:34px}.unit-english{font-size:27px}.sentence-list{max-height:525px}}
@media(max-width:1200px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding-left:16px;padding-right:16px}.brand{gap:5px}.brand strong{font-size:19px}.brand small{font-size:9px;letter-spacing:.3px}.workspace{padding-left:25px;padding-right:25px}.study-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(330px,.95fr)}.lesson-heading h1{font-size:23px}.reader-panel{padding:20px}.unit-english{font-size:22px}.pdf-button{font-size:11px;padding:9px 11px}.practice-panel{padding:16px 14px 12px}.mode-button{padding:10px 8px;gap:7px}.mode-button small{font-size:9px}.video-toolbar{padding:0 12px}.keyboard-tip{font-size:8px}}
@media(max-width:1000px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:26px 12px 18px}.brand-mark{width:32px}.brand-mark svg{width:31px;height:31px}.brand strong{font-size:18px}.brand small{font-size:8px;letter-spacing:.2px}.rail-label{margin-top:35px;font-size:10px}.course-link{padding:13px 10px}.course-link strong{font-size:12px}.workspace{padding-left:23px;padding-right:23px}.workspace-top{height:67px;margin-bottom:25px}.lesson-heading{display:block}.pdf-button{margin-top:15px}.study-layout{grid-template-columns:minmax(0,1fr)}.reading-column{display:flex;flex-direction:column}.watch-column{display:contents}.video-panel{order:0}.practice-panel{order:1}.progress-panel{order:3}.glossary-panel{order:4}.source-note{order:5}.reading-column{order:2}.study-layout{gap:16px}.practice-panel,.progress-panel,.glossary-panel{margin-top:0}.video-wrap{max-height:420px}.reader-panel{padding:23px}.unit-english{font-size:25px}.sentence-list{max-height:400px}.progress-panel{margin-top:0}.source-note{margin:0}.keyboard-tip{font-size:10px}.mode-button small{font-size:10px}.practice-panel{padding:17px 19px 13px}.transcript-panel{margin-top:16px}.transport{margin-top:15px}.daily-note{padding-left:8px}.daily-note p{font-size:13px}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:static;height:auto;display:block;padding:0;border:0;background:transparent}.sidebar>.brand,.rail-label,.rail-bottom{display:none}.course-list{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.workspace{padding:0 17px 20px}.workspace-top{height:64px;margin-bottom:24px}.workspace-crumb{display:none}.mobile-brand{display:block}.privacy-tag{font-size:10px}.lesson-heading{margin-bottom:22px}.lesson-heading h1{font-size:24px;letter-spacing:-.5px}.lesson-english-title{font-size:14px;line-height:1.6}.lesson-meta{font-size:10px;gap:8px;margin-top:10px}.lesson-meta span+span:before{margin-right:8px}.eyebrow{font-size:9px;margin-bottom:8px}.pdf-button{margin-top:15px;padding:9px 12px;font-size:12px}.study-layout{gap:13px}.video-panel{border-radius:9px}.video-wrap{max-height:none}.video-toolbar{height:49px;padding:0 13px}.speed-control{font-size:10px;gap:8px}.video-time{font-size:10px}.practice-panel{padding:15px 14px 10px;border-radius:9px}.section-label{font-size:11px;margin-bottom:10px}.section-hint{font-size:9px}.mode-button{padding:10px;gap:9px}.mode-button>span{font-size:12px}.mode-button small{font-size:9px}.transport{gap:28px;margin-top:15px}.transport .button{padding:10px 15px;font-size:12px;min-width:145px}.keyboard-tip{font-size:8px;margin-top:11px}.reader-panel{padding:20px 19px 16px;border-radius:9px}.unit-english{font-size:24px;line-height:1.55;margin-top:18px}.unit-chinese{font-size:14px;line-height:1.9;margin-bottom:15px}.explanation{padding:13px}.explanation p{font-size:12px}.mastered-button{font-size:11px;padding:8px 0 1px}.transcript-toolbar{padding:15px 15px 7px}.transcript-help{padding-left:15px;padding-right:15px}.sentence-list{max-height:410px}.sentence-row{padding:13px 13px;gap:8px}.sentence-en{font-size:13px}.sentence-stamp{font-size:8px}.sentence-number{font-size:9px;min-width:18px}.sentence-done{width:11px;min-width:11px}.progress-panel{padding:16px}.workspace-footer{margin-top:26px;font-size:11px;gap:10px}.workspace-footer>span{font-size:9px}.mobile-logout{display:block;font-size:11px}.source-note{padding:0 2px}.login-page{padding:28px 20px}.login-shell{max-width:420px}.login-brand{margin-bottom:25px}.login-card{padding:30px 26px 22px;border-radius:14px}.login-card h1{font-size:26px}.login-card .eyebrow{font-size:8px}.login-description{font-size:12px;margin-top:12px;margin-bottom:24px}.login-brand .brand-mark{width:42px}.login-brand strong{font-size:22px}.login-brand small{font-size:9px}.login-private{font-size:9px}.login-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:680px){.mobile-course-select{display:block;min-width:0;max-width:112px;width:31%;padding:5px 18px 5px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);font-size:10px;text-overflow:ellipsis}.workspace-top{gap:10px}.mobile-brand{white-space:nowrap;font-size:19px}.privacy-tag{white-space:nowrap}}