:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#283c35;background:#f7f8f5;font-synthesis:none;--green:#245b48;--muted:#7c8780;--line:#e6eae4;--cream:#f0f3e9;--gold:#b58a47 }*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{transition:background-color .14s,border-color .14s,color .14s,filter .14s,transform .14s,scale .14s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #93b4a2;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){scale:.98}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400;letter-spacing:-1.1px;margin-bottom:12px}h2{font-size:17px;line-height:1.45;font-weight:600;margin-bottom:15px}h3{font-size:15px;font-weight:600;margin-bottom:8px}p{line-height:1.75}svg{flex-shrink:0}input,textarea,select{color:#283c35;background:#fff;border:1px solid #dfe5dd;border-radius:8px;padding:11px 12px;min-width:0}input,textarea{width:100%}textarea{resize:vertical}select{cursor:pointer}label{font-size:13px;line-height:1.6}button{border:0}main{max-width:1450px;padding:42px 48px 20px;margin:0 auto}.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;border-right:1px solid var(--line);background:#fcfcf9;padding:35px 23px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,serif;font-size:25px;letter-spacing:-.5px}.brand-mark{width:42px;height:46px;background:var(--green);border-radius:13px 4px;display:grid;place-items:center;color:#fff;font-family:serif;font-size:25px}.brand small{display:block;font-family:inherit;font-family:-apple-system,sans-serif;font-size:9px;letter-spacing:1.8px;color:#7c8780;margin-top:6px}.sidebar-label{font-size:9px;letter-spacing:1.7px;color:#96a096;font-weight:600;margin:54px 11px 19px}.nav-item{width:100%;display:flex;gap:14px;align-items:center;padding:14px 13px;margin:5px 0;border-radius:8px;background:transparent;color:#78827b;font-size:14px;text-align:left}.nav-item.active{background:#eaf0e7;color:var(--green);font-weight:600}.nav-count{margin-left:auto;background:#dce8d9;border-radius:5px;padding:2px 7px;font-size:11px}.sidebar-note{margin:auto 12px 35px;padding-top:70px;color:#84937f}.sidebar-note svg{color:#8d9c7a}.sidebar-note p{font-family:Georgia,serif;font-size:18px;line-height:1.7;margin:15px 0 8px}.sidebar-note>span{font-size:12px;letter-spacing:2px;color:#9ca697}.account-card{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;background:#e9edde;color:#657955;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif}.account-card strong{display:block;font-size:12px}.account-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.status-dot{width:6px;height:6px;border-radius:100%;background:#87a67e;margin-left:auto}.workspace{margin-left:236px;width:calc(100% - 236px)}.topbar{min-height:76px;border-bottom:1px solid var(--line);background:#fcfcf9;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:15px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px;color:#99a098}.breadcrumb strong{font-weight:500;color:#5d6c61}.top-actions{display:flex;gap:20px;align-items:center}.mock-pill{font-size:9px;letter-spacing:1px;background:#edf1e7;border:1px solid #e2e8da;padding:7px 10px;border-radius:5px;color:#69835d;white-space:nowrap}.mock-pill>span{width:5px;height:5px;display:inline-block;background:#89a378;border-radius:100%;margin-right:5px}.account-switch{display:flex;align-items:center;color:#7f8c82;gap:6px}.account-switch select{border:0;background:transparent;padding:7px;font-size:11px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8a9786;font-weight:600;margin-bottom:14px;display:block}.page-heading p{color:#849083;font-size:13px;margin:0}.script-toggle{background:#eef1eb;padding:4px;border-radius:7px;display:flex;flex-shrink:0}.script-toggle button{font-size:10px;background:transparent;padding:8px 10px;border-radius:5px;color:#85917f}.script-toggle .chosen{background:#fff;color:#3c5c46;box-shadow:0 1px 4px #263b3010}.translate-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:0 3px 10px #283b2c02}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-title h2{display:flex;gap:10px;align-items:center;margin:0;font-size:14px}.section-title h2 svg{color:#708d70}.muted{font-size:12px;color:var(--muted)}.input-panel{padding:25px 26px 0}.input-panel .section-title>.muted{font-size:11px}.input-panel textarea{min-height:158px;font-size:24px;line-height:1.8;padding:10px 0;border:0;outline:none;background:#fff;font-family:serif;letter-spacing:1px}.input-panel textarea:focus-visible{box-shadow:inset 0 0 0 2px #e1eadf;border-radius:4px}.input-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0 22px}.input-footer>.muted{font-size:10px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:12px;line-height:1.5;padding:11px 15px;text-decoration:none;min-height:40px}.primary{background:var(--green);color:#fff}.secondary{background:#fff;border:1px solid #dde5dc;color:#5a715e}.text-button{background:transparent;color:#64815f;padding:7px 0;min-height:36px}.input-footer .text-button{color:#939d90;margin-right:8px;font-size:11px}.sample-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 -26px;padding:18px 26px;background:#fafbf8;border-top:1px solid var(--line);border-radius:0 0 12px 12px}.sample-row>span{font-size:8px;letter-spacing:1.3px;color:#98a18e;margin-right:4px}.sample-row button{background:#f1f4ed;color:#809074;border:1px solid #e8eddf;padding:7px 9px;font-size:9px;border-radius:5px}.translation-placeholder{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed #dce3d6;border-radius:12px;margin-top:24px;padding:28px 20px;background:#f6f8f2}.outline-symbol{display:grid;place-items:center;width:53px;height:53px;color:#a8b59b;background:#edf2e5;border-radius:16px;margin-bottom:18px;font-family:serif;font-size:26px}.translation-placeholder h2{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#6d7d62;margin-bottom:10px}.translation-placeholder p{font-size:11px;color:#9aa490;line-height:1.9;margin-bottom:22px}.mini-label{font-size:7px;letter-spacing:1.8px;color:#acb4a3}.right-column{display:flex;flex-direction:column;gap:20px}.daily-card{border:1px solid #e4e8d9;border-radius:12px;position:relative;overflow:hidden;min-height:300px;padding:27px 24px;background:#eef1e4;color:#7e8a6a}.daily-icon{width:35px;height:35px;background:#e3e9d7;border-radius:50%;display:grid;place-items:center;color:#889a70;margin-bottom:20px}.daily-card .eyebrow{font-size:8px;letter-spacing:1.5px}.daily-chinese{font-family:serif;font-size:30px;letter-spacing:3px;color:#526e49;margin-bottom:10px}.daily-pinyin{font-size:12px;margin-bottom:8px;color:#6c865f}.daily-card>p[lang=th]{font-size:12px}.daily-divider{width:30px;height:1px;background:#c9d4ba;margin:24px 0 14px}.daily-card small{font-size:9px;line-height:1.8;display:block;width:145px;color:#8c997d}.botanical{position:absolute;right:-15px;bottom:-38px;font-size:150px;line-height:1;color:#dce4cc;transform:rotate(18deg);pointer-events:none}.practice-card{padding:22px}.small-icon{width:35px;height:35px;background:#f6f2e9;border-radius:9px;display:grid;place-items:center;color:#ae9569;margin-bottom:15px}.practice-card h3{font-family:Georgia,serif;font-size:18px;font-weight:400;line-height:1.4;margin-bottom:10px}.practice-card p{font-size:11px;color:#929c8d;line-height:1.8}.practice-card .text-button{font-size:11px}.help-card{display:flex;gap:12px;padding:4px 8px;color:#a4ad9b}.help-card>svg{margin-top:3px}.help-card strong{font-size:11px;color:#7e8d75;font-weight:500}.help-card p{font-size:10px;line-height:1.8;margin-top:7px}.privacy-line{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#98a28f;padding:22px 0}.page-footer{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding:20px 0 5px;border-top:1px solid var(--line);color:#a7afa0;font-size:8px;letter-spacing:1.2px}.page-footer>span:last-child{display:flex;align-items:center;gap:7px;letter-spacing:0}.notice,.info-banner{border:1px solid #dce7d6;border-radius:8px;background:#edf4e8;color:#507044;padding:12px 16px;margin-bottom:20px;font-size:12px;line-height:1.7}.notice{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-banner{background:#f1f4ed;color:#78866b}.icon-button{background:transparent;color:#85937d;padding:9px;display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;border-radius:6px}.favorite.selected{color:var(--gold)}.error-text,.danger{color:#ad6156}.badge{font-size:9px;letter-spacing:.6px;padding:5px 7px;background:#f0f4eb;color:#7a9068;border-radius:4px;white-space:nowrap}.result-panel{margin-top:24px}.study-text .pinyin{font-size:22px;line-height:1.6;font-weight:500;color:#416d50;margin-bottom:12px}.study-text .hanzi{font-family:serif;font-size:30px;line-height:1.8;color:#2e4436;letter-spacing:2px;margin-bottom:14px}.study-text .thai{font-size:16px;color:#7c8b73;margin-bottom:24px}.token-strip{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.token{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f4f6ef;border:1px solid #e9edde;border-radius:7px;padding:10px 13px;color:#617757;opacity:1!important;min-width:46px}.token>span{font-family:serif;font-size:17px}.token>small{color:#95a185;font-size:11px;min-height:16px}.token:disabled{cursor:default}.tiny-help{font-size:11px;line-height:1.8;color:#96a08f;margin:13px 0}.audio-buttons{display:flex;align-items:center;gap:12px}.audio-buttons .text-button{font-size:11px}.audio-buttons .text-button:last-child{font-size:10px;color:#9aa78d}.result-actions{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.result-actions .secondary,.result-actions .primary{font-size:10px;padding:9px 11px}details{border-top:1px solid var(--line);padding:14px 0;font-size:12px;color:#6d8062}summary{cursor:pointer;line-height:1.8}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:serif;line-height:1.8;color:#78816f;background:#f7f9f2;border-radius:7px;padding:15px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 14px;color:#96a18f;width:380px;max-width:100%}.search input{border:0;padding:13px 0;background:transparent;font-size:12px}.filter-active{background:#eaf0e4;border-color:#b8c9aa}.list-heading{margin-top:30px}.list-heading h2{font-size:18px;font-family:Georgia,serif;font-weight:400}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.document-card .section-title{margin-bottom:8px}.category-label{font-size:8px;letter-spacing:1.4px;color:#9ba78d;display:flex;align-items:center;gap:8px}.card-link{display:block;width:100%;background:transparent;padding:0;text-align:left;color:inherit}.card-link h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-top:8px}.document-chinese{font-family:serif;font-size:23px;line-height:1.9;margin-bottom:10px}.pinyin{color:#63845b;line-height:1.7}.thai{color:#88977c;line-height:1.8}.document-card .pinyin,.document-card .thai{font-size:13px}.document-card .text-button{margin-top:12px}.tabs{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.tabs button{display:flex;align-items:center;gap:9px;padding:16px 0;border-bottom:2px solid transparent;background:transparent;color:#98a08f;font-size:13px}.tabs .active{border-color:var(--green);color:var(--green)}.tabs span{font-size:10px;padding:3px 6px;background:#ebefe5;border-radius:4px}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.learning-card{padding:20px}.learning-card .section-title{margin-bottom:12px}.compact .pinyin{font-size:19px;margin-bottom:7px}.compact .hanzi{font-size:28px;margin-bottom:8px}.compact .thai{font-size:14px;margin-bottom:15px}.compact .token-strip{gap:5px}.compact .token{padding:6px 9px}.compact .token>span{font-size:13px}.compact .token>small{font-size:10px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.tag-row span{font-size:9px;background:#f5f6f1;color:#99a38f;padding:5px 8px;border-radius:4px}.card-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.card-footer>.text-button{font-size:11px}.empty{text-align:center;padding:55px 20px;color:#97a58c}.empty>svg{color:#b5c2a8}.empty p{font-size:13px;max-width:430px;margin:16px auto}.review-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 27px}.review-stat{display:flex;align-items:center;gap:17px;padding:23px}.review-stat .small-icon{margin:0;width:42px;height:42px}.review-stat strong{display:block;font-family:Georgia,serif;font-size:27px;font-weight:400;color:#526e47}.review-stat div>span{display:block;font-size:10px;color:#93a085;margin-top:6px}.review-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.review-options h2{font-family:Georgia,serif;font-size:25px;font-weight:400}.review-options .muted{min-height:42px}.mode-label{display:flex;align-items:center;justify-content:space-between;color:#8e9a83;gap:10px;font-size:12px;margin:24px 0 18px}.mode-label select{font-size:12px;padding:9px;width:150px}.choice-row{display:flex;gap:10px;margin:20px 0 25px}.choice{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:#8d9b82;font-size:11px}.choice.active{background:#edf3e6;border-color:#bfceb2;color:#5c7d4a}.study-panel{max-width:820px;margin:auto}.session-progress{display:flex;justify-content:space-between;color:#92a085;font-size:11px;margin:24px 0}.flashcard{text-align:center;background:#f9faf6;border-radius:10px;padding:40px 30px}.flashcard>.category-label{justify-content:center}.flashcard-chinese{font-family:serif;font-size:40px;line-height:1.8;margin:20px 0}.flashcard>.audio-buttons{justify-content:center}.reveal{margin-top:30px}.flashcard-back{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.flashcard-back .pinyin{font-size:24px}.flashcard-back .token-strip{justify-content:center}.answer-row{display:flex;gap:15px;justify-content:center;margin-top:30px}.answer-row button{min-width:145px}.session-done{padding:50px 20px;text-align:center;color:#7f9970}.session-done h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin-top:25px}.session-done p{font-size:13px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.settings-layout .panel>h2{display:flex;align-items:center;gap:10px}.setting-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row h3{font-size:13px}.setting-row p{font-size:11px;line-height:1.8;margin-bottom:0;color:#94a089}.setting-row select{font-size:11px;padding:8px;max-width:145px}.switch{flex-shrink:0;position:relative;border-radius:30px;width:42px;height:24px;background:#dce4d6;padding:3px}.switch span{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .18s}.switch.on{background:var(--green)}.switch.on span{transform:translate(18px)}.status-list{list-style:none;padding:0;font-size:11px;color:#8b9a7c;line-height:2.6}.status-list li{display:flex;align-items:center;gap:8px}.signed-out{text-align:center;max-width:600px;margin:auto}.signed-out>.primary{margin:8px}dialog{width:min(600px,calc(100% - 35px));max-height:88dvh;padding:0;border:1px solid var(--line);border-radius:16px;color:#344937;box-shadow:0 20px 100px #213b3035}dialog::backdrop{background:#182c2655;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid var(--line);z-index:1}.modal-header h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:400}.modal-body{padding:25px}.modal-body .study-text .hanzi{font-size:32px}.detail-audio{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.detail-audio .muted{font-size:10px}.stack{display:flex;flex-direction:column;gap:15px;margin:24px 0}.stack label{display:flex;flex-direction:column;gap:7px;color:#7b8b70}.stack textarea{font-size:13px;min-height:75px}.stack input{font-size:13px}.stack button{align-self:flex-start}.cue-editor h3{font-size:12px;color:#758b65}.cue-editor label{flex-direction:row;align-items:center;justify-content:space-between;margin:8px 0;gap:15px;font-family:serif}.cue-editor input{max-width:75%;font-family:-apple-system,sans-serif}.examples{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.examples>h3{font-size:13px}.example{background:#f6f8f1;border-radius:8px;padding:15px;margin:12px 0}.example p{font-size:14px;margin-bottom:6px}.example .pinyin{font-size:12px}.example .thai{font-size:12px;margin:0}.detail-actions{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){main{padding-top:55px}.translate-layout{grid-template-columns:minmax(0,1fr) 290px}.input-panel textarea{min-height:190px}.translation-placeholder{min-height:330px}.daily-card{min-height:325px}}@media(max-width:1200px){.sidebar{width:205px;padding-inline:18px}.workspace{margin-left:205px;width:calc(100% - 205px)}main{padding:32px 28px 20px}.topbar{padding-inline:28px}.translate-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}h1{font-size:30px}.page-heading{align-items:flex-start}.page-heading .script-toggle{margin-top:20px}.script-toggle button{padding:7px;font-size:9px}.input-footer{flex-wrap:wrap}.input-footer>.button-row{margin-left:auto}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.daily-card{padding-inline:20px}.daily-chinese{font-size:27px}.section-title .muted{font-size:10px}}@media(max-width:960px){.sidebar{width:82px;align-items:center;padding:25px 10px}.brand>span:last-child,.sidebar-label,.nav-item>span,.sidebar-note,.account-card>div,.account-card>.status-dot{display:none}.brand-mark{width:40px;height:44px}.sidebar nav{margin-top:45px;width:100%}.nav-item{justify-content:center;padding:15px 10px}.account-card{margin-top:auto;width:100%;justify-content:center}.workspace{margin-left:82px;width:calc(100% - 82px)}.translate-layout{grid-template-columns:minmax(0,1fr) 215px}.page-heading{flex-direction:column;gap:15px}.page-heading .script-toggle{margin:0}.review-intro{gap:12px}.review-stat{padding:16px;gap:10px}.review-stat .small-icon{width:32px;height:32px}.review-stat div>span{font-size:9px}.review-stat strong{font-size:25px}.review-options{gap:16px}.review-options .panel{padding:20px}.choice-row{flex-direction:column}.page-footer{font-size:7px}}@media(max-width:740px){.translate-layout{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.daily-card{min-height:260px}.help-card{grid-column:1/-1}.practice-card{align-self:stretch}.document-grid{gap:15px}.document-card{padding:20px}.review-options{grid-template-columns:1fr}.choice-row{flex-direction:row}.page-heading{margin-bottom:25px}.breadcrumb{display:none}.topbar{justify-content:flex-end;min-height:64px}.document-chinese{font-size:20px}.document-card .card-link h2{font-size:19px}}@media(max-width:560px){.sidebar{inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);border-right:0;background:#fcfcf9f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:block}.sidebar>.brand,.sidebar>.account-card{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around;gap:3px}.nav-item{padding:10px 7px 7px;gap:5px;flex-direction:column;margin:0;width:20%;border-radius:6px;font-size:9px}.nav-item>span{display:block}.nav-item>.nav-count{display:none}.nav-item svg{width:19px;height:19px}.workspace{margin-left:0;width:100%;padding-bottom:90px}.topbar{min-height:61px;padding:0 20px}.top-actions{width:100%;justify-content:space-between;gap:10px}.account-switch select{font-size:10px}.mock-pill{font-size:8px}main{padding:28px 20px 10px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px}.page-heading p{font-size:12px}.script-toggle button{font-size:10px;padding:8px 12px}.input-panel{padding:20px 20px 0}.input-panel textarea{font-size:23px;min-height:150px}.input-footer{padding:10px 0 18px;gap:12px}.input-footer>.muted{font-size:9px}.input-footer>.button-row{gap:6px}.input-footer .primary{font-size:10px;padding:10px}.input-footer .primary>svg:last-child{display:none}.input-footer .text-button{margin:0}.sample-row{margin:0 -20px;padding:14px 20px;gap:6px}.sample-row>span{width:100%;font-size:7px;margin-bottom:4px}.sample-row button{font-size:8px}.translation-placeholder{min-height:260px;margin-top:18px}.translation-placeholder h2{font-size:19px}.translation-placeholder p{font-size:10px}.privacy-line{font-size:8px;align-items:flex-start;line-height:1.8;text-align:left;justify-content:flex-start}.right-column{gap:14px}.daily-card{min-height:260px;padding:20px 16px}.daily-chinese{font-size:23px;letter-spacing:1px}.daily-card>.eyebrow{font-size:6px;letter-spacing:1px}.daily-card .daily-pinyin{font-size:10px}.daily-card>p[lang=th]{font-size:10px}.daily-icon{width:30px;height:30px}.daily-divider{margin-top:19px}.daily-card small{font-size:8px;width:100px}.practice-card{padding:20px 16px}.practice-card h3{font-size:17px}.practice-card p,.practice-card .text-button{font-size:10px}.help-card{padding:8px 4px}.page-footer{margin-top:30px;flex-direction:column;gap:12px;align-items:flex-start}.toolbar{gap:10px;align-items:stretch;flex-wrap:wrap}.search{width:100%}.toolbar>.secondary{font-size:10px;padding:8px 12px}.document-grid,.learning-grid{grid-template-columns:1fr}.list-heading{align-items:flex-start;flex-direction:column;gap:8px}.document-card{padding:22px}.tabs{gap:22px}.tabs button{font-size:11px;gap:6px}.tabs button>span{font-size:8px}.tabs button>svg{width:13px}.review-intro{gap:8px;grid-template-columns:1fr 1fr}.review-intro>.review-stat:last-child{grid-column:1/-1}.review-stat{padding:16px}.review-stat strong{font-size:24px}.review-stat div>span{font-size:9px}.review-intro>.review-stat:last-child strong{font-size:20px}.review-options .panel{padding:23px}.settings-layout .panel{padding:22px}.setting-row{gap:16px}.setting-row select{max-width:115px;font-size:10px}.setting-row p{font-size:10px}.setting-row h3{font-size:12px}.setting-row .switch{width:42px}.settings-layout .section-title{flex-wrap:wrap}.result-panel{padding:20px}.study-text .pinyin{font-size:20px}.study-text .hanzi{font-size:28px}.study-text .thai{font-size:15px}.result-actions{flex-direction:column;align-items:flex-start}.result-actions>.button-row{gap:8px}.result-actions .primary,.result-actions .secondary{font-size:9px;padding:8px 10px}.study-panel{padding:19px}.flashcard{padding:30px 15px}.flashcard-chinese{font-size:32px}.answer-row{gap:10px}.answer-row button{min-width:110px}.flashcard-back .pinyin{font-size:21px}dialog{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0;border-radius:18px 18px 0 0;border-bottom:0}.modal-header{padding:17px 20px}.modal-body{padding:20px;padding-bottom:calc(25px + env(safe-area-inset-bottom))}.desktop-only{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.muted,.tiny-help,.category-label,.learning-card .thai,.study-text .thai,.example .thai,.token>small,.document-card .thai,.tag-row span,.setting-row p,.audio-buttons .text-button:last-child,.saved-reading-help{color:#63725c}.word-card .compact .pinyin{font-size:21px}.cue-label{font-size:12px;color:#63725c;margin-bottom:8px}.saved-reading-help,.audio-feedback{font-size:11px;line-height:1.8;color:#63725c;margin:10px 0}.mandarin-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.mandarin-settings>h3,.azure-settings>h3{display:flex;align-items:center;gap:9px;color:var(--green);font-size:14px}.mandarin-settings .setting-row{gap:14px}.mandarin-settings .setting-row>div{flex:1;min-width:0}.mandarin-settings select{width:46%;max-width:230px;text-overflow:ellipsis}.mandarin-settings .secondary{flex-shrink:0}@media(min-width:1025px)and (hover:hover)and (pointer:fine){.input-panel textarea{height:100px;min-height:100px}}.b2a-banner{padding:12px 24px;background:#e8eee3;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#284936;font-size:13px}.b2a-banner .button-row{margin-left:auto}.auth-page{max-width:572px;margin:20px auto;padding:16px;min-width:0}.auth-page .panel{padding:32px}.auth-page form.stack{margin:16px 0;gap:14px}.auth-page .button-row{flex-wrap:wrap}.auth-page .auth-password-field{gap:6px;margin:0}.auth-page .panel>.brand-mark{margin-bottom:12px}.auth-footer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}@media(max-height:600px){.auth-page{margin-block:8px}}.auth-page .stack>.auth-forgot{align-self:flex-end;justify-content:flex-end;font-size:12px;margin-top:-8px}.auth-password-control{position:relative;min-width:0}.auth-password-control input{width:100%;padding-right:52px}.auth-password-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--green)}.auth-password-toggle:active:not(:disabled){transform:translateY(-50%)}.demo-inbox{padding:20px;background:var(--cream);margin-top:20px;border-radius:12px}.management-page{max-width:1200px;margin:auto;padding:32px}.management-page .panel{padding:24px;margin:20px 0}.member-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}.member-row p{margin:6px 0;overflow-wrap:anywhere}.member-row .button-row{flex-wrap:wrap}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:12px;border-bottom:1px solid var(--line)}caption{text-align:left;padding:12px 0}.review-preferences{padding:20px 0;border-top:1px solid var(--line)}.review-preferences label{display:block;margin:12px 0}.review-preferences input{max-width:300px;display:block;width:100%;margin-top:8px}.time-wheels{display:flex;align-items:center;justify-content:center;gap:20px}.time-wheels label{text-align:center}.time-wheels select{display:block;width:110px;height:240px;margin-top:12px;scroll-snap-type:y mandatory;font-size:22px}.time-wheels option{padding:10px;min-height:44px;scroll-snap-align:center}@media(max-width:700px),(pointer:coarse){.desktop-time{display:none!important}.management-page{padding:16px}.b2a-banner{padding:12px}.b2a-banner .button-row{margin-left:0;flex-wrap:wrap}}.time-wheel{height:220px;width:100px;padding:88px 0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;border:1px solid var(--line);border-radius:12px;text-align:center;margin-top:12px;background:#f8faf5}.wheel-value{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;cursor:pointer;font-size:22px;color:#586b60}.wheel-value.selected{background:#dce9da;color:#163f2b;font-weight:700}.time-wheel:focus-visible{outline:3px solid #759b7a}@media(prefers-reduced-motion:reduce){.time-wheel{scroll-behavior:auto}}.management-page input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0}.management-page .toolbar>label{display:flex;align-items:center;gap:8px}.member-row{align-items:center}@media(min-width:561px){.b2a-root .sidebar{position:sticky;top:0;height:100dvh;flex-shrink:0;align-self:flex-start}.b2a-root .workspace{margin-left:0}}.study-text,.teochew-blocks,.token-groups,.main-column,.result-panel{min-width:0;max-width:100%}.study-text>.hanzi,.study-text>.pinyin,.study-text>.thai,.document-chinese,.document-card .pinyin,.document-card .thai{overflow-wrap:anywhere;white-space:pre-wrap}.study-text>.hanzi{font-size:32px}.translation-audio{margin:0 0 18px}.block-caption{margin:10px 0;color:#63725c}.token-strip .token{max-width:100%;overflow-wrap:anywhere}.token-strip.paragraph-start{padding-top:14px;border-top:1px solid #e9edde}.teochew-blocks>.text-button{margin-right:16px}.compact .block-caption{font-size:10px}#translation-actions{scroll-margin-bottom:90px}.document-card .document-chinese,.document-card .pinyin,.document-card .thai,.learning-card .compact>.hanzi,.learning-card .compact>.pinyin,.learning-card .compact>.thai{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.study-text .pinyin,.study-text .hanzi{white-space:pre-wrap;overflow-wrap:anywhere}.pinyin-notes{min-width:0;overflow-wrap:anywhere;margin-bottom:12px}.translation-direction{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;color:var(--muted)}.translation-direction select{max-width:100%}.sample-row[hidden]{display:none}.translation-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.stable-translate-input>.section-title{min-height:32px}.stable-translate-input>.section-title h2{white-space:nowrap;flex-shrink:0}.stable-translate-input>.section-title>.muted{width:142px;flex:0 0 142px;text-align:right;white-space:nowrap}.stable-translate-input .translation-direction select{box-sizing:border-box;width:200px;max-width:100%;height:44px;flex:0 0 200px}.stable-translate-input .input-footer{flex-wrap:wrap}.stable-translate-input .input-footer>:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}.stable-translate-input .input-footer>.button-row{margin-left:auto;max-width:100%;justify-content:flex-end}.stable-translate-input .translate-action{box-sizing:border-box;width:180px;max-width:100%;height:44px;flex:0 0 180px;white-space:nowrap}.translate-layout .translation-placeholder{margin-top:24px}@media(max-width:560px){.stable-translate-input>.section-title{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-height:48px}.stable-translate-input>.section-title>.muted{text-align:left;width:auto;flex:auto}.stable-translate-input .input-footer>.button-row{width:100%}}.language-detection{min-height:32px;margin-bottom:12px;min-width:0}.language-detection>p{margin:0;overflow-wrap:anywhere}.manual-direction{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.manual-direction .secondary{min-height:44px;max-width:100%;white-space:normal}.manual-direction [aria-pressed=true]{border-color:var(--green);background:#edf2e5}.azure-settings{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.settings-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}.settings-title-row h1{margin-bottom:0}.settings-help-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.settings-help-actions .secondary{padding:7px 10px;gap:6px;white-space:nowrap}.settings-layout .azure-settings{border-top-color:var(--line);padding-top:24px}.settings-manual section+section{margin-top:20px}.settings-manual h3,.settings-about h3{color:var(--green)}.settings-manual p,.settings-about p{line-height:1.7;overflow-wrap:anywhere}.settings-about dl>div{padding:12px 0;border-bottom:1px solid var(--line)}.settings-about dt{font-weight:600}.settings-about dd{margin:6px 0 0;overflow-wrap:anywhere}@media(max-width:480px){.settings-title-row{gap:12px}}.settings-heading-main{min-width:0;flex:1}@media(min-width:1201px){.settings-page-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.settings-page-heading>.script-toggle{justify-self:end}}@media(max-width:960px){.settings-heading-main{width:100%}}.review-preferences label.review-control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 8px;padding:12px 0 0;border-bottom:0}.review-control-row>span{flex:1;min-width:0}.review-preferences .review-control-row>input,.review-control-row>.preferred-time-trigger{width:46%;max-width:230px;min-width:0;flex:0 1 46%;margin-top:0;box-sizing:border-box}.review-control-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:46%;max-width:230px;margin-left:auto}.review-control-actions .secondary{max-width:100%;white-space:normal;overflow-wrap:anywhere}.review-control-row>.preferred-time-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;cursor:pointer;font-variant-numeric:tabular-nums}.review-control-actions .primary{max-width:100%;white-space:normal;overflow-wrap:anywhere;color:#fff}.review-picker-feedback{margin:12px 0 0;overflow-wrap:anywhere}dialog.review-time-dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);overflow:hidden}.review-time-dialog>.modal-header,.review-time-dialog>.modal-footer{flex-shrink:0}.review-time-dialog>.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.review-time-dialog>.modal-footer{padding:16px 25px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.review-time-dialog>.modal-footer .button-row{justify-content:flex-end;margin:0;flex-wrap:wrap}.settings-layout,.settings-help-actions,.review-time-dialog{--settings-action-soft:#edf2e5;--settings-action-hover:#dce9da;--settings-action-border:#dfe5dd;--settings-action-focus:#93b4a2}:is(.settings-layout,.settings-help-actions,.review-time-dialog) .secondary:not(.danger){background:var(--settings-action-soft);border-color:var(--settings-action-border);color:var(--green)}:is(.settings-layout,.settings-help-actions,.review-time-dialog) .secondary:not(.danger):hover:not(:disabled){background:var(--settings-action-hover);filter:none}:is(.settings-layout,.settings-help-actions,.review-time-dialog) :is(.primary,.secondary):focus-visible{outline:3px solid var(--settings-action-focus);outline-offset:3px}:is(.settings-layout,.settings-help-actions,.review-time-dialog) :is(.primary,.secondary):disabled{opacity:.5;cursor:not-allowed}.review-control-row>.preferred-time-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;padding-inline:10px}.preferred-time-trigger>svg{grid-column:1;justify-self:start}.preferred-time-trigger>#preferred-time-value{grid-column:2;text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.preferred-time-trigger:after{content:"";grid-column:3}dialog.review-time-dialog{width:min(420px,calc(100% - 24px))}.review-time-dialog>.modal-header{padding:14px 20px}.review-time-dialog>.modal-body{padding:16px 20px}.review-time-intro p{margin:0;line-height:1.6}.review-time-intro p+p{margin-top:3px}.review-time-dialog .time-wheels{margin-top:12px}.review-time-dialog>.modal-footer{padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.settings-layout .azure-settings .secondary.danger{background:#fff1ef;border-color:#e8c5bf;color:#963f34}.settings-layout .azure-settings .secondary.danger:hover:not(:disabled){background:#fce5e0;filter:none}.settings-layout .review-control-row>.preferred-time-trigger{background:#fff;border-color:var(--line)}.settings-layout .review-control-row>.preferred-time-trigger:hover:not(:disabled){background:#fff;filter:none}button{touch-action:manipulation}@media(hover:hover){button:hover:not(:disabled){filter:brightness(.96)}}button:active:not(:disabled){filter:brightness(.92)}button[aria-busy=true]{cursor:progress;position:relative}button[aria-busy=true]:not(.has-pending-label):before{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;pointer-events:none;animation:button-spin .7s linear infinite}button:disabled{pointer-events:none}@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}.auth-password-toggle:active:not(:disabled){transform:translateY(-50%)}*{animation:none!important}}.azure-settings .azure-actions{justify-content:flex-end;max-width:100%;flex-wrap:wrap}.favorite[aria-busy=true]:disabled{opacity:1}button.feedback-button[aria-busy=true]:disabled{opacity:1}.button-content{display:inline-flex;align-items:center;justify-content:center;gap:inherit}.button-pending-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;pointer-events:none;font-size:12px}.button-spinner{display:inline-block;width:11px;height:11px;flex:none;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}button.button-pressed{filter:brightness(.92)!important;scale:.98}@media(prefers-reduced-motion:reduce){button:active:not(:disabled),button.button-pressed{scale:1}}.sharing-tabs{flex-wrap:wrap;gap:0 24px}.sharing-tabs button{min-width:0;white-space:normal;text-align:left}.member-sharing{min-width:0}.member-sharing .learning-card{min-width:0;overflow-wrap:anywhere}.member-sharing .learning-card .button-row{align-items:stretch}.sharing-actions{justify-content:flex-end;margin:14px 0}.sharing-actions>button{max-width:100%}.sharing-status{min-height:32px;overflow-wrap:anywhere}@media(max-width:480px){.sharing-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.sharing-tabs button{padding:12px 0}.member-sharing .button-row>button{flex:1 1 130px}}.auth-card h1{margin-top:0;margin-bottom:10px}.auth-description{margin:0 0 16px;overflow-wrap:anywhere}.auth-page input{height:44px;min-width:0;max-width:100%;box-sizing:border-box}.auth-page .auth-footer-actions{row-gap:12px}.auth-page .notice{overflow-wrap:anywhere}.dev-status{padding:8px 24px;background:#e8eee3;border-bottom:1px solid var(--line);color:#284936;font-size:12px}.dev-status summary{cursor:pointer;display:list-item}.dev-status summary>span{margin-left:12px;text-decoration:underline}.dev-status summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.dev-status p{margin:10px 0 2px;max-width:100ch;line-height:1.5}@media(max-width:560px){.auth-page{padding:12px;margin-block:12px}.auth-page .panel{padding:24px}.dev-status{padding:8px 12px}.dev-status summary>span{display:inline-block}}@media(max-height:600px){.auth-page{margin-block:4px}}.real-admin-actions:empty{display:none}.real-admin-actions{display:flex;justify-content:flex-end;padding:10px 24px}.admin-membership-page .page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.admin-membership-page h1{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.admin-membership-page .section-title{flex-wrap:wrap}.admin-request-info{min-width:0;flex:1 1 240px;overflow-wrap:anywhere}.admin-request .button-row{justify-content:flex-end;gap:12px;max-width:100%}.admin-request .button-row button{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-width:0}@media(max-width:560px){.real-admin-actions{padding:10px 12px}.admin-membership-page{padding:16px}.admin-membership-page h1{font-size:28px}.admin-request .button-row{width:100%}}.admin-membership-page dialog .modal-body{overflow-wrap:anywhere}.admin-membership-confirmation[open]{display:flex;flex-direction:column;overflow:hidden}.admin-membership-confirmation .modal-header{flex-shrink:0;gap:12px}.admin-membership-confirmation .modal-body{min-height:0;overflow-y:auto;overflow-wrap:anywhere}.admin-membership-confirmation .modal-footer{flex-shrink:0;padding:0 24px max(24px,env(safe-area-inset-bottom));background:#fff}.admin-membership-confirmation .modal-footer .button-row{justify-content:flex-end;gap:12px;margin:0;flex-wrap:wrap}.admin-membership-confirmation .modal-footer button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.admin-membership-confirmation .primary.danger{background:#963f34;color:#fff}.admin-request .secondary.danger{background:#fff1ef;border-color:#e8c5bf;color:#963f34}.admin-request .secondary.danger:hover:not(:disabled){background:#fce5e0}.admin-membership-loading{display:flex;align-items:center;gap:10px;min-height:48px}.admin-membership-loading small{display:block;color:var(--muted);margin-top:4px}.admin-membership-loading svg{flex-shrink:0;animation:button-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.admin-membership-loading svg{animation:none}}.account-role{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.membership-request-button{width:280px;min-width:240px;max-width:100%;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal}@media(max-width:560px){.membership-request-button{min-width:0;width:100%;max-width:280px}.top-actions .account-role{margin-left:auto}}.real-admin-actions{padding-inline:48px}.top-actions:has(.account-role){flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.topbar:has(.account-role){padding-block:12px}@media(max-width:1200px){.real-admin-actions{padding-inline:28px}}@media(max-width:560px){.real-admin-actions{padding-inline:20px}}.admin-members-entry{display:flex;justify-content:flex-end;margin-bottom:20px}.admin-members-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:20px 0}.admin-members-filters label{display:grid;gap:8px;flex:1 1 220px;min-width:0;font-size:13px}.admin-members-filters input,.admin-members-filters select{width:100%;min-width:0;box-sizing:border-box;min-height:40px;background:#fff}.admin-members-filters button{flex:0 1 auto;max-width:100%}.admin-members-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.admin-members-pagination span{font-size:12px}.admin-members-search-note{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.admin-members-page .page-heading>div{min-width:0}.admin-members-page .page-heading p{overflow-wrap:anywhere}.member-full-name,.member-email{display:block;overflow-wrap:anywhere}.member-email{font-weight:400;font-size:13px;margin-top:4px}.profile-settings{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.profile-settings p{overflow-wrap:anywhere}.header-member{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;max-width:min(320px,100%);white-space:normal;text-align:right}.header-member-name{max-width:100%;overflow-wrap:anywhere;font-size:14px;line-height:1.4;font-weight:600}.header-member-role{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.top-actions .account-role{min-width:0;max-width:100%}.profile-name-display{margin:16px 0;min-width:0}.profile-name-display dt{font-size:13px;color:var(--muted)}.profile-name-display dd{margin:6px 0 0;font-weight:600;overflow-wrap:anywhere}.admin-name-current{overflow-wrap:anywhere}.admin-name-form{min-width:0}.admin-name-form input{width:100%;min-width:0}@media(max-width:560px){.header-member{max-width:100%}.top-actions:has(.header-member){min-width:0;max-width:100%}}.settings-layout>.panel{min-width:0}.settings-layout .section-title>.badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}.account-card>div{min-width:0}.account-card strong{overflow-wrap:anywhere}.security-settings{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.password-change-modal{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.password-change-modal .modal-body{min-height:0;overflow-y:auto}.password-change-modal .modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.password-change-modal .modal-footer .primary{min-width:132px}.password-change-modal form.stack{margin:16px 0 0;gap:14px}.password-change-modal .auth-password-field{margin:0;gap:6px}.password-change-modal .auth-password-control input{min-height:44px}.password-change-modal button[aria-busy=true]{opacity:1}.password-change-modal .modal-footer .primary{width:142px}@media(max-width:768px){.password-change-modal .auth-password-control input{font-size:16px}}.profile-name-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}.profile-name-row .profile-name-display{min-width:0;flex:1 1 180px}.profile-name-row>button{flex:0 0 auto;margin-left:auto;max-width:100%}.success-toast{position:fixed;z-index:10000;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:14px 16px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:12px;box-shadow:0 6px 24px #183d3033}.success-toast>span{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.5;font-weight:600}.success-toast .icon-button{flex-shrink:0;width:36px;height:36px;padding:8px;background:transparent;color:#fff;border-color:transparent}.success-toast button:focus-visible{outline-color:#fff}@media(max-width:480px){.success-toast{bottom:max(16px,env(safe-area-inset-bottom));padding:12px;gap:8px}}.app-toast{top:50%;bottom:auto;transform:translate(-50%,-50%);background:var(--green);border-color:var(--green);color:#fff;max-height:calc(100dvh - 32px);overflow-y:auto}.app-toast.toast-error{background:#963f34;border-color:#963f34}.app-toast.toast-warning{background:#78520c;border-color:#78520c}.app-toast>svg{flex-shrink:0}.app-toast .icon-button:hover{background:#ffffff1f}.app-toast .icon-button:active{background:#ffffff30}.audio-buttons{flex-wrap:wrap}.audio-buttons>label{display:flex;align-items:center;gap:6px;font-size:12px;max-width:100%}.audio-buttons>label select{width:64px;min-height:44px}.audio-buttons>button{min-height:44px}.sharing-tabs{flex-wrap:wrap}.cue-editor label{min-width:0;overflow-wrap:anywhere}.cue-editor label>input{width:100%;max-width:100%;box-sizing:border-box}