/* Original v12 workbench skin and the PHP DOM adapter. Keep this file PHP-side only. */
html[data-home-theme="3d"]{background:#0d192b}
body{font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.page-shell{width:100%;max-width:none;margin:0;padding:0}
.topbar{height:62px;min-height:62px;padding:0 20px;border-bottom:2px solid #9a7942;background:linear-gradient(100deg,#1a2d43,#213c57 48%,#172a40);color:#d8e1eb;box-shadow:0 3px 14px #0003}
.brand{gap:12px;color:#e8edf3}
.brand-mark{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;color:#e4bd65;font:800 13px/1 "Segoe UI",sans-serif;letter-spacing:2px}
.brand-copy{gap:2px;line-height:1.15}
.brand-copy strong{color:#f1f3f6;font:700 17px/1.1 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;letter-spacing:.02em}
.brand-copy small{margin:0;color:#9eafc2;font:400 9px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:.02em}
.top-meta{margin-right:auto;margin-left:24px;color:#a6b6c9;font:400 11px/1.3 "Segoe UI","Microsoft YaHei UI",sans-serif}
.top-meta .online-dot{background:#77ba98;box-shadow:0 0 7px #77ba9866}
.top-actions{gap:9px;color:#ccd7e4}
.avatar-toggle-control{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;white-space:nowrap}
.avatar-toggle-label{color:#e1c179;font:600 10px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.avatar-toggle-switch{position:relative;display:inline-flex;flex:0 0 34px;align-items:center;box-sizing:border-box;width:34px;height:20px;min-width:34px;min-height:20px;padding:2px;border:1px solid #60758b;border-radius:999px;background:#41566b;color:inherit;font:inherit;cursor:pointer;transition:background .18s,border-color .18s}
.avatar-toggle-switch[aria-checked="true"]{border-color:#d7b568;background:#8f7440}
.avatar-toggle-thumb{display:block;width:14px;height:14px;border-radius:50%;background:#f0f4f8;box-shadow:0 1px 3px #0005;transition:transform .18s ease,background .18s}
.avatar-toggle-switch[aria-checked="true"] .avatar-toggle-thumb{transform:translateX(14px);background:#fff4cf}
.avatar-toggle-switch:focus-visible{outline:2px solid #e4bd65;outline-offset:2px}
.ai-quota-brief{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 9px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(255,255,255,.08);color:#dbe7f3;font:400 10px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif;white-space:nowrap}
.ai-quota-brief[hidden]{display:none!important}
.ai-quota-caption{color:#dbe7f3}
.ai-quota-brief strong{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.ai-quota-free{color:#aebed0}
.ai-quota-brief.is-exhausted{border-color:rgba(255,145,145,.6);background:rgba(130,34,34,.48);color:#ffe0e0}
.ai-quota-brief.is-exhausted strong,.ai-quota-brief.is-exhausted .ai-quota-caption{color:#ffe0e0}
.legacy-header-nav{display:flex;align-items:center;gap:6px;margin-right:2px}
.legacy-header-nav button{padding:7px 8px;border:0;border-radius:4px;background:transparent;color:#d1dbe5;font:500 10px/1.3 "Segoe UI","Microsoft YaHei UI",sans-serif;cursor:pointer}
.legacy-header-nav button:hover{background:#233854;color:#fff}
.power-topbar{gap:8px}
.top-user{gap:7px;color:#c8d2df;font:500 10px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif}
.top-user i{border:1px solid #526880;border-radius:50%;background:#2b4056;color:#f0d28a}
.top-action{border-color:#536981;border-radius:4px;background:#243c55;color:#d7e2ed;font:600 10px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif}
.top-action.subtle{border-color:#40566d;color:#acbbcb}
.workspace.home-mode{display:block;margin:0;min-height:0}
.workspace.home-mode>.side-note{display:none}
.workspace.home-mode>.welcome-card{width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-dashboard{width:100%;min-height:calc(100vh - 62px);color:#d7e1ec}
.home-layout.workbench-shell{min-height:calc(100vh - 62px);grid-template-columns:190px minmax(0,1fr) 276px;gap:0;align-items:stretch;background:radial-gradient(ellipse at 52% 0,#193451 0,#0d192b 45%,#080f1d 100%)}
.learning-nav.workbench-nav{position:sticky;top:62px;box-sizing:border-box;height:calc(100vh - 62px);height:calc(100dvh - 62px);min-height:calc(100dvh - 62px);padding:18px 11px 10px;gap:3px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none!important;-ms-overflow-style:none!important;background:linear-gradient(180deg,#101f33,#0b1626);border-right:1px solid #2a3a4e;box-shadow:none}
.learning-nav.workbench-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.workbench-nav-title{padding:0 10px 18px;color:#8399b5;font:700 10px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:3px}
.workbench-nav button{height:auto;min-height:39px;padding:0 10px;border:1px solid transparent;border-left:1px solid transparent;border-radius:9px;background:transparent;color:#b5c4d8;font:600 12px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif;text-align:left}
.workbench-nav button svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workbench-nav button span{display:block}
.workbench-nav button:hover,.workbench-nav button:focus-visible{color:#fff2d1;background:#1c314a;border-color:#526177;box-shadow:0 5px 15px #0003}
.workbench-nav button.active{color:#f1d491;background:linear-gradient(105deg,#5b482b66,#26364c);border-color:#92754480;box-shadow:inset 3px 0 #d9b66b,0 4px 14px #0003}
.learning-nav-foot.workbench-nav-footer{margin:auto 5px 0;padding:12px 5px 1px;border-color:#314055;color:#8399b5;font:400 10px/1.6 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:1px}
.home-main.workbench-main{min-width:0;padding:17px 28px 48px;background:none;color:#d6e0eb}
#home-overview{min-width:0}
.home-theme-toolbar{margin:0 0 15px;min-height:44px}
.home-theme-caption{color:#aab9ca;font:500 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:1px}
.home-theme-switch{padding:3px;border:1px solid #465c7666;border-radius:9px;background:#0c1b2d}
.home-theme-switch button{padding:7px 12px;border:0;border-radius:6px;background:transparent;color:#a4b6cd;font:600 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.home-theme-switch button[aria-pressed="true"]{background:#2f4053;color:#e6c985;box-shadow:inset 0 1px #efd6a433}
.library-hero{height:auto;min-height:376px;margin:0 0 19px;border:1px solid #6883a44d;border-radius:20px;background:radial-gradient(ellipse at 76% 28%,#2b5675aa,transparent 50%),linear-gradient(115deg,#101d30,#152d48 60%,#11243d);box-shadow:0 22px 46px #0004,inset 0 1px #f4d89833;color:#f2ede1}
.library-hero:after{background:linear-gradient(110deg,transparent 10%,#e7cc9420 48%,transparent 65%);opacity:.4}
.library-copy{width:49%;padding:34px 0 110px 32px;pointer-events:none}
.library-kicker{color:#d9b66b;font:700 10px/1.5 "Segoe UI",sans-serif;letter-spacing:2.5px}
.library-kicker>span{width:6px;height:6px;background:#d9b66b;box-shadow:0 0 13px #e4c47780}
.library-copy h2{margin:16px 0 12px;color:#f5f1e7;font:800 clamp(26px,2.8vw,48px)/1.35 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;letter-spacing:1px;text-shadow:0 3px 16px #061120}
.library-copy h2 em{color:#e7c77f}
.library-copy p{margin:0 0 23px;color:#b3c3d5;font:400 12px/1.9 "Segoe UI","Microsoft YaHei UI",sans-serif}
.library-actions{gap:10px;pointer-events:auto}
.library-actions button{min-height:42px;padding:11px 14px;border-radius:7px;font:700 12px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.library-actions .library-enter{border:1px solid #f5dfaa;background:linear-gradient(130deg,#f2d797,#c49a48);color:#172234;box-shadow:0 4px 0 #71562e,0 9px 24px #d9b66b26}
.library-actions .library-secondary{border:1px solid #647a975c;background:#1c324b;color:#d4e0ee;box-shadow:none}
.library-world{width:58%;right:-2%;bottom:79px}
.library-journey{gap:26px;padding:17px 30px;background:#091728b3;border-top:1px solid #7089a633}
.library-journey>div{min-width:110px}
.library-journey small{color:#a6b9ce;font:400 10px/1.35 "Segoe UI","Microsoft YaHei UI",sans-serif}
.library-journey strong{color:#f5e2b4;font:600 20px/1.1 Georgia,"Microsoft YaHei UI",serif}
.library-journey-note{color:#91a4ba;font:400 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:1px}
#home-overview.sentence-focus> :not(#sentence-view){display:none!important}
#sentence-view.legacy-sentence-view{min-width:0;min-height:0;margin:0 0 18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#d6e0eb}
#sentence-view .sentence-workspace{display:block;min-width:0}
#sentence-view .sentence-input-card{margin:0;border:1px solid #52667e;border-radius:14px;background:linear-gradient(135deg,#1b314a,#14263c);color:#d6e0eb;box-shadow:0 14px 35px #0005;overflow:hidden}
#sentence-view .sentence-input-card>header{position:relative;min-height:82px;margin:0;padding:17px 22px;border-bottom:1px solid #40556d;background:linear-gradient(110deg,#162b43,#203b56)}
#sentence-view .sentence-kicker{color:#d9b66b;font:700 9px/1.5 "Segoe UI",sans-serif;letter-spacing:1.5px}
#sentence-view .sentence-input-card h2{margin:5px 0 2px;color:#eef3f8;font:700 19px/1.35 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
#sentence-view .sentence-input-card header p{margin:0;color:#b4c4d5;font:400 11px/1.5 "Segoe UI","Microsoft YaHei UI",sans-serif}
#sentence-view .sentence-clear-icon{min-height:30px;padding:0 10px;border:1px solid #536b82;border-radius:8px;background:#203953;color:#d5e0ea;font:500 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
#sentence-view .sentence-header-actions{display:flex;align-items:center;gap:8px;flex:none}
#sentence-view .sentence-close-icon{box-sizing:border-box;width:34px;min-width:34px;height:34px;padding:0;border:1px solid #536b82;border-radius:8px;background:#203953;color:#d5e0ea;font:500 20px/1 "Segoe UI","Microsoft YaHei UI",sans-serif;cursor:pointer}
#sentence-view .sentence-close-icon:hover{border-color:#d8b15d;background:#284562;color:#fff}
#sentence-form{padding:0;border:0;border-radius:0;background:transparent}
#sentence-form>label{display:none}
#sentence-input{width:calc(100% - 44px);height:100px;min-height:100px;margin:14px 22px 0;padding:14px 17px;border:1px solid #506781;border-radius:14px;background:#0c1d30;color:#edf3f8;box-shadow:inset 0 2px 8px #0003;font:400 15px/1.65 "Segoe UI","Microsoft YaHei UI",sans-serif;resize:vertical}
#sentence-input::placeholder{color:#95a9bf;opacity:1}
.sentence-input-meta{display:none}
.sentence-examples{display:flex;align-items:center;gap:7px;margin:10px 22px 0;color:#9cafc4;font:400 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.sentence-examples button{padding:5px 10px;border:1px solid #526a83;border-radius:999px;background:#203852;color:#ccdae7;font:500 11px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif}
.sentence-examples button:hover{border-color:#d9b66b;background:#2d4c69;color:#fff2d1}
.sentence-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 22px 16px}
#sentence-view .sentence-actions{display:flex;flex-wrap:wrap;gap:10px}
#sentence-view .sentence-actions button{min-height:50px;padding:0 20px;border:1px solid #526980;border-radius:12px;background:#203852;color:#e0e9f1;font:700 14px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;box-shadow:0 3px 0 #0b1829}
#sentence-view .sentence-actions button i{margin-right:7px}
#sentence-view .sentence-actions .sentence-primary{border-color:#f0d899;background:linear-gradient(120deg,#ecd092,#cfaa5f);color:#142137;box-shadow:0 4px 0 #8e703e,0 7px 14px #3025091a}
#sentence-view .sentence-actions .sentence-clear{display:none}
.sentence-shortcut{color:#9cafc4;font:400 10px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;white-space:nowrap}
.sentence-consent{margin:0 22px 14px;padding:9px 11px;border:1px solid #465e78;border-radius:8px;background:#0c1d30;color:#acbdd0;font:400 10px/1.5 "Segoe UI","Microsoft YaHei UI",sans-serif}
.sentence-consent small{color:#91a4ba}
#home-overview:not(.sentence-focus) #sentence-view .sentence-consent{display:none}
#home-overview:not(.sentence-focus) #sentence-view .sentence-empty-state,#home-overview:not(.sentence-focus) #sentence-view .sentence-history{display:none}
#sentence-view .sentence-status{min-height:0;padding:0 22px;color:#a8bdcf;font:400 10px/1.5 "Segoe UI","Microsoft YaHei UI",sans-serif}
#sentence-view .sentence-status:empty{display:none}
#sentence-view .result-card,#sentence-view .sentence-result-card,#sentence-view .sentence-history{border:1px solid #52667e;border-radius:10px;background:linear-gradient(135deg,#192f47,#13263c);color:#d6e0eb;box-shadow:0 8px 20px #0003}
#sentence-view .sentence-result-head h3,#sentence-view .sentence-result-grid h4{color:#e6d5ae}
#sentence-view .sentence-token-strip,#sentence-view .sentence-result-grid section{border-color:#3e536b;background:#10223a;color:#dce6ef}
#sentence-view .sentence-token,#sentence-view .sentence-component-list span,#sentence-view .sentence-phrase-list span{border-color:#536b82;background:#203852;color:#e0e9f1}
#sentence-view .sentence-token small{color:#aabbd0}
#sentence-view .sentence-translation{border-color:#52667e;background:#10223a}
#sentence-view .sentence-translation p{color:#e2eaf2}
.home-learning-grid.legacy-learning-grid{display:block;margin:18px 0 0}
.legacy-learning-grid .home-learning-group{margin:0 0 16px;padding:14px 0 4px;border:0;border-top:1px solid #304156;border-radius:0;background:transparent;box-shadow:none}
.legacy-learning-grid .home-learning-heading{margin:0 0 12px;color:#c9d3df;font:700 12px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:1px}
.legacy-learning-grid .module-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.legacy-learning-grid .legacy-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.legacy-learning-grid .module-card{position:relative;display:flex;min-width:0;min-height:130px;flex-direction:column;align-items:flex-start;padding:16px 17px;border:1px solid #465d77;border-radius:13px;background:linear-gradient(135deg,#213a54,#12243a);color:#d6e0eb;text-align:left;box-shadow:0 6px 0 #071222,0 12px 25px #0003,inset 0 1px #9ab6cd29;cursor:pointer}
.legacy-learning-grid .module-card:hover{border-color:#b99d65;background:linear-gradient(135deg,#294660,#172b43);box-shadow:0 8px 0 #071222,0 16px 30px #0005,inset 0 1px #d9b66b66}
.legacy-learning-grid .module-card-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:9px;border:1px solid #d9b66b;border-radius:14px;background:linear-gradient(145deg,#385879,#152b44);font-size:22px}
.legacy-learning-grid .module-card-title{color:#f0eadb;font:700 14px/1.35 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.legacy-learning-grid .module-card-desc{margin-top:5px;color:#a4b7cc;font:400 11px/1.5 "Segoe UI","Microsoft YaHei UI",sans-serif}
.legacy-learning-grid .module-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid #4c627755}
.legacy-learning-grid .module-progress{color:#a4b7cc;font:400 10px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.legacy-learning-grid .module-start{padding:6px 9px;border:1px solid #6b7e904d;border-radius:5px;background:#223c55;color:#e8cc91;font:600 10px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;white-space:nowrap}
.workbench-rail.home-rail{min-width:0;padding:25px 15px;background:linear-gradient(180deg,#101f33f2,#0d192b);border-left:1px solid #304156;border-radius:0;box-shadow:none;color:#cbd7e4}
.workbench-rail-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #76634066;color:#d9b66b;font:700 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:1px}
.workbench-rail-title small{color:#91a4ba;font:400 9px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:0}
.rail-resume.resume-card,.rail-goal.today-card{margin:0 0 10px;padding:15px 12px;border:1px solid #5d76944d;border-radius:14px;background:linear-gradient(135deg,#1c324d,#12243a);box-shadow:0 6px 16px #0003,inset 0 1px #ffffff0d;color:#dce6ef}
.rail-resume-kicker,.rail-resume-empty>span{display:block;color:#a5b8ce;font:700 10px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-resume>b{display:block;margin-top:5px;overflow:hidden;color:#e4eaf1;font:700 13px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.rail-resume>small,.rail-resume-empty small{display:block;margin-top:4px;color:#99aec6;font:400 9px/1.45 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-resume>button{margin-top:9px;padding:7px 12px;border:0;border-radius:7px;background:#b49657;color:#101e30;font:700 11px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;box-shadow:0 3px 0 #725d39;cursor:pointer}
.today-ring{width:48px;height:48px;flex:0 0 48px;border:2px solid #a8915d;border-radius:50%;background:#102139;color:#e0c37f;font:800 13px/1 "Segoe UI",sans-serif;box-shadow:0 0 14px #d9b66b1a}
.today-copy{min-width:0;color:#dfe7f0}
.today-copy strong{display:block;color:#e4eaf1;font:700 12px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.today-copy>span{display:block;margin-top:3px;color:#a5b8ce;font:400 10px/1.45 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-goal-bar{height:4px;margin-top:8px;overflow:hidden;border-radius:4px;background:#283d55}
.rail-goal-bar i{display:block;width:0;height:100%;border-radius:inherit;background:#d9b66b}
.rail-tasks-heading{display:flex;justify-content:space-between;gap:6px;margin:20px 0 4px;color:#e6d5ae;font:700 11px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.rail-tasks-heading small{color:#91a4ba;font:400 9px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-task-list.daily-tasks.show{display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.rail-task-list .rail-task.dt-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:11px 0;border-top:1px solid #34495f;background:transparent;color:#dfe7f0;text-align:left;cursor:pointer}
.rail-task-list .rail-task-check.dt-item-status{display:grid;place-items:center;width:18px;height:18px;border:1px solid #8295ac;border-radius:0;background:#1c324a;color:#f1d491;font:600 11px/1 "Segoe UI",sans-serif}
.rail-task-list .rail-task.complete .rail-task-check.dt-item-status{border-color:#d9b66b;background:#9a814c}
.rail-task-main{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px}
.rail-task-heading{display:contents}
.rail-task-heading b.dt-item-title{color:#dfe7f0;font:600 10px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.rail-task-heading small.dt-item-meta{color:#99aec6;font:400 9px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;white-space:nowrap}
.rail-task-reason.dt-item-reason{grid-column:1/-1;color:#99aec6;font:400 9px/1.45 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-task-progress{display:none}
.rail-task-time{grid-column:1/-1;color:#8296ad;font:400 8px/1.35 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-actions{margin-top:12px;padding-top:10px;border-top:1px solid #34495f}
.rail-actions .rail-action{display:flex;width:100%;align-items:center;gap:8px;padding:9px 4px;border:0;background:transparent;color:#b0c0d4;font:500 10px/1.35 "Segoe UI","Microsoft YaHei UI",sans-serif;text-align:left;cursor:pointer}
.rail-actions .rail-action:hover{color:#edd59f}
.rail-caption{color:#91a4ba;font:italic 11px/1.4 Georgia,"Microsoft YaHei UI",serif}
/* Match the original v12 right rail typography and card geometry. */
.workbench-rail.home-rail{padding:28px 12px 25px 18px}
.workbench-rail-title{margin-bottom:19px;padding-bottom:15px;font:700 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:1px}
.rail-resume.resume-card{padding:15px 12px}
.rail-resume .resume-label{display:block;margin:0 0 5px;color:#a5b8ce;font:700 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-resume .resume-title{display:block;margin:0;overflow:hidden;color:#e4eaf1;font:700 13px/1.45 Cambria,Georgia,"Microsoft YaHei UI",serif;white-space:normal;overflow-wrap:anywhere}
.rail-resume .resume-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.rail-resume .resume-btn{margin:0;padding:7px 12px;border:0;border-radius:8px;background:#b49657;color:#101e30;font:700 11px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;box-shadow:0 3px 0 #725d39;cursor:pointer}
.rail-resume .resume-btn.secondary{background:#304862;color:#d3deeb;box-shadow:0 3px 0 #0a1627}
.rail-goal.today-card{gap:12px;padding:20px 12px!important}
.rail-goal .today-ring{width:48px!important;height:48px!important;flex:0 0 48px!important;font:800 13px/1 "Segoe UI",sans-serif}
.rail-goal .today-copy strong{font:700 12px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.rail-goal .today-copy>span{margin-top:3px;color:#a5b8ce;font:400 11px/1.5 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-tasks-heading{margin:45px 0 4px;font:700 11px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.rail-tasks-heading .dt-summary{color:#9cadc3;font:500 10px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:0}
.rail-task-list .rail-task.dt-item{padding:12px 0}
.rail-task-main{gap:2px 5px}
.rail-task-heading b.dt-item-title{font:700 11px/1.35 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.rail-task-heading small.dt-item-meta{font:400 10px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-task-reason.dt-item-reason{color:#99aec6;font:400 10px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif}
.rail-task-time,.rail-task-progress{display:none!important}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail.home-rail{padding:32px 12px 25px 18px}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail .workbench-rail-title{padding-bottom:12px;margin-bottom:20px}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail .resume-card{padding:17px 12px 19px!important}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail .resume-label{margin-bottom:8px}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail .resume-actions{margin-top:12px}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail .today-card{padding:19px 12px!important}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail .today-ring{width:48px!important;height:48px!important;flex:0 0 48px!important}
@media(max-width:1100px){.workbench-rail.home-rail{padding:18px}.rail-tasks-heading{margin-top:22px}}
.avatar-float{position:fixed!important;top:151px!important;left:42%!important;right:auto!important;bottom:auto!important;z-index:9800!important;display:block;transform:scale(.78)!important;transform-origin:left top;filter:saturate(.95);touch-action:none}
.avatar-float[hidden]{display:none!important}
.avatar-float.dragging{cursor:grabbing}
.avatar-float .potato-body{cursor:grab}
.avatar-float .avatar-bubble{top:135px;max-width:250px;border:1px solid #d4b66f;border-bottom:4px solid #b58a3e;border-radius:15px;background:linear-gradient(135deg,#fffdf6,#f4e8c9);color:#223953;box-shadow:0 8px 25px #0005;pointer-events:none}
.avatar-float .avatar-bubble .bubble-main{color:#264c70;font:700 14px/1.55 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.avatar-float .avatar-bubble .bubble-footer{color:#956622;font:700 11px/1.6 "Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.avatar-float .avatar-close{z-index:3}
.spelling-launcher{position:fixed;right:14px;bottom:66px;z-index:8999;display:flex;width:145px;height:58px;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid #8aa8c5;border-radius:16px;background:linear-gradient(135deg,#223f5d,#17314b);color:#f2d491;font:700 12px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;box-shadow:0 8px 20px #0004;cursor:pointer;animation:none}
.spelling-launcher>span:first-child{font-size:17px}
.spelling-launcher:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2b4c6d,#1b3957);box-shadow:0 11px 24px #0005}
.sync-panel{max-width:900px;margin:36px auto;padding:24px;border:1px solid #40556d;border-radius:8px;background:#13263c;color:#d6e0eb}
.sync-panel .sync-box,.sync-panel .legacy-import-box{border-color:#40556d;background:#102139}
.sync-panel label,.sync-panel .welcome-copy,.sync-panel .hint{color:#adbdce}
.sync-panel input,.sync-panel textarea{border-color:#52677d;background:#091a2d;color:#e4eaf1}
.sync-panel .account-foot{border-color:#40556d;color:#9cafc4}
.footer{display:none}
.home-mobile-bar{display:none!important}
body:not(.home-active) .avatar-float,body:not(.home-active) .spelling-launcher{display:none!important}
body.sync-active .avatar-float,body.sync-active .spelling-launcher{display:none!important}
@media (min-width:961px) and (max-height:850px){
  .home-main.workbench-main{padding-top:14px}
  .library-hero{height:268px;min-height:0;margin-bottom:17px}
  .library-copy{width:51%;padding:22px 0 0 26px}
  .library-copy h2{font-size:31px;line-height:1.24;margin:12px 0 16px}
  .library-copy p{display:none}
  .library-actions button{min-height:36px;padding:8px 12px}
  .library-journey{padding:12px 26px;gap:26px}
  .library-journey strong{font-size:17px}
  .library-world{width:54%;right:0;bottom:60px}
  .library-world-label{display:none}
  #sentence-view .sentence-input-card>header{min-height:69px;padding:12px 20px}
  #sentence-input{height:90px;min-height:90px;margin-top:12px;padding:12px 16px}
}
@media(max-width:1200px){
  .home-layout.workbench-shell{grid-template-columns:72px minmax(0,1fr) 240px}
  .workbench-nav-title,.workbench-nav-footer{display:none}
  .workbench-nav button{justify-content:center;padding:0}
  .workbench-nav button span{display:none}
  .home-main.workbench-main{padding:18px}
  .workbench-rail.home-rail{padding:20px 12px}
  .library-copy{width:54%;padding-left:24px}
  .library-copy h2{font-size:32px}
}
@media(max-width:960px){
  .home-layout.workbench-shell{grid-template-columns:62px minmax(0,1fr)}
  .workbench-rail.home-rail{grid-column:2;border-top:1px solid #304156}
  .library-copy{width:58%}
  .library-copy h2{font-size:29px}
  .library-world{width:56%;right:-9%}
  .library-journey-note{display:none}
}
@media(max-width:760px){
  .topbar{height:54px;min-height:54px;padding:0 12px}
  .brand-copy small,.top-meta,.power-medal-trigger,.power-time{display:none}
  .top-actions{gap:5px}
  .home-layout.workbench-shell{display:block;padding-bottom:65px}
  .learning-nav.workbench-nav{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:64px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:5px 8px;z-index:9998;border-top:1px solid #69765e}
  .workbench-nav button{flex:0 0 62px;min-height:50px;flex-direction:column;gap:6px;font-size:10px}
  .workbench-nav button span{display:block}
  .home-main.workbench-main{padding:14px 12px 22px}
  .workbench-rail.home-rail{display:block;padding:20px 18px 90px}
  .library-hero{min-height:480px;border-radius:15px}
  .library-copy{width:100%;padding:28px 22px 240px}
  .library-copy h2{font-size:34px}
  .library-copy p{display:block}
  .library-world{top:auto;bottom:74px;width:80%;height:212px;right:-7%;opacity:.9}
  .library-journey{justify-content:space-between;gap:10px;padding:15px 17px}
  .legacy-learning-grid .module-cards,.legacy-learning-grid .legacy-focus-grid{grid-template-columns:1fr}
  .sentence-action-row{align-items:stretch;flex-direction:column}
  #sentence-view .sentence-actions{justify-content:flex-start}
  .sentence-shortcut{display:none}
  .avatar-float{left:auto!important;right:12px!important;top:74px!important;transform:scale(.55)!important;transform-origin:right top}
  .spelling-launcher{right:9px;bottom:75px;width:116px;height:48px}
}
@media(prefers-reduced-motion:reduce){.avatar-float .potato-body,.avatar-float .avatar-glow{animation:none!important}.library-hero *{scroll-behavior:auto!important}}
@media(max-width:760px){.ai-quota-brief{min-height:23px;gap:4px;padding:3px 6px;font-size:9px}.ai-quota-caption{font-size:9px}}
@media(max-width:420px){.ai-quota-brief{align-items:flex-start;flex-direction:column;gap:1px;min-height:31px;padding:3px 5px;line-height:1.15}.ai-quota-divider{display:none}.ai-quota-free{font-size:8px}}

/* Keep the authenticated workbench geometry independent of legacy print pages. */
html[data-home-theme="3d"] body.home-active{
  margin:0!important;padding:0!important;min-height:100vh;
  background:#0d192b!important;color:#d6e0eb;
  font:400 13px/1.5 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
}
html[data-home-theme="3d"] body.home-active .page-shell{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
html[data-home-theme="3d"] body.home-active .topbar{
  width:100%;height:62px;min-height:62px;margin:0!important;padding:0 20px!important;
  border-bottom:2px solid #9a7942;background:linear-gradient(100deg,#1a2d43,#213c57 48%,#172a40);
}
html[data-home-theme="3d"] #homeLibraryShell{
  width:100%;grid-template-columns:minmax(178px,10vw) minmax(0,1fr) minmax(230px,14.6vw);
  gap:0;align-items:stretch;
}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-main{min-width:0;padding:18px clamp(18px,1.48vw,28px) 48px clamp(18px,1.61vw,30px)}
html[data-home-theme="3d"] #homeLibraryShell>.workbench-nav,
html[data-home-theme="3d"] #homeLibraryShell>.workbench-rail{min-width:0}
@media(min-width:961px){
  html[data-home-theme="3d"] #homeLibraryShell .library-hero{height:295px;min-height:0;margin-bottom:19px}
html[data-home-theme="3d"] #homeLibraryShell .home-hero-copy.library-copy{left:-20px;top:-19px}
  html[data-home-theme="3d"] #homeLibraryShell .library-copy h2{font-size:31px;line-height:1.24}
  html[data-home-theme="3d"] #homeLibraryShell .library-actions{margin-top:24px}
}
html[data-home-theme="3d"] .brand-mark{
  display:block!important;width:auto!important;height:auto!important;padding:0!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:#e4bd65!important;font:800 13px/1 "Segoe UI",sans-serif!important;letter-spacing:2px!important;
}
html[data-home-theme="3d"] #avatarFloat.avatar-float{left:44.2%!important;top:226px!important}
html[data-home-theme="3d"] #avatarFloat .avatar-bubble{top:162px;min-width:240px}
html[data-home-theme="3d"] #avatarFloat .avatar-bubble{padding:20px 18px}
html[data-home-theme="3d"] #avatarFloat .avatar-bubble .bubble-main{font-size:20px;line-height:1.55}
html[data-home-theme="3d"] #avatarFloat .avatar-bubble .bubble-footer{font-size:17px;line-height:1.55}
html[data-home-theme="3d"] #sentence-view .sentence-input-card{
  border:1px solid #52667e!important;border-radius:14px!important;
  background:linear-gradient(135deg,#1b314a,#14263c)!important;
  color:#d6e0eb;box-shadow:0 14px 35px #0005!important;
}
html[data-home-theme="3d"] #sentence-view .sentence-input-card>header{
  box-sizing:border-box;min-height:95px!important;padding:10px 22px 14px!important;
}
html[data-home-theme="3d"] #sentence-view .sentence-input-card h2{font-size:20px;line-height:1.35}
html[data-home-theme="3d"] #sentence-view .sentence-input-card,
html[data-home-theme="3d"] #sentence-view .sentence-input-card>header,
html[data-home-theme="3d"] #sentence-view #sentence-form,
html[data-home-theme="3d"] #sentence-view #sentence-input,
html[data-home-theme="3d"] #sentence-view .sentence-examples button,
html[data-home-theme="3d"] #sentence-view .sentence-actions button{font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
html[data-home-theme="3d"] #sentence-view #sentence-input{
  display:block!important;width:calc(100% - 44px)!important;height:99px!important;min-height:99px!important;
  margin:15px 22px 0!important;padding:12px 18px!important;
  border:1px solid #506781!important;border-radius:10px!important;
  background:#0c1d30!important;color:#edf3f8!important;
  font:400 16px/1.65 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
}
html[data-home-theme="3d"] #sentence-view .sentence-primary{display:inline-flex!important}
html[data-home-theme="3d"] #sentence-view .sentence-actions button{display:inline-flex!important;align-items:center;justify-content:center}
html[data-home-theme="3d"] #sentence-view .sentence-examples{gap:8px;margin-top:12px}
html[data-home-theme="3d"] #sentence-view .sentence-examples .example-chip{
  padding:5px 10px!important;border:1px solid #526a83!important;border-radius:999px!important;
  background:#203852!important;color:#ccdae7!important;font:500 11px/1.2 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
}
html[data-home-theme="3d"] #sentence-view .sentence-action-row{margin-top:19px;margin-bottom:19px}
html[data-home-theme="3d"] #sentence-view .sentence-actions .sentence-clear{display:none!important}
html[data-home-theme="3d"] #sentence-view .sentence-actions button{
  min-height:50px!important;padding:0 26px!important;border-radius:12px!important;
  font:700 16px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
  letter-spacing:0!important;
}
html[data-home-theme="3d"] #sentence-view .sentence-actions .sentence-primary{
  min-width:168px!important;border:1px solid #f0d899!important;
  background:linear-gradient(120deg,#ecd092,#cfaa5f)!important;color:#142137!important;
  box-shadow:0 4px 0 #8e703e,0 7px 14px #3025091a!important;
}
html[data-home-theme="3d"] #sentence-view .sentence-actions .sentence-secondary{
  border:1px solid #526980!important;background:#203852!important;color:#e0e9f1!important;
  box-shadow:0 3px 0 #0b1829!important;
}
html[data-home-theme="3d"] #sentence-view .sentence-actions .btn-icon{
  display:inline-grid;width:20px;height:20px;place-items:center;margin-right:7px;
  border-radius:6px;background:rgba(255,255,255,.18);
}
html[data-home-theme="3d"] #sentence-view .sentence-actions .btn-icon i{width:16px;height:16px;margin:0}
html[data-home-theme="3d"] #sentence-view .sentence-actions button:disabled{opacity:1!important;cursor:default}
@media(max-width:1200px){html[data-home-theme="3d"] #homeLibraryShell{grid-template-columns:72px minmax(0,1fr) 230px}}

/* Win against the !important nav metrics in the imported 3D home stylesheet. */
html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav{
  padding:18px 11px 10px!important;gap:3px!important;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none!important;
}
html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav button{
  min-height:39px!important;padding:0 10px!important;
}

/* A selected legacy module replaces the home grid with its own full-width workspace. */
body.detail-view-active{
  overflow:hidden!important;background:#eaf0f6!important;color:#26333e!important;
}
body.detail-view-active .page-shell{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
body.detail-view-active .topbar{
  position:relative;z-index:10002;width:100%;
}
body.detail-view-active .workspace.home-mode{
  display:block!important;width:100%!important;min-height:0!important;margin:0!important;
}
body.detail-view-active .workspace.home-mode>.welcome-card{
  display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.detail-view-active #home-dashboard{
  width:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;
}
body.detail-view-active #homeLibraryShell{
  display:block!important;position:static!important;width:100%!important;min-height:0!important;margin:0!important;
  padding:0!important;background:transparent!important;
}
body.detail-view-active #homeLibraryShell>.workbench-nav,
body.detail-view-active #homeLibraryShell>.home-rail,
body.detail-view-active .home-mobile-bar,
body.detail-view-active #home-overview,
body.detail-view-active .avatar-float,
body.detail-view-active .spelling-launcher,
body.detail-view-active .page-shell>.footer{display:none!important}
body.detail-view-active #homeLibraryShell>.workbench-main{
  display:block!important;position:static!important;min-width:0!important;margin:0!important;padding:0!important;
  overflow:visible!important;background:#eaf0f6!important;color:#26333e!important;
}
body.detail-view-active #detail-page-header{
  display:flex!important;position:fixed!important;z-index:10001;top:62px;right:0;left:0;width:100%;height:60px;min-height:60px;
  margin:0!important;padding:0 22px!important;align-items:center;gap:9px;
  color:#f4f7fa!important;background:linear-gradient(112deg,#101f35 0%,#18314d 58%,#214562 100%)!important;
  border:0!important;border-bottom:2px solid #b7954f!important;border-radius:0!important;box-shadow:0 3px 9px rgba(13,29,48,.16)!important;
}
body.detail-view-active #detail-page-title{
  flex:1;margin:0!important;padding:0!important;color:#f4f7fa!important;
  font:700 18px/1.3 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif!important;letter-spacing:0!important;text-shadow:none!important;
}
body.detail-view-active #detail-page-title:before{display:none!important;content:none!important}
body.detail-view-active #detail-page-header .module-back-btn,
body.detail-view-active #detail-page-header .module-overlay-close{
  display:inline-flex!important;position:static!important;min-width:34px;min-height:34px;padding:0 12px!important;
  align-items:center;justify-content:center;border:1px solid rgba(218,231,242,.32)!important;border-radius:4px!important;
  background:rgba(255,255,255,.06)!important;color:#e6eef5!important;box-shadow:none!important;
  font:500 12px/1.2 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
}
body.detail-view-active #detail-page-header .module-overlay-close{width:34px;padding:0!important;font-size:18px!important}
body.detail-view-active #detail-page-header button:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}
body.detail-view-active #sentence-view:not([hidden]),
body.detail-view-active #wordbank-view:not([hidden]),
body.detail-view-active #spelling-view:not([hidden]),
body.detail-view-active #multimeaning-view:not([hidden]),
body.detail-view-active #study-listening-view:not([hidden]),
body.detail-view-active #course-view:not([hidden]),
body.detail-view-active #daily-view:not([hidden]),
body.detail-view-active #essay-view:not([hidden]),
body.detail-view-active #qbank-view:not([hidden]),
body.detail-view-active #qa-view:not([hidden]),
body.detail-view-active #mistakes-view:not([hidden]),
body.detail-view-active #materials-view:not([hidden]),
body.detail-view-active #analysis-view:not([hidden]),
body.detail-view-active #knowledge-map-view:not([hidden]),
body.detail-view-active #teacher-view:not([hidden]){
  position:fixed!important;z-index:10000;top:122px;right:0;bottom:0;left:0;width:auto!important;height:auto!important;
  min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;background:#eaf0f6!important;
  color:#26333e!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.detail-sentence-active #home-overview{
  display:block!important;position:static!important;margin:0!important;padding:0!important;background:#eaf0f6!important;
}
body.detail-sentence-active #home-overview>:not(#sentence-view){display:none!important}
body.detail-sentence-active #sentence-view:not([hidden]){top:122px}
@media(max-width:760px){
  body.detail-view-active .topbar{height:54px;min-height:54px}
  body.detail-view-active #detail-page-header{top:54px;height:58px;min-height:58px;padding:0 14px!important}
  body.detail-view-active #detail-page-title{font-size:16px!important}
  body.detail-view-active #sentence-view:not([hidden]),
  body.detail-view-active #wordbank-view:not([hidden]),
  body.detail-view-active #spelling-view:not([hidden]),
  body.detail-view-active #multimeaning-view:not([hidden]),
  body.detail-view-active #study-listening-view:not([hidden]),
  body.detail-view-active #course-view:not([hidden]),
  body.detail-view-active #daily-view:not([hidden]),
  body.detail-view-active #essay-view:not([hidden]),
  body.detail-view-active #qbank-view:not([hidden]),
  body.detail-view-active #qa-view:not([hidden]),
  body.detail-view-active #mistakes-view:not([hidden]),
  body.detail-view-active #materials-view:not([hidden]),
  body.detail-view-active #analysis-view:not([hidden]),
  body.detail-view-active #knowledge-map-view:not([hidden]),
  body.detail-view-active #teacher-view:not([hidden]){top:114px}
}

/* The copied v12 secondary-page rule marks its sticky header geometry !important.
   In focused desktop workspaces the real top bar remains above it, so override
   every geometric value explicitly and keep the title bar in the 62–122px band. */
body.detail-view-active #detail-page-header{
  display:flex!important;box-sizing:border-box!important;position:fixed!important;z-index:10001!important;
  top:62px!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;
  height:60px!important;min-height:60px!important;max-height:60px!important;margin:0!important;padding:0 22px!important;
  align-items:center!important;gap:9px!important;overflow:hidden!important;
}
body.detail-view-active #detail-page-title{
  display:block!important;position:static!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;
  color:#f4f7fa!important;font:700 18px/1.3 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif!important;
  letter-spacing:0!important;text-shadow:none!important;
}
body.detail-view-active #detail-page-title:before{display:none!important;content:none!important}
body.detail-view-active #detail-page-header .module-back-btn,
body.detail-view-active #detail-page-header .module-overlay-close{
  display:inline-flex!important;position:static!important;min-width:34px!important;min-height:34px!important;max-height:34px!important;
  margin:0!important;padding:0 12px!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(218,231,242,.32)!important;border-radius:4px!important;background:rgba(255,255,255,.06)!important;
  color:#e6eef5!important;box-shadow:none!important;font:500 12px/1.2 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
}
body.detail-view-active #detail-page-header .module-overlay-close{width:34px!important;min-width:34px!important;padding:0!important;font-size:18px!important}
@media(max-width:760px){
  body.detail-view-active #detail-page-header{top:62px!important;height:60px!important;min-height:60px!important;max-height:60px!important;padding:0 14px!important}
  body.detail-view-active #detail-page-title{font-size:16px!important}
}

/* Dynamic essay statistics are rendered after submit; the copied v12 default hides them. */
body.detail-view-active #essay-view .essay-result:not([hidden]){display:block!important}
body.detail-view-active #essay-view .essay-result[hidden]{display:none!important}

/* The original writing workspace owns its own title and stage switcher. */
body.detail-view-active.essay-editor-runtime-active #detail-page-header{display:none!important}
body.detail-view-active.essay-editor-runtime-active #essayPanel .wb-header{background:linear-gradient(112deg,#101f35 0%,#18314d 58%,#214562 100%)!important;border-bottom:2px solid #b7954f!important}

/* The grade dialog must dim the shared title bars as well as the question page. */
body.qbank-result-open .topbar,
body.qbank-result-open #detail-page-header{z-index:9998!important}

/* v12 hides every .result-card by default; show parsed sentence cards only after a result exists. */
#sentence-view.has-result .result-card{display:block!important}

/* Wordbook validation/save feedback must remain visible over copied v12 rules. */
#wordbank-view .wb-status:not(:empty){display:block!important;min-height:17px;padding:1px 0}
#wordbank-view .wb-status:empty{display:none!important;min-height:0;padding:0}
#wordbank-view .wb-status.error:not(:empty){color:#a44d42!important}

/* Vocabulary list: match the original compact counters, pale tab row and search toolbar. */
#wordbank-view:has(.wb-tab.active[data-wb-tab="words"]) .wb-title-row,
#wordbank-view:has(.wb-tab.active[data-wb-tab="phrases"]) .wb-title-row{display:none!important}
#wordbank-view .wb-speech-tools{min-height:26px;padding:2px 0 7px!important}
#wordbank-view .wb-count-strip{min-height:38px;box-sizing:border-box;padding:8px 12px!important;border:1px solid #e8e4d9!important;border-radius:7px!important;background:#f8f7f1!important;box-shadow:none!important;color:#5d675e!important;font-size:11px!important}
#wordbank-view .wb-count-strip b{font-size:12px!important}
#wordbank-view .wb-tabs{display:flex!important;gap:4px!important;flex-wrap:wrap!important;overflow:visible!important;margin:12px 0 0!important;padding:0 0 9px!important;border:0!important;border-bottom:1px solid #e8e4d9!important;border-radius:0!important;background:#fffefa!important;box-shadow:none!important}
#wordbank-view .wb-tabs>.wb-tab{min-height:30px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#68766c!important;-webkit-text-fill-color:#68766c!important;font:500 11px/1.2 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif!important;text-shadow:none!important;box-shadow:none!important}
#wordbank-view .wb-tabs>.wb-tab:hover:not(.active){background:#f5f5ef!important;color:#355742!important;-webkit-text-fill-color:#355742!important}
#wordbank-view .wb-tabs>.wb-tab.active{border-color:#dce6d9!important;background:#edf2eb!important;color:#31553e!important;-webkit-text-fill-color:#31553e!important;font-weight:700!important;box-shadow:none!important}
#wordbank-view .wb-toolbar{gap:8px!important;padding:11px 0 13px!important;border-top:0!important;border-bottom:1px solid #efeee8!important}
#wordbank-view .wb-toolbar input[type="search"]{height:38px!important;min-width:180px!important;border:1px solid #deded5!important;border-radius:6px!important;background:#fff!important;padding:0 11px!important;color:#33443a!important;font-size:11px!important;box-shadow:none!important}
#wordbank-view .wb-toolbar button,#wordbank-view .wb-toolbar .wb-import{height:36px!important;border-radius:6px!important;padding:0 12px!important;font-size:10px!important}
#wordbank-view .wb-toolbar .wb-add-toggle{background:#315a40!important;color:#fff!important}

/* Result state: full-screen original arena artwork and centered navy score sheet. */
#spelling-view:has(.spelling-result){position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10010!important;width:100vw!important;height:100vh!important;max-height:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:linear-gradient(180deg,rgba(5,15,29,.28),rgba(5,15,29,.76)),url("original/word-battle/arena.png") center center/cover fixed no-repeat!important;color:#f5f0e8!important}
#spelling-view:has(.spelling-result) .spelling-shell{position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:1px 20px 38px!important;background:transparent!important;color:#f5f0e8!important}
#spelling-view:has(.spelling-result) .spelling-heading{position:absolute!important;top:21px!important;right:27px!important;z-index:3!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#spelling-view:has(.spelling-result) .spelling-heading>div{display:none!important}
#spelling-view:has(.spelling-result) .spelling-heading [data-spelling-home]{display:flex!important;width:46px!important;height:44px!important;min-width:46px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:1px solid #6685a5!important;border-radius:11px!important;background:#15314d!important;color:transparent!important;font-size:0!important;box-shadow:0 4px 0 #07182b!important}
#spelling-view:has(.spelling-result) .spelling-heading [data-spelling-home]::after{content:"×";color:#eff7ff;font:400 31px/1 "Segoe UI",sans-serif!important}
#spelling-view:has(.spelling-result) .spelling-status:empty{display:none!important}
#spelling-view:has(.spelling-result) .spelling-status:not(:empty){position:absolute!important;top:20px!important;left:24px!important;z-index:3!important;padding:8px 12px!important;border:1px solid #6685a5!important;border-radius:8px!important;background:#102943!important;color:#d7e9f9!important}
#spelling-view:has(.spelling-result) .spelling-result{position:relative!important;box-sizing:border-box!important;width:min(100%,1000px)!important;max-width:1000px!important;min-height:75vh!important;margin:clamp(20px,7vh,67px) auto 0!important;padding:37px 40px 30px!important;border:1px solid #6483a1!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(22,52,82,.96),rgba(9,26,48,.97))!important;box-shadow:0 16px 50px rgba(0,0,0,.52)!important;color:#f5f0e8!important;text-align:center!important}
#spelling-view:has(.spelling-result) .spelling-result::before{display:block!important;content:"本局战绩"!important;margin:0 0 28px!important;color:#ffe7ab!important;font:900 52px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;text-shadow:0 3px #8b6234!important}
#spelling-view:has(.spelling-result) .spelling-result-icon,#spelling-view:has(.spelling-result) .spelling-result>h3{display:none!important}
#spelling-view:has(.spelling-result) .spelling-result-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:0 0 22px!important}
#spelling-view:has(.spelling-result) .spelling-result-stats>div{display:grid!important;gap:6px!important;min-height:118px!important;align-content:center!important;padding:17px 20px!important;border:1px solid #547594!important;border-radius:14px!important;background:#183955!important;color:#b5cde1!important;box-shadow:none!important}
#spelling-view:has(.spelling-result) .spelling-result-stats b{color:#ffdc8d!important;font:800 40px/1.1 "Segoe UI",sans-serif!important}
#spelling-view:has(.spelling-result) .spelling-result-stats span{color:#b5cde1!important;font-size:13px!important}
#spelling-view:has(.spelling-result) .spelling-ranking{margin:11px 0 15px!important;color:#d8e8f1!important;font-size:16px!important}
#spelling-view:has(.spelling-result) .spelling-publish-result:not(:empty){margin:8px 0!important;color:#ffdf92!important;font-size:12px!important}
#spelling-view:has(.spelling-result) .spelling-result-stage{display:none!important}
#spelling-view:has(.spelling-result) .spelling-missed{max-height:180px!important;overflow:auto!important;margin:8px 0!important;padding:12px 0!important;border:0!important;border-top:1px solid rgba(245,240,232,.16)!important;border-bottom:1px solid rgba(245,240,232,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:rgba(245,240,232,.78)!important}
#spelling-view:has(.spelling-result) .spelling-missed h3,#spelling-view:has(.spelling-result) .spelling-top-list>h3{margin:0 0 7px!important;color:#ffcf79!important;font:700 15px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
#spelling-view:has(.spelling-result) .spelling-missed ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 16px!important;margin:0!important;padding:0!important;list-style:none!important}
#spelling-view:has(.spelling-result) .spelling-missed li{display:flex!important;gap:8px!important;color:#d7e5f0!important;font-size:13px!important;line-height:1.8!important}
#spelling-view:has(.spelling-result) .spelling-missed li b{color:#ffcf79!important}
#spelling-view:has(.spelling-result) .spelling-missed li span,#spelling-view:has(.spelling-result) .spelling-missed p,#spelling-view:has(.spelling-result) .spelling-no-misses{color:#b8c9d8!important;font-size:13px!important}
#spelling-view:has(.spelling-result) .spelling-top-list{max-height:190px!important;overflow:auto!important;margin:9px 0 0!important;padding:12px 0!important;border-top:1px solid rgba(245,240,232,.16)!important;color:rgba(245,240,232,.8)!important;text-align:left!important}
#spelling-view:has(.spelling-result) .spelling-top-list>h3{text-align:center!important}
#spelling-view:has(.spelling-result) .spelling-top-list ol{display:grid!important;gap:2px!important;margin:0!important;padding:0 8px!important;list-style:none!important}
#spelling-view:has(.spelling-result) .spelling-top-list li{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:2px 0!important;color:#d8e5ef!important;font-size:13px!important;line-height:1.6!important}
#spelling-view:has(.spelling-result) .spelling-result-actions{display:flex!important;justify-content:center!important;gap:10px!important;margin:15px 0 0!important}
#spelling-view:has(.spelling-result) .spelling-result-actions button{min-width:118px!important;min-height:42px!important;border:1px solid #ffe6a3!important;border-radius:9px!important;background:linear-gradient(#ffe398,#ffc354)!important;color:#39290e!important;font:800 14px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:0 4px 0 #8b5d2b!important;cursor:pointer!important}
#spelling-view:has(.spelling-result) .spelling-result-actions button+button{border-color:#557797!important;background:#193753!important;color:#d7e9f9!important;box-shadow:0 4px 0 #07182b!important}
@media(max-width:760px){
  body.detail-view-active .topbar{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;overflow:hidden!important}
  body.detail-view-active .topbar .brand{flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important}
  body.detail-view-active .topbar .brand-copy,body.detail-view-active .topbar .brand-copy strong{white-space:nowrap!important}
  body.detail-view-active .top-actions{display:flex!important;flex:0 0 auto!important;min-width:0!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;margin-left:auto!important}
  body.detail-view-active .legacy-header-nav,body.detail-view-active .power-topbar,body.detail-view-active #top-sync-button,body.detail-view-active .top-user b{display:none!important}
  body.detail-view-active .top-user{display:flex!important;flex:0 0 auto!important;margin-left:2px!important}
  #wordbank-view:has(.wb-tab.active[data-wb-tab="words"]) .wb-tabs,#wordbank-view:has(.wb-tab.active[data-wb-tab="phrases"]) .wb-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin!important}
  #wordbank-view .wb-tabs>.wb-tab{padding:7px 8px!important;font-size:10px!important}
  #spelling-view:has(.spelling-result) .spelling-shell{padding:1px 9px 18px!important}
  #spelling-view:has(.spelling-result) .spelling-heading{top:11px!important;right:12px!important}
  #spelling-view:has(.spelling-result) .spelling-heading [data-spelling-home]{width:40px!important;height:38px!important;min-width:40px!important}
  #spelling-view:has(.spelling-result) .spelling-result{width:100%!important;min-height:calc(100vh - 28px)!important;margin:14px auto!important;padding:24px 14px 20px!important;border-radius:16px!important}
  #spelling-view:has(.spelling-result) .spelling-result::before{margin-bottom:20px!important;font-size:clamp(34px,9vw,48px)!important}
  #spelling-view:has(.spelling-result) .spelling-result-stats{gap:7px!important;margin-bottom:14px!important}
  #spelling-view:has(.spelling-result) .spelling-result-stats>div{min-height:82px!important;padding:10px 5px!important;border-radius:10px!important}
  #spelling-view:has(.spelling-result) .spelling-result-stats b{font-size:clamp(24px,7vw,34px)!important}
  #spelling-view:has(.spelling-result) .spelling-result-stats span{font-size:10px!important}
  #spelling-view:has(.spelling-result) .spelling-missed ul{grid-template-columns:1fr!important}
  #spelling-view:has(.spelling-result) .spelling-top-list li{font-size:11px!important}
  #spelling-view:has(.spelling-result) .spelling-result-actions{gap:8px!important}
  #spelling-view:has(.spelling-result) .spelling-result-actions button{min-width:0!important;flex:1!important;padding:0 8px!important}
}
/* A terminal battle result must escape the workbench stacking context and cover both shared bars. */
body.detail-view-active #spelling-view.spelling-result-active,
body.detail-view-active #spelling-view.spelling-result-active:not([hidden]){position:fixed!important;inset:0!important;z-index:10010!important;width:100vw!important;height:100vh!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:linear-gradient(180deg,rgba(5,15,29,.28),rgba(5,15,29,.76)),url("/javaenglish/assets/original/word-battle/arena.png") center center/cover fixed no-repeat!important;color:#f5f0e8!important}

/* Keep the original battle controls and narrow, scrollable score-sheet sections. */
#spelling-view .spelling-heading .battle-fullscreen{position:static!important;display:inline-flex!important;height:44px!important;min-height:44px!important;padding:0 14px!important;align-items:center!important;justify-content:center!important;border:1px solid #6484a5!important;border-radius:12px!important;background:#152c49!important;color:#d9edff!important;font:700 13px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:0 4px 0 #06101f!important;cursor:pointer!important}
#spelling-view:has(.spelling-result) .spelling-heading .battle-fullscreen{position:fixed!important;top:21px!important;right:80px!important;z-index:10012!important}
#spelling-view:has(.spelling-result) .spelling-missed{box-sizing:border-box!important;width:min(100%,340px)!important;max-width:340px!important;max-height:150px!important;overflow:auto!important;margin:8px auto!important;padding:8px 10px!important;border:1px solid rgba(245,240,232,.2)!important;border-radius:8px!important;text-align:center!important}
#spelling-view:has(.spelling-result) .spelling-missed h3{text-align:center!important}
#spelling-view:has(.spelling-result) .spelling-missed ul{display:grid!important;grid-template-columns:1fr!important;gap:0!important;text-align:center!important}
#spelling-view:has(.spelling-result) .spelling-missed li{justify-content:center!important;overflow-wrap:anywhere!important}
#spelling-view:has(.spelling-result) .spelling-missed-more{color:#b8c9d8!important}
#spelling-view:has(.spelling-result) .spelling-missed [data-spelling-review-mistakes]{min-height:36px!important;margin:7px auto 0!important;padding:8px 12px!important;font-size:12px!important}
#spelling-view:has(.spelling-result) .spelling-top-list{box-sizing:border-box!important;width:min(100%,360px)!important;max-width:360px!important;max-height:180px!important;margin:9px auto 0!important;padding:10px!important;border:1px solid rgba(245,240,232,.2)!important;border-radius:8px!important;text-align:left!important}
#spelling-view:has(.spelling-result) .spelling-top-list>h3{text-align:center!important}
#spelling-view .spelling-heading .battle-fullscreen:focus-visible,#spelling-view:has(.spelling-result) .spelling-missed [data-spelling-review-mistakes]:focus-visible{outline:3px solid #91efff!important;outline-offset:3px!important}

/* Lobby battle-mistake review: restore the original inline answer/review controls. */
#spelling-view .sp-battle-mistakes{box-sizing:border-box!important;width:min(700px,100%)!important;margin:12px auto 0!important;padding:12px 14px!important;border:1px solid rgba(255,215,120,.3)!important;border-radius:12px!important;background:rgba(7,24,45,.72)!important;text-align:left!important;color:#dcecff!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important}
#spelling-view .sp-battle-mistakes h3{margin:0 0 8px!important;color:#ffd875!important;font:700 15px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
#spelling-view .sp-battle-mistakes h3 span{color:#a9bfd2!important;font-size:11px!important;font-weight:400!important}
#spelling-view .sp-battle-mistakes-empty{padding:5px!important;color:#9fb4c9!important;font-size:12px!important;text-align:center!important}
#spelling-view .sp-battle-mistake-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:8px 0!important;border-top:1px solid rgba(255,255,255,.12)!important}
#spelling-view .sp-battle-mistake-word{color:#fff!important;font:700 16px Cambria,Georgia,serif!important}
#spelling-view .sp-battle-mistake-meta{display:block!important;margin-top:3px!important;color:#a9bfd2!important;font-size:11px!important}
#spelling-view .sp-battle-mistake-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#spelling-view .sp-battle-mistake-actions button{min-height:29px!important;padding:5px 8px!important;border:1px solid #6e91ad!important;border-radius:6px!important;background:#173955!important;color:#fff!important;font:400 11px/1.2 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:none!important;cursor:pointer!important}
#spelling-view .sp-battle-mistake-actions button:hover{background:#285b80!important}
#spelling-view .sp-battle-mistake-actions button:disabled{opacity:.65!important;cursor:wait!important}
#spelling-view .sp-battle-mistake-actions .ok{border-color:#77d5a2!important;background:#216a51!important}
#spelling-view .sp-battle-mistake-answer{display:none!important;grid-column:1/-1!important;padding:7px 9px!important;border-left:3px solid #ffd875!important;background:rgba(255,216,117,.08)!important;color:#f8e7b1!important;font-size:12px!important;line-height:1.6!important}
#spelling-view .sp-battle-mistake-answer.open{display:block!important}
@media(max-width:760px){
  #spelling-view:has(.spelling-result) .spelling-heading .battle-fullscreen{top:11px!important;right:62px!important;height:38px!important;min-height:38px!important;padding:0 9px!important;font-size:10px!important}
  #spelling-view:has(.spelling-result) .spelling-missed{max-width:min(100%,340px)!important}
  #spelling-view .sp-battle-mistakes{margin-top:10px!important;padding:10px 11px!important}
}
/* Match the original 738px battle-lobby review panel instead of stretching it to the viewport edges. */
@media(min-width:701px) and (max-width:760px){
  #spelling-view .sp-battle-mistakes{width:calc(87.6% + 13px)!important;max-width:none!important;margin:30px 0 0 3.8%!important;padding:14px 15px!important}
  #spelling-view .sp-battle-mistake-row{padding:11px 0!important}
  #spelling-view .sp-battle-mistake-actions{gap:6px!important}
  #spelling-view .sp-battle-mistake-actions button{padding:5px 10px!important}
}

/* Scale the arena to viewport height so wide displays never reveal an empty band below it. */
body.detail-view-active #spelling-view.spelling-result-active,
body.detail-view-active #spelling-view.spelling-result-active:not([hidden]){
  background-image:linear-gradient(180deg,rgba(5,15,29,.28),rgba(5,15,29,.76)),url("/javaenglish/assets/original/word-battle/arena.png")!important;
  background-size:100% 100%,auto 100vh!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:scroll,fixed!important;
  background-color:#071529!important;
}

/* The weekly report lives beside detail views in body and must render above their stacking layers. */
.analysis-weekly-modal{z-index:12020!important}
/* The copied legacy .weekly-modal rule hides the card until it gets .show; the PHP modal uses [hidden] on its parent instead. */
.analysis-weekly-modal>section.weekly-modal{display:block!important}

/* N.17: wordbook gets the original edge-to-edge page canvas and first-screen density. */
body.detail-view-active:has(#wordbank-view:not([hidden])){overflow:hidden!important;background:#fffefa!important;color:#344154!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) .topbar,
body.detail-view-active:has(#wordbank-view:not([hidden])) #detail-page-header{display:none!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #homeLibraryShell>.workbench-main{background:#fffefa!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view:not([hidden]){position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10001!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;min-height:0!important;margin:0!important;padding:0 34px 18px 20px!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fffefa!important;color:#344154!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-speech-tools{box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;height:47px!important;min-height:47px!important;margin:0!important;padding:0!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-count-strip{min-height:38px!important;margin:0!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-tabs{margin-top:12px!important}
/* Keep the junior/senior filter on the legacy tab row so it does not push the list down. */
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-tabs-stage-row{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:12px 0 0!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-tabs{flex:1 1 auto!important;min-width:0!important;margin:0!important}
#wordbank-view .wb-stage-bar{position:static!important;flex:0 0 auto!important;box-sizing:border-box!important;min-height:34px!important;margin:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:auto!important}
#wordbank-view .wb-stage-bar-copy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#wordbank-view .wb-stage-bar .learning-stage-buttons{gap:2px!important;padding:2px!important;border:1px solid #e8e4d9!important;border-radius:6px!important;background:#f8f7f1!important}
#wordbank-view .wb-stage-bar .learning-stage-btn{min-height:27px!important;padding:5px 9px!important;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;color:#68766c!important;font:500 11px/1.2 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif!important}
#wordbank-view .wb-stage-bar .learning-stage-btn.active{border-color:#dce6d9!important;background:#edf2eb!important;color:#31553e!important;box-shadow:none!important}
@media(max-width:760px){
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-tabs-stage-row{display:block!important}
  #wordbank-view .wb-stage-bar{min-height:32px!important;padding:2px 0 8px!important;justify-content:flex-end!important}
}
@media(min-width:761px){body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-toolbar{padding:7px 0 21px!important}}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-toolbar{padding:11px 0 13px!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-status:not(.error):not(:empty){display:none!important;min-height:0!important;margin:0!important;padding:0!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-list-heading{margin:0 0 5px!important}
body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view #wb-content>.wb-entry-list+.wb-list-heading{margin-top:50px!important}
/* Keep the home action visible in the actual wordbook root without relying on body :has() state timing. */
#wordbank-view:not([hidden]) .wb-page-head{position:absolute!important;top:0!important;right:34px!important;left:20px!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;height:47px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;pointer-events:none!important}
#wordbank-view:not([hidden]) .wb-page-head .wb-sync-mark{display:none!important}
#wordbank-view:not([hidden]) .wb-page-head .wb-back{position:relative!important;top:auto!important;left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:28px!important;margin:0!important;padding:5px 10px!important;border:1px solid #deded5!important;border-radius:6px!important;background:#fff!important;color:#55715d!important;font:500 11px/1.2 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important}
#wordbank-view:not([hidden]) .wb-page-head .wb-back:hover{border-color:#b9cbbb!important;background:#f5f7f1!important;color:#31553e!important}
/* N.18: restore the legacy daily-reading modal and generated-practice entrance. */
body.daily-modal-active::before{content:"";position:fixed;z-index:9998;top:62px;right:0;bottom:0;left:0;background:rgba(83,94,108,.58);backdrop-filter:blur(5px) saturate(.72);-webkit-backdrop-filter:blur(5px) saturate(.72);}
/* Let the fixed reading dialog escape the workbench stacking context and cover the blurred right rail. */
body.daily-modal-active #homeLibraryShell>.workbench-main{isolation:auto!important;}
body.daily-modal-active #daily-view:not([hidden]){position:fixed!important;z-index:9999!important;top:72px!important;left:calc(50vw - 7px)!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;box-sizing:border-box!important;width:min(890px,calc(100vw - 40px))!important;height:366px!important;min-height:366px!important;max-height:calc(100vh - 92px)!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:3px!important;background:#f7f8fa!important;color:#26384d!important;box-shadow:0 18px 60px rgba(10,21,36,.28)!important;}
body.daily-modal-active #daily-view .daily-modal-panel{display:flex!important;flex-direction:column!important;min-height:366px!important;max-height:calc(100vh - 92px)!important;height:100%!important;overflow:hidden!important;border:1px solid #d5dfe7!important;border-radius:3px!important;background:#f7f8fa!important;}
body.daily-modal-active #daily-view .daily-panel-head{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 68px!important;box-sizing:border-box!important;min-height:68px!important;padding:0 17px 0 21px!important;color:#fff!important;background:#142b47!important;border-bottom:2px solid #c69b48!important;}
body.daily-modal-active #daily-view .daily-panel-head h2{flex:1!important;margin:0!important;color:#fff!important;font:700 19px/1.3 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;}
body.daily-modal-active #daily-view .daily-panel-actions{display:flex!important;align-items:center!important;gap:9px!important;}
body.daily-modal-active #daily-view .daily-panel-actions button{box-sizing:border-box!important;min-height:33px!important;padding:0 11px!important;border:1px solid #64778a!important;border-radius:2px!important;background:transparent!important;color:#fff!important;font:600 12px/1 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;cursor:pointer!important;}
body.daily-modal-active #daily-view .daily-panel-actions .daily-panel-close{width:34px!important;min-width:34px!important;padding:0!important;font-size:23px!important;font-weight:400!important;}
body.daily-modal-active #daily-view .daily-launch-body{box-sizing:border-box!important;flex:1!important;padding:33px 29px 36px!important;text-align:left!important;overflow:auto!important;}
body.daily-modal-active #daily-view .daily-launch-card{display:flex!important;align-items:center!important;box-sizing:border-box!important;height:65px!important;padding:7px!important;border:1px solid #d5dfe7!important;background:#fff!important;}
body.daily-modal-active #daily-view .daily-launch-icon{font:48px/1 "Segoe UI Emoji","Apple Color Emoji",sans-serif!important;}
body.daily-modal-active #daily-view .daily-launch-spinner{width:34px!important;height:34px!important;margin:0 7px!important;border:4px solid #dbe6e1!important;border-top-color:#206f58!important;border-radius:50%!important;animation:daily-launch-spin .8s linear infinite!important;}
@keyframes daily-launch-spin{to{transform:rotate(360deg)}}
body.daily-modal-active #daily-view .daily-launch-copy{margin:12px 0 27px!important;color:#8b96a4!important;font:15px/1.6 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;}
body.daily-modal-active #daily-view .daily-launch-status{margin:-16px 0 14px!important;color:#738092!important;font-size:12px!important;}
body.daily-modal-active #daily-view .daily-launch-status.error{color:#a2473f!important;}
body.daily-modal-active #daily-view .daily-launch-button{display:block!important;min-width:130px!important;min-height:40px!important;margin:0 auto!important;padding:0 22px!important;border:0!important;border-radius:3px!important;background:#206f58!important;color:#fff!important;box-shadow:none!important;font:700 14px/1 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;cursor:pointer!important;}
body.daily-modal-active #daily-view .daily-launch-button:hover{background:#195b48!important;}
body.daily-modal-active #daily-view .daily-launch-button:disabled{opacity:.65!important;cursor:wait!important;}
body.daily-modal-active #daily-view .daily-active-body{box-sizing:border-box!important;flex:1!important;padding:20px 28px 24px!important;overflow:auto!important;}
body.daily-modal-active #daily-view .daily-title{padding-top:0!important;}
body.daily-modal-active #daily-view .daily-history{margin-bottom:4px!important;}
@media(max-width:760px){
  body.daily-modal-active::before{top:54px;background:rgba(83,94,108,.66);}
  body.daily-modal-active #daily-view:not([hidden]){top:62px!important;left:50vw!important;bottom:auto!important;width:calc(100vw - 24px)!important;height:366px!important;min-height:0!important;max-height:calc(100vh - 74px)!important;}
  body.daily-modal-active #daily-view .daily-modal-panel{min-height:0!important;max-height:calc(100vh - 74px)!important;}
  body.daily-modal-active #daily-view .daily-panel-head{flex-basis:60px!important;min-height:60px!important;padding:0 10px 0 13px!important;}
  body.daily-modal-active #daily-view .daily-panel-head h2{font-size:17px!important;}
  body.daily-modal-active #daily-view .daily-panel-actions{gap:6px!important;}
  body.daily-modal-active #daily-view .daily-panel-actions button{padding:0 7px!important;font-size:10px!important;}
  body.daily-modal-active #daily-view .daily-panel-actions .daily-panel-close{width:31px!important;min-width:31px!important;}
  body.daily-modal-active #daily-view .daily-launch-body{padding:22px 15px 24px!important;}
  body.daily-modal-active #daily-view .daily-launch-copy{font-size:13px!important;margin:12px 0 24px!important;}
  body.daily-modal-active #daily-view .daily-active-body{padding:15px 13px 20px!important;}
}
body.daily-modal-active .learning-nav,body.daily-modal-active #home-overview,body.daily-modal-active #home-learning-rail{filter:blur(4px)!important;}
body.daily-modal-active #avatarFloat{display:none!important;}
body.daily-modal-active .spelling-launcher{z-index:9997!important;filter:blur(5px)!important;}
/* Keep the local-only AI availability note and its action while matching the compact legacy result card. */
#home-overview.sentence-focus #sentence-view .sentence-diagnosis-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:14px!important;min-height:104px!important;padding:15px 16px!important}
#home-overview.sentence-focus #sentence-view .sentence-diagnosis-card>header{grid-column:1/-1!important;margin:0 0 4px!important}
#home-overview.sentence-focus #sentence-view .sentence-diagnosis-card>.sentence-diagnosis-content{min-width:0!important;line-height:1.45!important}
#home-overview.sentence-focus #sentence-view .sentence-diagnosis-card>.sentence-diagnosis-action{justify-self:end!important;margin:0!important;padding:5px 8px!important;white-space:nowrap!important;font-size:9px!important}
/* N.17.3: align the live form controls and result spacing with the same-size legacy capture. */
#home-overview.sentence-focus #sentence-view .sentence-input-card h2{font-size:21px!important}
#home-overview.sentence-focus #sentence-view .sentence-input-card header p{font-size:12px!important}
#home-overview.sentence-focus #sentence-view .sentence-clear-icon{box-sizing:border-box!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;overflow:hidden!important;color:transparent!important;font-size:0!important;position:relative!important}
#home-overview.sentence-focus #sentence-view .sentence-clear-icon::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#d5e0ea;font:400 20px/1 "Segoe UI",sans-serif}
#home-overview.sentence-focus #sentence-view #sentence-input{font:400 16px/1.65 Georgia,"Times New Roman",serif!important}
#home-overview.sentence-focus #sentence-view .sentence-action-row{margin:19px 21px 7px!important}
#home-overview.sentence-focus #sentence-view .sentence-actions button{height:43px!important;min-height:43px!important;padding:0 15px!important;font-size:14px!important}
#home-overview.sentence-focus #sentence-view .sentence-actions [data-sentence-zh2en]{min-width:122px!important}
#home-overview.sentence-focus #sentence-view .sentence-actions [data-sentence-check]{min-width:138px!important}
#home-overview.sentence-focus #sentence-view .sentence-actions [data-sentence-speak]{min-width:110px!important}
#home-overview.sentence-focus #sentence-view .sentence-consent{margin-bottom:3px!important}
#home-overview.sentence-focus #sentence-view .sentence-status:not(.error):not(:empty){color:#a8bdcf!important}
#home-overview.sentence-focus #sentence-view .sentence-diagnosis-card{margin-bottom:17px!important}
#home-overview.sentence-focus #sentence-view .sentence-board-card>header p{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){
  #home-overview.sentence-focus #sentence-view .sentence-diagnosis-card{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;gap:4px!important;padding:12px!important}
  #home-overview.sentence-focus #sentence-view .sentence-diagnosis-card>header{grid-column:1!important;margin:0!important}
  #home-overview.sentence-focus #sentence-view .sentence-diagnosis-card>.sentence-diagnosis-action{justify-self:start!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) .topbar,
  body.detail-view-active:has(#wordbank-view:not([hidden])) #detail-page-header{display:none!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view:not([hidden]){padding:0 10px 14px!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-tabs>.wb-tab{flex:0 0 auto!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-toolbar{flex-wrap:wrap!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-toolbar input[type="search"]{flex:1 1 100%!important;width:100%!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-entry{min-height:89px!important;padding:10px!important}
  body.detail-view-active:has(#wordbank-view:not([hidden])) #wordbank-view .wb-page-head{right:10px!important;left:10px!important}
}

/* N.22.1: the old reading launcher is compact; active article and answer stages grow to the viewport. */
body.daily-modal-active #daily-view:not([hidden]):has(.daily-active-panel){height:auto!important;min-height:min(608px,calc(100vh - 92px))!important;max-height:calc(100vh - 92px)!important;overflow:hidden!important}
body.daily-modal-active #daily-view .daily-modal-panel.daily-active-panel{height:auto!important;min-height:min(608px,calc(100vh - 92px))!important;max-height:calc(100vh - 92px)!important}
body.daily-modal-active #daily-view .daily-active-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
@media(max-width:760px){
  body.daily-modal-active #daily-view:not([hidden]):has(.daily-active-panel){min-height:min(608px,calc(100vh - 74px))!important;max-height:calc(100vh - 74px)!important}
  body.daily-modal-active #daily-view .daily-modal-panel.daily-active-panel{min-height:min(608px,calc(100vh - 74px))!important;max-height:calc(100vh - 74px)!important}
}

/* N.22.2: active reading follows the legacy practice order and card geometry. */
body.daily-modal-active #daily-view .daily-active-body{padding:24px 30px 22px!important}
body.daily-modal-active #daily-view .daily-status.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.daily-modal-active #daily-view .daily-visible-error{margin:0 0 12px!important;padding:9px 12px!important;border:1px solid #e6b7b3!important;border-radius:3px!important;background:#fff5f4!important;color:#8d3a35!important;font:12px/1.55 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;overflow:visible!important;margin:10px 0 12px!important;border:1px solid #d5dfe7!important;border-radius:2px!important;background:#fff!important}
body.daily-modal-active #daily-view .daily-steps span{display:block!important;min-width:0!important;padding:7px 3px!important;border-right:1px solid #d5dfe7!important;border-radius:0!important;background:#fff!important;color:#64748b!important;text-align:center!important;font:11px/1.45 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;white-space:normal!important}
body.daily-modal-active #daily-view .daily-steps span:last-child{border-right:0!important}
body.daily-modal-active #daily-view .daily-steps span.active{background:#17324d!important;color:#fff!important}
body.daily-modal-active #daily-view .daily-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:20px!important;margin:0 0 12px!important;color:#64748b!important;font:12px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-passage{box-sizing:border-box!important;margin:0 0 16px!important;padding:18px!important;border:1px solid #bbf7d0!important;border-radius:12px!important;background:#f0fdf4!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-passage h3{margin:0 0 10px!important;color:#166534!important;font:600 16px/1.45 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-source{margin:0 0 8px!important;color:#6b7280!important;font:11px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-passage-text{margin:0!important;color:#1a202c!important;font:14px/1.8 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;white-space:pre-wrap!important}
body.daily-modal-active #daily-view .daily-translation{margin-top:10px!important;padding-top:0!important;border-top:0!important}
body.daily-modal-active #daily-view .daily-translation summary{color:#0d9488!important;font:12px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-translation p{margin:6px 0 0!important;color:#64748b!important;font:13px/1.7 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-questions{margin:0 0 16px!important}
body.daily-modal-active #daily-view .daily-questions>h3,body.daily-modal-active #daily-view .daily-vocabulary>h3{margin:0 0 10px!important;color:var(--ink,#26384d)!important;font:600 15px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-question{box-sizing:border-box!important;margin:0 0 10px!important;padding:14px!important;border:1px solid #d5dfe7!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-question h4{margin:0 0 8px!important;color:#26384d!important;font:600 14px/1.55 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-option{display:block!important;margin:2px 0!important;padding:6px 10px!important;border:0!important;border-radius:6px!important;color:#334155!important;font:13px/1.55 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-option:hover,body.daily-modal-active #daily-view .daily-option.selected{border-color:transparent!important;background:#f1f5f9!important}
body.daily-modal-active #daily-view .daily-option input{margin:0 6px 0 0!important;accent-color:#17324d!important}
body.daily-modal-active #daily-view .daily-feedback{margin-top:8px!important;padding:10px 13px!important;border-radius:2px!important;font:12px/1.65 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-feedback.correct{border:1px solid #a9d6ba!important;background:#f0faf4!important;color:#245b41!important}
body.daily-modal-active #daily-view .daily-feedback.wrong{border:1px solid #e6b7b3!important;background:#fff5f4!important;color:#8d3a35!important}
body.daily-modal-active #daily-view .daily-detail-card{box-sizing:border-box!important;margin:0 0 16px!important;padding:12px!important;border:1px solid #bfdbfe!important;border-radius:8px!important;background:#eff6ff!important;color:#1e40af!important;box-shadow:none!important;font:13px/1.7 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-detail-card h3{display:inline!important;margin:0!important;color:#1e40af!important;font:700 13px/1.7 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-detail-card span{color:#1e40af!important}
body.daily-modal-active #daily-view .daily-detail-card button{display:block!important;margin-top:8px!important;padding:5px 10px!important;border:1px solid #bfdbfe!important;border-radius:2px!important;background:#fff!important;color:#1e40af!important;font:12px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-vocabulary{margin:0 0 16px!important}
body.daily-modal-active #daily-view .daily-vocab-grid{display:block!important}
body.daily-modal-active #daily-view .daily-vocab-grid article{display:inline-block!important;vertical-align:top!important;box-sizing:border-box!important;max-width:100%!important;margin:4px 6px!important;padding:8px 14px!important;border:1px solid #fde68a!important;border-radius:8px!important;background:#fefce8!important;box-shadow:none!important;color:#26384d!important;font:13px/1.55 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-vocab-grid article strong{color:#1f2937!important;font:700 13px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-vocab-grid article>span{color:#854d0e!important;font:13px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-vocab-grid article small{color:#64748b!important;font:11px/1.55 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-vocab-grid article button{margin-top:5px!important;padding:3px 8px!important;border:1px solid #d5dfe7!important;border-radius:2px!important;background:#fff!important;color:#334155!important;font:10px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-step-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:14px 0 0!important;padding:0!important}
body.daily-modal-active #daily-view .daily-active-time{flex:1!important;color:#64748b!important;font:12px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
body.daily-modal-active #daily-view .daily-active-time b{color:#64748b!important;font-size:12px!important}
body.daily-modal-active #daily-view .daily-step-actions .daily-primary{min-height:36px!important;margin:0!important;padding:7px 14px!important;border:0!important;border-radius:3px!important;background:#17324d!important;color:#fff!important;font:600 13px/1.5 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-step-actions .daily-primary:disabled{opacity:.6!important}
body.daily-modal-active #daily-view .daily-complete{display:block!important;margin:14px 0!important;padding:12px!important;border:1px solid #b9d7c5!important;border-radius:0!important;background:#f1faf4!important;color:#285a42!important;text-align:left!important;font:13px/1.7 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-complete b{color:#285a42!important}
@media(max-width:760px){
  body.daily-modal-active #daily-view .daily-active-body{padding:16px 14px 20px!important}
  body.daily-modal-active #daily-view .daily-steps span{padding:7px 2px!important;font-size:10px!important}
  body.daily-modal-active #daily-view .daily-passage{padding:14px!important}
  body.daily-modal-active #daily-view .daily-passage-text{font-size:13px!important}
  body.daily-modal-active #daily-view .daily-step-actions .daily-primary{padding:7px 9px!important;font-size:11px!important}
}

/* N.22.3: screenshot correction for the old white reading sheet and native radio form. */
body.daily-modal-active::before{background:rgba(165,173,183,.76)!important;backdrop-filter:blur(5px) saturate(.72)!important;-webkit-backdrop-filter:blur(5px) saturate(.72)!important}
body.daily-modal-active #daily-view .daily-nav{box-sizing:border-box!important;min-height:24px!important;padding:2px 0 2px 10px!important;border:1px solid #d5dfe7!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#f4f8fb)!important;box-shadow:0 5px 0 #e0e8ef,0 9px 16px rgba(28,51,74,.06)!important}
body.daily-modal-active #daily-view .daily-nav-actions{display:flex!important;align-items:center!important;gap:5px!important}
body.daily-modal-active #daily-view .daily-nav-actions button{min-height:22px!important;padding:3px 9px!important;border:0!important;border-radius:4px!important;background:#e2e8f0!important;color:#334155!important;font:11px/1.4 "Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;box-shadow:none!important;cursor:pointer!important}
body.daily-modal-active #daily-view .daily-nav-actions button[data-daily-add-article]{margin-left:3px!important;background:#0d9488!important;color:#fff!important}
body.daily-modal-active #daily-view .daily-nav-actions button:disabled{opacity:.55!important;cursor:wait!important}
body.daily-modal-active #daily-view .daily-passage{border:1px solid #d5dfe7!important;border-radius:13px!important;background-color:#fff!important;background-image:linear-gradient(145deg,#fff,#f4f8fb)!important;box-shadow:0 5px 0 #e0e8ef,0 9px 16px rgba(28,51,74,.06)!important}
body.daily-modal-active #daily-view .daily-passage h3{color:#23496c!important}
body.daily-modal-active #daily-view .daily-passage-text{color:#1f2d3e!important;font:16px/1.9 Cambria,Georgia,serif!important}
body.daily-modal-active #daily-view .daily-questions>h3,body.daily-modal-active #daily-view .daily-vocabulary>h3{color:#17365d!important;font-size:15px!important}
body.daily-modal-active #daily-view .daily-question{border:1px solid #d5dfe7!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#f4f8fb)!important;box-shadow:0 5px 0 #e0e8ef,0 9px 16px rgba(28,51,74,.06)!important}
body.daily-modal-active #daily-view .daily-question h4{font-size:15px!important;line-height:1.55!important}
body.daily-modal-active #daily-view .daily-option{padding:6px 10px!important;color:#52677c!important;font:16px/1.55 Cambria,Georgia,serif!important}
body.daily-modal-active #daily-view .daily-option input[type="radio"]{display:inline-block!important;box-sizing:border-box!important;width:13px!important;min-width:13px!important;height:13px!important;min-height:13px!important;margin:0 6px 0 0!important;padding:0!important;vertical-align:-1px!important;appearance:auto!important;-webkit-appearance:radio!important;border:initial!important;border-radius:50%!important;box-shadow:none!important;accent-color:#17324d!important}
body.daily-modal-active #daily-view .daily-option.selected.wrong{background:#fff1f2!important;color:#52677c!important}
body.daily-modal-active #daily-view .daily-option.selected.correct{background:#f0fdf4!important;color:#52677c!important}
body.daily-modal-active #daily-view .daily-step-actions .daily-primary{box-sizing:border-box!important;min-width:0!important;min-height:0!important;padding:2px 6px!important;border:1px solid #767676!important;border-radius:2px!important;background:#f0f0f0!important;color:#111!important;font:13px Arial,sans-serif!important;box-shadow:none!important}
body.daily-modal-active #daily-view .daily-step-actions .daily-primary:disabled{color:#111!important;opacity:.6!important}
@media(max-width:760px){
  body.daily-modal-active #daily-view .daily-nav{padding-left:6px!important}
  body.daily-modal-active #daily-view .daily-nav-actions{gap:3px!important}
  body.daily-modal-active #daily-view .daily-nav-actions button{padding:3px 5px!important;font-size:10px!important}
  body.daily-modal-active #daily-view .daily-passage-text{font-size:14px!important}
  body.daily-modal-active #daily-view .daily-option{font-size:14px!important}
}

/* The QA modal is centered against the viewport; secondary-page offsets must not move it below both shared headers. */
body.qa-modal-open #detail-page-header{display:none!important}
body.qa-modal-open #qa-view:not([hidden]){position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:12000!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:clamp(12px,2.2vw,28px)!important;overflow:auto!important;border:0!important;border-radius:0!important;background:rgba(15,29,48,.62)!important;color:#26384d!important;box-shadow:none!important;backdrop-filter:blur(5px)}
@media(max-width:640px){
  body.qa-modal-open #qa-view:not([hidden]){padding:0!important;background:#f7f8fa!important;backdrop-filter:none!important}
}

/* N.76: unified navy-and-gold scrollbars across the PHP workbench. */
:root,*{scrollbar-width:thin;scrollbar-color:#607a93 #101e31}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{border:1px solid #30465d;border-radius:8px;background:linear-gradient(135deg,#0c192b,#152940)}
*::-webkit-scrollbar-thumb{min-width:24px;min-height:24px;border:2px solid #101e31;border-radius:8px;background:linear-gradient(180deg,#91a7ba,#526b83)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e7ca85,#ad8743)}
*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#f2d99b,#c39749)}
*::-webkit-scrollbar-corner{background:#101e31}

/* Sentence-analysis output uses the same dark workbench palette as its input form. */
#sentence-view .sentence-workspace .result-card>header h3{color:#e8dfc9!important}
#sentence-view .sentence-workspace .result-card>header p{color:#a8bbcf!important}
#sentence-view .sentence-workspace .badge{border:1px solid #536a82;background:#203852;color:#e0c985}
#sentence-view .sentence-board-card>header h3{color:#e8dfc9!important}
#sentence-view .sentence-legend span{border:1px solid #465d76;background:#203852;color:#b8c7d8}
#sentence-view .sentence-click-note{color:#a8bdcf}
#sentence-view .sentence-phrases{color:#e2c47c}
#sentence-view .sentence-phrase-chip{border-color:#806d46;background:#1e344d;color:#ecd9aa}
#sentence-view .sentence-phrase-chip span{color:#bdc9d7}
#sentence-view .sentence-phrase-chip small{color:#e0bd72}
#sentence-view .sentence-phrases-empty>span{color:#a8bdcf}
#sentence-view .sentence-diagnosis-content{color:#d1dce8}
#sentence-view .sentence-diagnosis-empty{color:#a8bdcf}
#sentence-view .sentence-error-item{border-color:#465b72}
#sentence-view .sentence-error-item>span{background:#493d3a;color:#ffd1c4}
#sentence-view .sentence-error-item>b{color:#fff0d1}
#sentence-view .sentence-error-item>small{color:#bac6d4}
#sentence-view .sentence-diagnosis-action{border-color:#536b82;background:#203852;color:#e3d3ad}
#sentence-view .sentence-diagnosis-action:hover{border-color:#d5b56e;background:#29445f}
#sentence-view .sentence-overview-grid>div{border-left-color:#d9b66b;background:#10223a}
#sentence-view .sentence-overview-grid small{color:#a8bbcf}
#sentence-view .sentence-overview-grid strong{color:#f0e6cf}
#sentence-view .sentence-analysis-note{color:#a8bbcf}
#sentence-view .sentence-detail-table th{border-color:#3f556d;background:#203852;color:#d5e0ea}
#sentence-view .sentence-detail-table td{border-color:#354a61;color:#cbd7e3}
#sentence-view .sentence-table-word{color:#e2c47c}
#sentence-view .sentence-table-word.quiet{color:#a8bbcf}
#sentence-view .sentence-table-role{color:#d9c794}
#sentence-view .sentence-table-tag{color:#bdc9d7}
#sentence-view .sentence-weakness-empty,#sentence-view .sentence-history-empty{color:#a8bbcf}
#sentence-view .sentence-empty-state{color:#a8bbcf}
#sentence-view .sentence-empty-state>b{color:#edf1f5}
#sentence-view .sentence-empty-state>small{color:#a8bbcf}
#sentence-view .sentence-history summary{color:#d6e0eb}
#sentence-view .sentence-history summary span{color:#e2c47c}
#sentence-view .sentence-history-list button{display:grid!important;gap:5px!important;width:100%!important;padding:10px 12px!important;border-color:#52677e!important;background:#203852!important;color:#edf3f8!important}
#sentence-view .sentence-history-list button:hover{background:#29445f!important}
#sentence-view .sentence-history-list button>span{display:block!important;overflow:visible!important;color:#f3f6fa!important;font-size:13px!important;font-weight:600!important;line-height:1.55!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important}
#sentence-view .sentence-history-list button small{color:#cbd8e4!important;font-size:10px!important;line-height:1.45!important;white-space:normal!important}
#sentence-view .sentence-table-word{color:#f0c977!important;text-decoration:underline;text-decoration-color:#b68d3f;text-underline-offset:3px}
#sentence-view .sentence-table-word:hover{color:#ffe19a!important;text-decoration-color:#ffe19a}
#sentence-view .sentence-table-word.quiet{color:#c7d5e2!important}
#sentence-view .sentence-consent label{color:#acbdd0}
#sentence-view .sentence-consent small{color:#91a4ba}
#sentence-view .sentence-status.error:not(:empty){display:block!important;min-height:19px!important;margin:8px 22px 6px!important;padding:5px 10px!important;border:1px solid #70545a!important;border-radius:7px!important;background:#352b30!important;color:#ffc1b5!important;box-shadow:none!important}
body:has(#home-overview.sentence-focus) #avatarFloat .avatar-bubble{display:none!important}
body:has(#home-overview.sentence-focus) #avatarFloat{display:none!important}

/* N.76.1: keep actual sentence result cards on the navy canvas after the sentence stylesheet renders them. */
#sentence-view .sentence-workspace>.result-card,
#sentence-view .sentence-workspace>.sentence-result-card,
#sentence-view .sentence-workspace>.sentence-history{
  border:1px solid #52667e!important;border-radius:10px!important;
  background:linear-gradient(135deg,#192f47,#13263c)!important;
  color:#d6e0eb!important;box-shadow:0 8px 20px #0003!important
}
#sentence-view .sentence-workspace .sentence-result-grid section,
#sentence-view .sentence-workspace .sentence-token-strip,
#sentence-view .sentence-workspace .sentence-translation,
#sentence-view .sentence-workspace .sentence-detail-note{
  border-color:#40566e!important;background:#10223a!important;color:#d6e0eb!important
}

/* Keep PHP vocabulary rows on the photographed legacy list treatment above; do not add newer card rails/shadows here. */

/* N.76.2: the lower sentence results follow the legacy white-card/table/statistics layout. */
#sentence-view .sentence-workspace>.sentence-word-card,
#sentence-view .sentence-workspace>.sentence-passage-stats-card{
  display:block!important;box-sizing:border-box!important;margin:0!important;padding:30px 31px 32px!important;
  border:1px solid #40556d!important;border-radius:14px!important;
  background:#fff!important;color:#263344!important;
  box-shadow:0 4px 16px rgba(20,14,6,.08),0 1px 4px rgba(20,14,6,.04),0 0 0 1px rgba(180,150,100,.06)!important
}
#sentence-view .sentence-workspace>.sentence-word-card{margin-bottom:15px!important}
#sentence-view .sentence-workspace .sentence-word-card>header h3,
#sentence-view .sentence-workspace .sentence-passage-stats-card>header h3{
  margin:0 0 17px!important;padding:0 0 10px!important;border:0!important;
  border-bottom:1px solid #dbe3ec!important;color:#e6edf5!important;
  font-size:17px!important;font-weight:700!important;letter-spacing:.5px!important
}
#sentence-view .sentence-word-card .badge,
#sentence-view .sentence-passage-stats-card .badge{
  margin-left:8px!important;padding:3px 10px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(135deg,#262a42,#364050)!important;color:#e8dcc8!important;
  font-size:10px!important;font-weight:500!important;letter-spacing:1px!important
}
#sentence-view .sentence-table-scroll{overflow-x:auto!important;border-radius:8px!important}
#sentence-view .sentence-workspace>.sentence-word-card .sentence-table-scroll{padding-top:1px!important}
#sentence-view .sentence-workspace>.sentence-passage-stats-card>header h3{padding-bottom:11px!important}
#sentence-view .sentence-workspace>.sentence-passage-stats-card .sentence-passage-vocab{padding-top:4px!important}
#sentence-view .sentence-detail-table{width:100%!important;min-width:680px!important;border-collapse:collapse!important;font-size:13px!important}
#sentence-view .sentence-detail-table th{
  position:static!important;padding:10px 8px!important;border:0!important;border-bottom:2px solid #e4dcc8!important;
  background:#f4ede0!important;color:#14172a!important;font-size:13px!important;font-weight:700!important;
  letter-spacing:.5px!important;text-align:left!important
}
#sentence-view .sentence-detail-table td{
  padding:8.45px 8px!important;border:0!important;border-bottom:1px solid #e4dcc8!important;
  background:transparent!important;color:#263344!important;font-size:13px!important;white-space:nowrap!important
}
#sentence-view .sentence-detail-table tr:hover td{background:#fbf8f0!important}
#sentence-view .sentence-detail-table td:first-child strong{font-weight:700!important}
#sentence-view .sentence-detail-table .sentence-table-word{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:inherit!important;font-size:13px!important;text-decoration:none!important
}
#sentence-view .sentence-detail-table .sentence-table-word:hover{color:#7a5a08!important;text-decoration:underline!important}
#sentence-view .sentence-detail-table .sentence-table-word.quiet{color:#718096!important}
#sentence-view .sentence-detail-table .sentence-table-tag{
  display:inline-block!important;padding:1px 6px!important;border-radius:3px!important;
  background:#e2e8f0!important;color:#334155!important;font-size:12px!important;font-weight:400!important
}
#sentence-view .sentence-detail-table .pos-n,
#sentence-view .sentence-detail-table .pos-pron{background:#bfd8c4!important;color:#2d4a32!important}
#sentence-view .sentence-detail-table .pos-v{background:#ecc8c4!important;color:#7a2828!important}
#sentence-view .sentence-detail-table .pos-adj{background:#e0d0f0!important;color:#4a3070!important}
#sentence-view .sentence-detail-table .pos-adv{background:#faf0db!important;color:#7a5518!important}
#sentence-view .sentence-detail-table .pos-prep{background:#c8d8e8!important;color:#2a3d50!important}
#sentence-view .sentence-detail-table .pos-conj{background:#f0c8d4!important;color:#602840!important}
#sentence-view .sentence-detail-table .pos-det{background:#d8dcd8!important;color:#364050!important}
#sentence-view .sentence-detail-table .pos-other{background:#f4ede0!important;color:#8898a8!important}
#sentence-view .sentence-detail-table td .pos-n,
#sentence-view .sentence-detail-table td .pos-pron,
#sentence-view .sentence-detail-table td .pos-v,
#sentence-view .sentence-detail-table td .pos-adj,
#sentence-view .sentence-detail-table td .pos-adv,
#sentence-view .sentence-detail-table td .pos-prep,
#sentence-view .sentence-detail-table td .pos-conj,
#sentence-view .sentence-detail-table td .pos-det,
#sentence-view .sentence-detail-table td .pos-other{
  display:inline-block!important;padding:2px 8px!important;border-radius:3px!important;font-size:12px!important
}
#sentence-view .sentence-detail-table .sentence-table-role{
  display:inline-block!important;padding:2px 8px!important;border:0!important;border-radius:3px!important;
  color:#fff!important;font-size:12px!important;font-weight:600!important;line-height:1.35!important
}
#sentence-view .sentence-detail-table .sentence-dependency-arrow{color:#a0aec0!important}
#sentence-view .sentence-passage-vocab{margin-bottom:17px!important;color:#14172a!important}
#sentence-view .sentence-passage-vocab>strong{font-size:13px!important}
#sentence-view .sentence-vocab-bar{
  display:flex!important;box-sizing:border-box!important;width:100%!important;height:27px!important;overflow:hidden!important;
  margin:9px 0 10px!important;border-radius:6px!important;background:#e2e8f0!important
}
#sentence-view .sentence-vocab-bar>span{
  display:flex!important;min-width:0!important;align-items:center!important;justify-content:center!important;
  font-size:11px!important;font-weight:600!important;white-space:nowrap!important
}
#sentence-view .sentence-vocab-bar>.junior{background:#5c8a67!important;color:#fff!important}
#sentence-view .sentence-vocab-bar>.senior{background:#f6ad55!important;color:#fff!important}
#sentence-view .sentence-vocab-bar>.beyond{background:#e2e8f0!important;color:#64748b!important}
#sentence-view .sentence-passage-vocab>small{color:#64748b!important;font-size:11px!important}
#sentence-view .sentence-passage-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
#sentence-view .sentence-passage-metrics>article{
  box-sizing:border-box!important;min-width:0!important;padding:10px!important;border:1px solid transparent!important;
  border-radius:8px!important;text-align:center!important
}
#sentence-view .sentence-passage-metrics>article.complexity{border-color:#bbf7d0!important;background:#f0fdf4!important}
#sentence-view .sentence-passage-metrics>article.readability{border-color:#bfdbfe!important;background:#eff6ff!important}
#sentence-view .sentence-passage-metrics>article.coherence{border-color:#fde68a!important;background:#fefce8!important}
#sentence-view .sentence-passage-metrics>article>strong{display:block!important;font-size:24px!important;font-weight:900!important;line-height:1.2!important}
#sentence-view .sentence-passage-metrics>.complexity>strong{color:#166534!important}
#sentence-view .sentence-passage-metrics>.readability>strong{color:#1e40af!important}
#sentence-view .sentence-passage-metrics>article>strong>small{color:#64748b!important;font-size:12px!important}
#sentence-view .sentence-passage-metrics>article>span{display:block!important;margin-top:2px!important;font-size:11px!important}
#sentence-view .sentence-passage-metrics>.complexity>span{color:#166534!important}
#sentence-view .sentence-passage-metrics>.readability>span{color:#1e40af!important}
#sentence-view .sentence-passage-metrics>.coherence>span{color:#854d0e!important}
#sentence-view .sentence-passage-metrics>article>small{display:block!important;margin-top:2px!important;color:#64748b!important;font-size:10px!important}
#sentence-view .sentence-passage-length{color:#64748b!important;font-size:11px!important;text-align:center!important}
#sentence-view .sentence-passage-length strong{color:#334155!important}
#sentence-view .sentence-translation-row{border-left:3px solid #d3b361!important;border-radius:1px!important;background:#eef1f4!important;color:#33445a!important;font-size:14px!important}
#sentence-view .sentence-translation-row>b{color:#c8963e!important;font-size:11px!important}
@media(max-width:760px){
  #sentence-view .sentence-workspace>.sentence-word-card,
  #sentence-view .sentence-workspace>.sentence-passage-stats-card{padding:16px 12px!important}
  #sentence-view .sentence-passage-metrics{grid-template-columns:1fr!important;gap:8px!important}
}

/* In the legacy sentence workspace the analysis occupied the full work area, without the home side rails. */
body:has(#home-overview.sentence-focus) .home-layout.workbench-shell{grid-template-columns:minmax(0,1fr)!important}
body:has(#home-overview.sentence-focus) .home-layout.workbench-shell>.learning-nav{display:none!important}
body:has(#home-overview.sentence-focus) .home-layout.workbench-shell>.home-rail{display:none!important}
body:has(#home-overview.sentence-focus) .home-main.workbench-main{padding-right:6px!important;padding-left:30px!important}
body:has(#home-overview.sentence-focus) .spelling-launcher{display:none!important}
@media(max-width:760px){body:has(#home-overview.sentence-focus) .home-main.workbench-main{padding-right:12px!important;padding-left:12px!important}}

/* Keep sentence-result entry motion isolated from the identically named modal keyframe in v12. */
#sentence-view .sentence-workspace>.result-card{animation:sentenceResultReveal .45s cubic-bezier(.4,0,.2,1)}
@keyframes sentenceResultReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#sentence-view .sentence-workspace>.result-card{animation:none!important}}

/* Mobile workbench navigation: readable touch targets, safe-area spacing, no visible scroll track. */
@media(max-width:760px){
  html[data-home-theme="3d"] #homeLibraryShell.workbench-shell{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav{
    position:fixed!important;top:auto!important;right:0!important;bottom:0!important;left:0!important;
    display:flex!important;flex-direction:row!important;align-items:stretch!important;
    box-sizing:border-box!important;width:100%!important;height:calc(72px + env(safe-area-inset-bottom))!important;
    min-height:0!important;max-height:none!important;gap:5px!important;
    padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;
    overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important;
    scroll-snap-type:x proximity;touch-action:pan-x;z-index:9998!important;
    border-top:1px solid #60748b!important;border-right:0!important;border-radius:14px 14px 0 0!important;
    background:linear-gradient(180deg,rgba(25,46,68,.97),rgba(10,22,38,.99))!important;
    box-shadow:0 -8px 28px rgba(4,13,25,.3)!important;
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  }
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav::-webkit-scrollbar{
    display:none!important;width:0!important;height:0!important;
  }
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav .workbench-nav-title,
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav .workbench-nav-footer{display:none!important}
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav button{
    display:flex!important;flex:0 0 70px!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;width:70px!important;min-width:70px!important;max-width:70px!important;
    height:auto!important;min-height:54px!important;max-height:58px!important;margin:0!important;padding:5px 3px!important;
    flex-direction:column!important;gap:5px!important;overflow:visible!important;
    border:1px solid transparent!important;border-radius:10px!important;
    color:#c7d4e2!important;background:transparent!important;box-shadow:none!important;
    font:600 10px/1.15 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
    text-align:center!important;white-space:normal!important;scroll-snap-align:center;
  }
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav button svg{
    display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;
    margin:0!important;opacity:.94;
  }
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav button span{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:22px!important;max-height:24px!important;margin:0!important;padding:0!important;
    overflow:visible!important;color:inherit!important;font-size:10px!important;line-height:1.15!important;
    text-align:center!important;white-space:normal!important;word-break:keep-all!important;
  }
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav button.active{
    color:#f4d58b!important;border-color:#92754480!important;
    background:linear-gradient(180deg,#344c66,#24384f)!important;
    box-shadow:inset 0 2px #e3c477,0 4px 12px rgba(0,0,0,.24)!important;
  }
  html[data-home-theme="3d"] #homeLibraryShell > .workbench-nav button:focus-visible{
    outline:2px solid #f1d491!important;outline-offset:-2px!important;
  }
}

/* N.80.1: restore the workbench navigation in sentence focus and distinguish clear from close. */
body:has(#home-overview.sentence-focus) .home-layout.workbench-shell{grid-template-columns:minmax(190px,14vw) minmax(0,1fr)!important}
body:has(#home-overview.sentence-focus) .home-layout.workbench-shell>.learning-nav{display:flex!important}
body:has(#home-overview.sentence-focus) .home-layout.workbench-shell>.home-rail{display:none!important}
body:has(#home-overview.sentence-focus) .home-main.workbench-main{padding-right:22px!important;padding-left:24px!important}
#home-overview.sentence-focus #sentence-view .sentence-clear-icon{box-sizing:border-box!important;width:auto!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:0 10px!important;overflow:visible!important;color:#d5e0ea!important;font-size:11px!important;position:static!important}
#home-overview.sentence-focus #sentence-view .sentence-clear-icon::after{display:none!important;content:none!important}
@media(max-width:760px){body:has(#home-overview.sentence-focus) .home-main.workbench-main{padding-right:12px!important;padding-left:12px!important}}


/* Home account reminder placement */
.library-hero>.account-use-reminder{position:absolute;z-index:4;top:47%;right:42%;width:min(228px,19%);max-width:250px;margin:0;padding:11px 13px;border-color:#d9b66b66;background:rgba(8,22,38,.76);box-shadow:0 12px 28px #050b1580;backdrop-filter:blur(8px);transform:translateY(-50%);}
.library-hero>.account-use-reminder p{color:#d0dbe5;font-size:11px;line-height:1.6}
.library-hero>.account-use-reminder strong{color:#f1d48d;font-size:12px}
@media(max-width:960px){.library-copy{padding-bottom:0}.library-hero>.account-use-reminder{position:relative;top:auto;right:auto;left:auto;transform:none;width:auto;max-width:390px;margin:12px 24px 18px;}}
@media(max-width:760px){.library-copy{padding-bottom:0}.library-hero>.account-use-reminder{max-width:calc(100% - 44px);margin:10px 22px 18px;}}