:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#182034;background:#fbfcfe;font-synthesis:none;--sidebar: 94px;--topbar: 64px;--stepbar: 68px;--border: #e3e7ef;--muted: #727b90;--accent: #5147d9;--accent-soft: #f1f0ff;--reader-width: 594px;--agent-sidebar-width: 420px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background:#fbfcfe;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(79,70,229,.45);outline-offset:2px}.app-shell{min-height:100vh;background:#fbfcfe;overflow-x:hidden}.topbar{position:fixed;z-index:30;inset:0 0 auto 0;height:var(--topbar);display:flex;align-items:center;gap:18px;padding:0 24px 0 28px;background:#fffffff5;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:15px;letter-spacing:.01em}.brand-mark{width:20px;height:20px;border-radius:5px;background:#564be4;color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff3d}.topbar-separator{height:26px!important}.breadcrumb{display:flex;align-items:center;gap:13px;min-width:0;font-size:14px;color:#737b8f}.breadcrumb button{border:0;background:transparent;padding:5px 0;cursor:pointer}.breadcrumb button:hover{color:var(--accent)}.breadcrumb strong{color:#1b2235;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;border:0;border-radius:50%;background:#f0efff;color:#383294;cursor:pointer}.side-rail{position:fixed;z-index:20;left:0;top:var(--topbar);bottom:0;width:var(--sidebar);display:flex;flex-direction:column;align-items:stretch;padding:15px 9px 18px;background:#fff;border-right:1px solid var(--border)}.menu-trigger{margin:0 auto 27px}.primary-nav,.secondary-nav{display:flex;flex-direction:column}.primary-nav{gap:14px}.secondary-nav{gap:6px}.nav-item{height:70px;border:0;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#526078;font-size:13px;cursor:pointer;position:relative;transition:background .16s,color .16s}.nav-item:hover{background:#f7f7fb;color:#2c3448}.nav-item.active{color:#4d43dc;background:#f5f3ff}.nav-item.active:before{content:"";position:absolute;left:-9px;top:17px;bottom:17px;width:3px;border-radius:0 3px 3px 0;background:#5b50e6}.rail-separator{margin:14px 7px}.collapse-button{margin-top:auto;border:0;background:transparent;color:#5d677b;display:flex;gap:3px;align-items:center;justify-content:center;cursor:pointer;font-size:13px}.stepbar{position:fixed;z-index:18;left:var(--sidebar);right:0;top:var(--topbar);height:var(--stepbar);display:flex;align-items:center;justify-content:center;background:#fffffff5;border-bottom:1px solid var(--border)}.steps{display:flex;align-items:center;transform:translate(-21px)}.step-wrap{display:flex;align-items:center}.step{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#5f687b;cursor:pointer;padding:8px 4px;font-size:14px}.step-number{width:28px;height:28px;border-radius:50%;border:1px solid #dce1e9;background:#fff;color:#11182b;display:grid;place-items:center;box-shadow:0 1px 2px #19203208}.step.active{color:#22283a;font-weight:600}.step.active .step-number{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 5px 12px #5046da40}.step-line{width:61px;height:1px;background:#d8dde6;margin:0 10px}.document-actions{position:absolute;right:22px;display:flex;gap:4px;align-items:center}.document-actions .ui-separator--vertical{height:22px}.workspace{margin-left:var(--sidebar);margin-right:var(--agent-sidebar-width);padding:calc(var(--topbar) + var(--stepbar) + 38px) 32px 26px;min-height:100vh}.article-card{width:var(--reader-width);min-width:var(--reader-width);margin:0 auto;color:#192033;position:relative}.article-card h1{margin:0 0 28px;font-family:Georgia,Times New Roman,serif;font-size:31px;line-height:1.2;letter-spacing:-.025em;color:#11172a;font-weight:700}.article-card p,.selected-sentence{font-family:Georgia,Times New Roman,serif;font-size:16.8px;line-height:1.78;letter-spacing:.002em}.article-card p{margin:0 0 29px}.selected-sentence{width:100%;position:relative;display:block;text-align:left;padding:8px 18px 9px 12px;margin:-2px 0 26px -12px;border:0;border-left:2px solid #6359e8;border-radius:0 6px 6px 0;background:linear-gradient(90deg,#f0efff,#f7f6ff);cursor:pointer;transition:box-shadow .16s,background .16s}.selected-sentence:hover{background:linear-gradient(90deg,#ebe9ff,#f4f3ff);box-shadow:0 0 0 2px #5b50e614}.selected-sentence.applied{border-left-color:#2eaa77;background:linear-gradient(90deg,#effaf5,#f7fcfa)}.sentence-pin{position:absolute;left:-5px;top:-4px;width:7px;height:7px;border-radius:50%;background:#5a50df}.annotation-count{position:absolute;right:-28px;top:17px;min-width:24px;height:23px;border-radius:5px;display:grid;place-items:center;font-family:Inter,sans-serif;font-size:12px;color:#fff;background:#554bd9;box-shadow:0 4px 9px #4137be3d}.selected-sentence.applied .annotation-count{background:#2d9f70}.inline-notes{display:flex;align-items:center;gap:7px;margin:-15px 0 25px}.reading-status{height:46px;border-top:1px solid #dde2ea;display:flex;align-items:center;gap:12px;color:#788194;font-size:12px;white-space:nowrap}.reading-status .ui-separator--vertical{height:16px}.reader-controls{margin-left:auto;display:flex;gap:7px}.agent-sidebar{position:fixed;z-index:24;right:0;top:calc(var(--topbar) + var(--stepbar));bottom:0;width:var(--agent-sidebar-width);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-left:1px solid #dfe3eb;box-shadow:-8px 0 24px #262e420b}.agent-sidebar.collapsed{width:52px;background:#fffffffa}.agent-rail-trigger{width:100%;height:100%;border:0;background:transparent;color:#5147d9;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:19px;cursor:pointer}.agent-rail-trigger:hover{background:#f7f6ff}.agent-rail-trigger span{writing-mode:vertical-rl;letter-spacing:.08em;font-size:12px;font-weight:600}.agent-header{height:68px;min-height:68px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid #e3e7ee}.agent-title-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#665cf0,#4c42d4);box-shadow:0 5px 12px #4c42d433}.agent-title-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.agent-title-copy strong{font-size:14px;color:#20283a}.agent-title-copy span{color:#858da0;font-size:11px}.collapse-agent{margin-left:auto;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#697388;display:grid;place-items:center;cursor:pointer}.collapse-agent:hover{background:#f4f5f8;color:#252d40}.agent-body{min-height:0;padding:17px 16px 14px;overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin}.scope-section{padding-bottom:16px;border-bottom:1px solid #eceef3}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading>div{display:flex;flex-direction:column;gap:3px}.section-heading strong{font-size:13px;color:#252d40}.section-heading span{color:#8a92a4;font-size:10.5px}.scope-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.scope-option{min-width:0;min-height:58px;padding:9px 6px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:#586277;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.scope-option span{font-size:12px;font-weight:600}.scope-option small{color:#9aa1af;font-size:9.5px;white-space:nowrap}.scope-option:hover{border-color:#bdb8f3;background:#faf9ff}.scope-option.active{color:#4e44d2;border-color:#8178e8;background:#f4f2ff;box-shadow:inset 0 0 0 1px #5147d914}.scope-option.active small{color:#756dd0}.context-preview{margin-top:10px;padding:10px 11px;border-radius:7px;background:#f7f8fb}.context-preview>span{display:block;margin-bottom:4px;color:#7c8598;font-size:9.5px;font-weight:600;letter-spacing:.03em}.context-preview p{margin:0;color:#4b556c;font-family:Georgia,Times New Roman,serif;font-size:11.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-work{padding-top:14px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 12px}.quick-action{width:100%;padding-inline:8px!important;font-size:11px!important;gap:6px!important}.tone-green svg{color:#37a575}.tone-red svg{color:#e65b67}.tone-blue svg{color:#5689dc}.tone-slate svg{color:#667085}.analysis-card{padding:13px 12px;border-radius:7px!important;box-shadow:none!important}.analysis-card h3{font-size:13.5px;margin:0 0 8px}.analysis-summary{margin:0 0 8px;font-size:12px;color:#606a7f}.analysis-card ul{margin:0;padding-left:18px;font-size:12px;line-height:1.62;color:#3e485e}.analysis-card li+li{margin-top:3px}.analysis-card li span{color:#313a50;font-weight:600}.violet{color:#5a51d7}.orange{color:#df7d20}.blue{color:#3e75c8}.preview-section{margin-top:14px}.section-title{display:flex;align-items:baseline;gap:5px;margin-bottom:7px;font-size:12px}.section-title span{color:#7b8497;font-size:10.5px}.diff-preview{border:1px solid #e1e4e9;border-radius:6px;overflow:hidden;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9.8px;line-height:1.32}.diff-line{position:relative;padding:15px 7px 15px 25px}.diff-line>span{position:absolute;left:8px;top:15px;font-weight:700}.diff-line.removed{color:#a6343f;background:#fff1f2}.diff-line.added{color:#326b42;background:#eff9f0;border-top:1px solid #e6e8ec}.write-warning{display:flex;align-items:center;gap:7px;margin-top:9px;padding:7px 9px;border-radius:5px;background:#fff6d8;color:#a66a12;font-size:10.5px}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.preview-actions .ui-button{min-height:30px;padding-block:5px}.agent-commit-bar{flex:none;padding:10px 16px 11px;border-top:1px solid #e5e8ee;background:#fff}.agent-commit-bar .write-warning{margin:0;padding:0;background:transparent}.agent-commit-bar .preview-actions{margin-top:8px}.agent-composer{flex:none;margin:0 16px 16px;border:1px solid #d5dae4;border-radius:9px;padding:10px 10px 8px;background:#fff;box-shadow:0 7px 22px #1b233414}.agent-composer:focus-within{border-color:#8178e8;box-shadow:0 0 0 3px #5147d914,0 7px 22px #1b233414}.agent-composer textarea{width:100%;height:32px;padding:0;resize:none;border:0;outline:none;color:#252d40;font-size:11.5px}.agent-composer textarea::placeholder{color:#a1a8b7}.composer-footer{display:flex;align-items:center;gap:7px}.composer-footer>button{width:28px;height:28px;border:0;background:transparent;border-radius:5px;color:#59647a;cursor:pointer;display:grid;place-items:center}.composer-footer>span{margin-left:auto;color:#a0a7b5;font-size:9.5px}.ui-button{border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.ui-button:disabled{opacity:.58;cursor:default}.ui-button--md{min-height:34px;padding:7px 14px;font-size:13px}.ui-button--sm{min-height:34px;padding:6px 11px;font-size:13px}.ui-button--icon{width:34px;height:34px;padding:0}.ui-button--default{color:#fff;background:#4f46d9;border-color:#4f46d9;box-shadow:0 1px 2px #221f7029}.ui-button--default:hover:not(:disabled){background:#4338ca}.ui-button--outline{color:#31394c;background:#fff;border-color:#dce1e8;box-shadow:0 1px 2px #161d2b08}.ui-button--outline:hover:not(:disabled){background:#f8f9fb;border-color:#cfd5de}.ui-button--ghost{color:#4e586d;background:transparent}.ui-button--ghost:hover:not(:disabled){color:#222a3d;background:#f5f6f8}.ui-button--subtle{color:#554bd9;background:#f1f0ff}.ui-button--subtle:hover:not(:disabled){background:#e8e6ff}.ui-button--danger{color:#b53745;background:#fff1f2}.ui-card{border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 1px 3px #171f310a}.ui-badge{display:inline-flex;align-items:center;width:max-content;border-radius:5px;font-size:10px;line-height:1;white-space:nowrap}.ui-badge--pro{padding:3px 5px;color:#5a51da;background:#efedff;font-size:8px;font-weight:700}.ui-badge--soft{padding:5px 7px;color:#625bb2;background:#f2f1ff}.ui-badge--plain{color:#687186;background:transparent;font-size:11px}.ui-badge--syntax-subject,.ui-badge--syntax-clause,.ui-badge--syntax-time{padding:5px 7px}.ui-badge--syntax-subject{color:#287653;background:#eaf8f1}.ui-badge--syntax-clause{color:#5a4ece;background:#efedff}.ui-badge--syntax-time{color:#ad671b;background:#fff2df}.ui-separator{flex:none;background:#e1e5ec}.ui-separator--horizontal{width:100%;height:1px}.ui-separator--vertical{width:1px;height:100%}.ui-input{width:100%;height:36px;border:1px solid #dce1e8;border-radius:5px;background:#fff;color:#242c40;padding:0 10px;font-size:12px;box-shadow:0 1px 2px #171f2f08}.ui-input::placeholder{color:#a0a7b6}.tooltip-content{z-index:80;border-radius:5px;padding:6px 8px;background:#202637;color:#fff;font-size:11px;box-shadow:0 8px 20px #1218262e;animation:tooltip-in .12s ease-out}.tooltip-arrow{fill:#202637}.dropdown-content{z-index:70;min-width:176px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;padding:5px;box-shadow:0 12px 30px #1c233424}.dropdown-item{min-height:34px;border-radius:5px;padding:6px 9px;display:flex;align-items:center;gap:8px;color:#343c50;font-size:12px;cursor:pointer;outline:none}.dropdown-item[data-highlighted]{background:#f4f3ff;color:#4c42cf}.toast{position:fixed;z-index:90;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(30,38,55,.08);border-radius:8px;background:#1d2433f0;color:#fff;font-size:12px;box-shadow:0 12px 28px #1218243d;animation:toast-in .2s ease-out}.spin{animation:spin 1s linear infinite}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1260px){:root{--reader-width: 560px;--agent-sidebar-width: 400px}.step-line{width:42px}.document-actions{display:none}}@media(max-width:1050px){:root{--sidebar: 76px;--reader-width: min(680px, calc(100vw - 126px) )}.brand strong,.brand .ui-badge,.breadcrumb button,.breadcrumb span{display:none}.workspace{margin-right:0;padding-left:50px;padding-right:30px}.article-card{margin:0 auto}.agent-sidebar{z-index:40;width:min(420px,calc(100vw - 92px));box-shadow:-16px 0 48px #181f302b}.agent-sidebar.collapsed{top:auto;right:16px;bottom:16px;width:52px;height:52px;border:1px solid #d9dde6;border-radius:12px;box-shadow:0 10px 28px #242b3e2e}.agent-sidebar.collapsed .agent-rail-trigger{justify-content:center;padding:0;border-radius:inherit}.agent-sidebar.collapsed .agent-rail-trigger span{display:none}.steps{transform:none}.step-line{width:28px;margin-inline:5px}}@media(max-width:720px){:root{--sidebar: 0px;--topbar: 58px;--stepbar: 60px;--reader-width: calc(100vw - 32px) }.side-rail{display:none}.topbar{padding:0 15px}.breadcrumb,.top-actions .ui-button{display:none}.stepbar{left:0;overflow-x:auto;justify-content:flex-start;padding:0 12px}.step span:last-child{display:none}.step-line{width:32px}.workspace{margin-left:0;padding:calc(var(--topbar) + var(--stepbar) + 28px) 16px 24px}.article-card h1{font-size:29px}.article-card p,.selected-sentence{font-size:16px}.reading-status>span:nth-of-type(n+3),.reading-status>.ui-separator:nth-of-type(n+3){display:none}.agent-sidebar{top:calc(var(--topbar) + var(--stepbar) + 8px);right:8px;bottom:8px;width:calc(100vw - 16px);border:1px solid #d9dde6;border-radius:13px;box-shadow:0 18px 52px #181f3033}.agent-header{border-radius:13px 13px 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}