/* Original sentence lab visual reconstruction, scoped to the signed-in workspace. */
body.home-active{background:#f0f2f4;color:#263344}
body.home-active .page-shell{width:100%;max-width:none;margin:0;padding:0 clamp(12px,1.7vw,28px)}
body.home-active .topbar{height:60px;margin:0 calc(clamp(12px,1.7vw,28px)*-1) 20px;padding:0 clamp(12px,1.7vw,28px);background:#171a2b;border-bottom:1px solid rgba(255,255,255,.08);color:#f5f0e5}
body.home-active .brand{color:#f5f0e5}
body.home-active .brand-mark{width:31px;height:31px;border-radius:8px;background:#405c50;font-size:18px}
body.home-active .brand-copy strong{font-size:15px}
body.home-active .brand-copy small{color:#a6abb7;font-size:8px}
body.home-active .top-user{color:#e7e5df}
body.home-active .top-user i{background:#39483e;color:#e8ddb7}
body.home-active .top-action{border-color:#596358;background:#38493d;color:#f3eedf}
body.home-active .top-action.subtle{border-color:#434557;background:transparent;color:#c3c6cf}
body.home-active .workspace.home-mode{width:100%;margin:0;display:block}
body.home-active .workspace.home-mode>.welcome-card{width:100%;padding:0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.home-active .home-layout{grid-template-columns:minmax(178px,14.6vw) minmax(0,1fr) minmax(230px,22vw);gap:clamp(12px,1.55vw,25px);align-items:start}
body.home-active .learning-nav,body.home-active .home-rail{border-color:#e1e3e4;border-radius:9px;background:#fff;box-shadow:0 3px 13px rgba(30,38,49,.06)}
body.home-active .home-toolbar{margin:0 0 12px;color:#687487}
body.home-active .home-hero{border-radius:9px;min-height:230px;padding:25px 24px 38px}
body.home-active .home-module-card{background:#fff;border-radius:7px}
#sentence-view{min-width:0;width:100%}
.sentence-workspace{width:100%;min-width:0;display:flex;flex-direction:column;gap:14px;color:#263344}
.sentence-input-card,.sentence-workspace .result-card,.sentence-result-card,.sentence-history{background:#fff;border:1px solid #e3e5e8;border-radius:8px;box-shadow:0 3px 14px rgba(28,38,52,.055)}
.sentence-input-card{padding:clamp(16px,1.8vw,28px)}
.sentence-input-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.sentence-kicker{font-size:10px;letter-spacing:.14em;font-weight:750;color:#a48749}
.sentence-input-card h2{margin:4px 0 3px;font:600 clamp(21px,1.6vw,27px)/1.25 "Segoe UI","Microsoft YaHei",sans-serif;color:#273143}
.sentence-input-card header p{margin:0;color:#7b8492;font-size:12px}
.sentence-clear-icon{border:1px solid #e4e6e9;border-radius:6px;background:#fff;color:#758092;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}
#sentence-input{display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #d9dde3;border-radius:7px;background:#fbfbfc;padding:13px 15px;color:#283345;font:15px/1.7 Georgia,"Times New Roman","Microsoft YaHei",serif;outline:none}
#sentence-input:focus{border-color:#78947d;box-shadow:0 0 0 3px rgba(92,138,103,.12)}
.sentence-input-meta{display:flex;justify-content:space-between;margin:5px 2px 0;color:#9aa1ac;font-size:10px}
.sentence-examples{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:11px 0;color:#7e8795;font-size:11px}
.sentence-examples button{border:1px solid #e7e6df;border-radius:12px;background:#fbfaf6;padding:4px 10px;color:#687364;font:inherit;font-size:10px;cursor:pointer}
.sentence-examples button:hover{border-color:#bdcbbd;background:#f1f5ef;color:#3d6046}
.sentence-action-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.sentence-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.sentence-primary,.sentence-secondary,.sentence-clear,.sentence-cancel{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:0 12px;font:inherit;font-size:11px;cursor:pointer}
.sentence-primary{border:1px solid #435e4c;background:#405f4a;color:#fff;box-shadow:0 2px 6px rgba(45,77,55,.15)}
.sentence-primary:hover{background:#34523e}
.sentence-secondary{border:1px solid #e0e3e5;background:#fff;color:#515e6e}
.sentence-secondary:hover,.sentence-clear:hover{background:#f5f6f6;border-color:#c7ccd2}
.sentence-clear,.sentence-cancel{border:1px solid #e5e6e8;background:#fafafa;color:#79818c}
.sentence-primary:disabled,.sentence-secondary:disabled{opacity:.55;cursor:wait}
.sentence-actions .learning-icon-art{width:17px;height:17px}
.sentence-flat-icon{font-style:normal;font-weight:700;color:#8b7441}
.sentence-shortcut{font-size:10px;color:#9aa1ad}
.sentence-cancel{height:25px;margin-left:7px;font-size:10px}
.sentence-consent{display:flex;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #eff0f1}
.sentence-consent label{display:flex;align-items:center;gap:7px;margin:0;color:#687282;font-size:10px;font-weight:500}
.sentence-consent input{width:14px;height:14px;margin:0;accent-color:#526e58}
.sentence-consent small{font-size:9px;color:#a0a6ae}
.sentence-status{min-height:0;font-size:11px;color:#68806d}
.sentence-status:empty{display:none}
.sentence-status.error{color:#b24848}
.sentence-workspace .result-card{padding:16px 18px;margin:0}
.sentence-workspace .result-card>header{margin-bottom:12px}
.sentence-workspace .result-card>header h3{margin:0;color:#394557;font-size:15px;font-weight:700}
.sentence-workspace .result-card>header p{margin:4px 0 0;color:#8992a0;font-size:10px}
.sentence-workspace .badge{display:inline-block;margin-left:5px;border-radius:9px;background:#edf0f3;padding:2px 7px;color:#788393;font-size:8px;font-weight:600;vertical-align:2px}
.sentence-board-card>header h3{color:#283247!important}
.sentence-legend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.sentence-legend span{border-radius:3px;background:#f1f2f4;padding:3px 7px;color:#738092;font-size:9px}
.sentence-display{position:relative;margin:0 0 9px;padding:18px 12px;overflow:auto;border:1px solid rgba(255,255,255,.05);border-radius:6px;background:linear-gradient(175deg,#1c1e32 0%,#191b2c 40%,#161828 100%);box-shadow:inset 0 2px 10px rgba(0,0,0,.5),0 3px 16px rgba(16,12,8,.2)}
.sentence-display:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.006) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}
.sentence-table{position:relative;z-index:1;width:max-content;min-width:100%;margin:0 auto;border-collapse:separate;border-spacing:3px;white-space:nowrap}
.sentence-table td{min-width:36px;vertical-align:middle;text-align:center}
.comp-row td{padding:2px 2px 8px}
.comp-cell span.sentence-component-chip{display:inline-block;border-radius:3px;padding:2px 8px;font-size:10.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.sentence-component-chip .sentence-weak-tag{border:0;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer}
.comp-cell .tense-inline{display:inline-block;margin-left:3px;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:500;vertical-align:middle}
.word-row td{padding:0}
.word-cell{min-width:36px;padding:4px 6px;border-radius:3px;color:#e8dcc8;font:bold 17px Georgia,"Times New Roman",serif;transition:background .2s}
.word-cell:hover{background:rgba(255,255,255,.08);box-shadow:0 0 8px rgba(200,160,60,.08)}
.word-cell button{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}
.word-cell button:hover{color:#f5d890}
.word-cell.punct{color:#6a7090;font-size:15px}
.word-cell.clause-start{border-left:3px solid #f6ad55}
.word-cell.clause-end{border-right:3px solid #f6ad55}
.word-cell.verb-glow button{color:#f8d58c}
.pos-row td{padding:4px 1px 2px}
.pos-cell span{display:inline-block;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;white-space:nowrap}
.pos-cell .sentence-weak-tag{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.clause-row td{padding:6px 1px 2px;border-top:1px solid rgba(255,255,255,.08)}
.clause-cell span{display:inline-block;border:1px solid rgba(200,150,62,.2);border-radius:3px;background:rgba(200,150,62,.12);padding:2px 8px;color:#e8c779;font-size:10px;font-weight:600;white-space:nowrap}
.clause-cell .sentence-weak-tag{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.comp-subj{background:#5c8a67;color:#fff}.comp-pred{background:#c8963e;color:#fff}.comp-obj{background:#4a7a9c;color:#fff}.comp-adv{background:#6b5b8a;color:#fff}.comp-attr{background:#3d7a7a;color:#fff}.comp-prep{background:#a08040;color:#1a1c2e}.comp-conj{background:#b06a7a;color:#fff}.comp-other{background:#6c7886;color:#fff}.comp-nonfin{background:#2d5a5a;color:#fff}
.pos-n{background:#d0e8d0;color:#2d4a32}.pos-v{background:#f0c8c8;color:#7a2828}.pos-adj{background:#e0d0f0;color:#4a3070}.pos-adv{background:#faf0db;color:#7a5518}.pos-prep{background:#c8d8e8;color:#2a3d50}.pos-pron{background:#d0e8d0;color:#2d4a32}.pos-conj{background:#f0c8d4;color:#602840}.pos-det{background:#d8dcd8;color:#47504c}.pos-other{background:#edeff1;color:#657080}
.tense-main{background:#faf0db;color:#7a5518}.tense-sub{background:#c8d8e8;color:#2a3d50}
.legend-row{display:flex;flex-wrap:wrap;gap:7px 13px;margin:9px 1px;color:#798493;font-size:9px}
.legend-row>span{white-space:nowrap}.legend-dot{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;vertical-align:1px}.boundary-swatch{display:inline-block;height:12px;margin:0 4px;border-left:3px solid #f6ad55;vertical-align:middle}
.sentence-translation-row{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:5px 0 3px;padding:7px 10px;border-radius:5px;background:#08090d;color:#f3d98f;font-size:12px}
.sentence-translation-row>b{color:#e8c979;font-size:11px}.sentence-translation-row>span{flex:1}.sentence-translation-row>small{width:100%;color:#9a937f;font-size:9px}.sentence-translation-row.pending{color:#9d9eaa}
.sentence-click-note{min-height:15px;color:#66806d;font-size:10px}
.sentence-phrases{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:3px 0 5px;color:#ad7c2b;font-size:11px}.sentence-phrases>b{margin-right:2px}.sentence-phrase-chip{display:flex;align-items:baseline;gap:6px;border:1px solid #f1d28b;border-radius:5px;background:#fff8e6;padding:4px 8px;color:#8b682f;font:inherit;font-size:10px;cursor:pointer}.sentence-phrase-chip span{color:#8a7860}.sentence-phrase-chip small{color:#c2964e;font-size:8px}.sentence-phrases-empty>span{color:#9da3ad;font-size:10px}
.sentence-diagnosis-content{color:#697586;font-size:11px}.sentence-diagnosis-empty{margin:3px 0;color:#9299a4}.sentence-error-item{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;padding:8px 0;border-bottom:1px solid #eff0f2}.sentence-error-item>span{grid-row:span 2;border-radius:4px;background:#f3e9e5;padding:3px 7px;color:#985343;font-size:9px}.sentence-error-item>b{color:#334155}.sentence-error-item>small{color:#818b98}.sentence-diagnosis-action{margin-top:8px;border:1px solid #dedfe5;border-radius:5px;background:#fff;padding:6px 10px;color:#788292;font:inherit;font-size:10px;cursor:pointer}
.sentence-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sentence-overview-grid>div{min-width:0;border-left:3px solid #c7ad6c;border-radius:3px;background:#f7f7f4;padding:9px 11px}.sentence-overview-grid small,.sentence-overview-grid strong{display:block}.sentence-overview-grid small{color:#9299a2;font-size:9px}.sentence-overview-grid strong{margin-top:3px;color:#3a4657;font-size:11px;overflow-wrap:anywhere}.sentence-analysis-note{margin-top:8px;color:#9aa1aa;font-size:9px}
.sentence-table-scroll{width:100%;overflow:auto}.sentence-detail-table{width:100%;border-collapse:collapse;font-size:10px}.sentence-detail-table th{position:sticky;top:0;background:#f3f4f4;color:#758092;font-weight:650;text-align:left}.sentence-detail-table th,.sentence-detail-table td{padding:7px 8px;border-bottom:1px solid #eceef0;white-space:nowrap}.sentence-detail-table td{color:#4c596a}.sentence-table-word,.sentence-table-role{border:0;border-radius:3px;background:transparent;padding:2px 4px;color:#395e45;font:inherit;cursor:pointer}.sentence-table-word.quiet{color:#9098a4}.sentence-table-tag{color:#929aa6}.sentence-weakness-empty,.sentence-history-empty{padding:14px;color:#929aa4;font-size:10px}.sentence-weakness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sentence-weakness-list>div{display:flex;justify-content:space-between;border-radius:5px;background:#f5f6f5;padding:7px 9px;color:#617064;font-size:10px}
.sentence-empty-state{display:grid;justify-items:center;padding:36px 18px!important;color:#818b98}.sentence-empty-state>span{font-size:24px;color:#bf9e55}.sentence-empty-state>b{margin-top:8px;color:#4a586a;font-size:13px}.sentence-empty-state>small{margin-top:4px;color:#9aa1aa;font-size:10px}
.sentence-history{padding:0 15px}.sentence-history summary{padding:12px 0;color:#687588;font-size:11px;font-weight:650;cursor:pointer}.sentence-history summary span{margin-left:4px;color:#a0a6b0;font-size:9px}.sentence-history-list{display:grid;gap:4px;padding:0 0 11px}.sentence-history-list button{display:flex;justify-content:space-between;gap:10px;border:0;border-top:1px solid #eff0f2;background:#fff;padding:8px 2px;text-align:left;color:#505d6c;font:inherit;font-size:10px;cursor:pointer}.sentence-history-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentence-history-list button small{flex:none;color:#a0a6ae;font-size:9px}
.learning-icon-art{display:inline-block;flex:none;background-image:url("original/ui/learning-icon-atlas-3d.png");background-repeat:no-repeat;background-size:400% 400%}
.learning-icon-art--book-open{background-position:0 0}.learning-icon-art--check-book{background-position:33.333333% 0}.learning-icon-art--flashcard{background-position:66.666667% 0}.learning-icon-art--quiz{background-position:100% 0}.learning-icon-art--headphones{background-position:0 33.333333%}.learning-icon-art--upload{background-position:33.333333% 33.333333%}.learning-icon-art--library{background-position:66.666667% 33.333333%}.learning-icon-art--capsule{background-position:100% 33.333333%}.learning-icon-art--shuffle{background-position:0 66.666667%}.learning-icon-art--link{background-position:33.333333% 66.666667%}.learning-icon-art--essay{background-position:66.666667% 66.666667%}.learning-icon-art--chart{background-position:100% 66.666667%}.learning-icon-art--target{background-position:0 100%}.learning-icon-art--grammar{background-position:33.333333% 100%}.learning-icon-art--reading{background-position:66.666667% 100%}.learning-icon-art--video{background-position:100% 100%}
@media(max-width:1100px){body.home-active .home-layout{grid-template-columns:175px minmax(0,1fr)}body.home-active .home-rail{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}}
@media(max-width:760px){body.home-active .page-shell{padding:0 12px}body.home-active .topbar{margin:0 -12px 12px;padding:0 12px;height:54px}body.home-active .home-layout{display:block}body.home-active .home-rail{display:none}.sentence-input-card{padding:15px}.sentence-input-card>header{gap:8px}.sentence-input-card header p{max-width:43ch}.sentence-actions{gap:5px}.sentence-primary,.sentence-secondary,.sentence-clear{height:34px;padding:0 9px;font-size:10px}.sentence-shortcut{display:none}.sentence-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sentence-workspace .result-card{padding:13px 11px}.sentence-display{padding:13px 8px}.sentence-table{min-width:max-content}.sentence-weakness-list{grid-template-columns:1fr}.sentence-history-list button{display:grid}.sentence-history-list button small{white-space:normal}}

body.home-active .home-rail{display:block;padding:0;overflow:hidden;color:#344154}
.rail-topline{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid #edf0f2}
.rail-topline>div>span,.rail-resume-kicker{display:block;color:#97a0aa;font-size:8px;letter-spacing:.15em;font-weight:700}
.rail-topline h3{margin:3px 0 0;color:#263548;font-size:14px;font-weight:700}
.rail-date{padding-top:2px;color:#99a1aa;font-size:9px;font-weight:500}
.rail-goal{padding:11px 14px 12px;border-bottom:1px solid #edf0f2}
.rail-goal>div:first-child{display:flex;align-items:baseline;gap:6px}
.rail-goal>div:first-child b{color:#324e65;font:600 22px Georgia,serif}
.rail-goal>div:first-child span{color:#7d8793;font-size:9px}
.rail-goal-bar,.rail-task-progress{height:4px;overflow:hidden;border-radius:4px;background:#edf0f2}
.rail-goal-bar{margin:7px 0 5px}
.rail-goal-bar i,.rail-task-progress i{display:block;height:100%;border-radius:4px;background:#7594a8;transition:width .2s ease}
.rail-goal small{color:#9aa2ab;font-size:9px}
.rail-resume{margin:10px 11px;padding:10px;border:1px solid #e7ebee;border-radius:6px;background:#f8fafb}
.rail-resume>b{display:block;margin-top:5px;overflow:hidden;color:#435264;font-size:10px;font-weight:600;line-height:1.55;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:#9aa2ab;font-size:8px}
.rail-resume>button{margin-top:8px;padding:0;border:0;background:transparent;color:#557b91;font:inherit;font-size:9px;font-weight:700;cursor:pointer}
.rail-resume-empty>span{display:block;color:#667688;font-size:9px;font-weight:700}
.rail-task-list{padding:1px 12px 4px}
.rail-task{display:flex;width:100%;gap:8px;padding:10px 1px;border:0;border-bottom:1px solid #edf0f2;background:#fff;text-align:left;color:inherit;font:inherit;cursor:pointer}
.rail-task:last-child{border-bottom:0}
.rail-task:hover .rail-task-heading>b{color:#557b91}
.rail-task-check{display:grid;flex:none;place-items:center;width:15px;height:15px;margin-top:1px;border:1px solid #cbd3d9;border-radius:50%;color:#fff;font-size:9px}
.rail-task.complete .rail-task-check{border-color:#779688;background:#779688}
.rail-task-check i{display:block;width:4px;height:4px;border-radius:50%;background:#9caab3}
.rail-task-main{display:block;min-width:0;flex:1}
.rail-task-heading{display:flex;justify-content:space-between;gap:5px;align-items:baseline}
.rail-task-heading>b{overflow:hidden;color:#445365;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.rail-task-heading>small{flex:none;color:#98a1aa;font-size:8px}
.rail-task-reason{display:block;margin-top:3px;overflow:hidden;color:#9aa2ab;font-size:8px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.rail-task-progress{display:block;margin-top:6px;height:3px}
.rail-task-progress i{background:#a8b7bf}
.rail-task.complete .rail-task-progress i{background:#829b8c}
.rail-task-time{display:block;margin-top:3px;color:#a2aab1;font-size:8px;text-align:right}
.rail-loading,.rail-error{padding:15px 5px;color:#9aa2ab;font-size:9px;line-height:1.6}
.rail-error{color:#ad655e}
body.home-active .home-rail .rail-links{display:grid;gap:2px;margin:3px 12px 0;padding-top:7px;border-top:1px solid #edf0f2}
body.home-active .home-rail .rail-links button{padding:6px 2px;border:0;background:transparent;text-align:left;color:#74808d;font:inherit;font-size:9px;cursor:pointer}
body.home-active .home-rail .rail-links button:hover{color:#4e7185}
body.home-active .home-rail .rail-caption{padding:10px 13px 12px;color:#a2a9b0;font-size:8px;text-align:center}
@media(max-width:1100px){body.home-active .home-rail{display:block;grid-column:2}.rail-task-list{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.rail-goal,.rail-resume,.rail-links,.rail-caption,.rail-topline{grid-column:1/-1}}

#sentence-view .sentence-feature-list{display:grid;gap:12px}#sentence-view .sentence-feature-item{padding:12px 14px;border:1px solid rgba(148,163,184,.3);border-left:3px solid #d4a94e;border-radius:8px}#sentence-view .sentence-feature-item blockquote{margin:10px 0;padding:8px 12px;border-left:2px solid #94a3b8;overflow-wrap:anywhere;font:15px/1.7 Georgia,serif}#sentence-view .sentence-feature-item p{margin:8px 0 0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}