:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.brand-mark{color:#fff;background:linear-gradient(145deg,#2563eb,#4f46e5);border-radius:16px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 12px 30px #315bd033}.brand-mark.small{border:0;border-radius:11px;width:38px;height:38px}.brand-mark svg{width:28px;height:28px}.brand-mark.small svg{width:21px;height:21px}.eyebrow{color:#315fd4;letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:800}.loading-screen,.login-page{place-items:center;min-height:100vh;display:grid}.loading-screen{color:#64748b;align-content:center;gap:14px;font-size:14px}.login-page{background:radial-gradient(circle at 18% 20%,#dbeafe 0,#0000 30%),radial-gradient(circle at 82% 76%,#e0e7ff 0,#0000 28%),#f8fafc}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdf;border:1px solid #e5eaf1;border-radius:28px;width:min(480px,100vw - 36px);padding:48px;box-shadow:0 30px 70px #3341551f}.login-card h1{color:#111827;letter-spacing:-.04em;margin:22px 0 10px;font-size:34px}.login-card p{color:#64748b;margin:0 0 30px;font-size:16px;line-height:1.75}.google-login{color:#1f2937;background:#fff;border:1px solid #dbe1ea;border-radius:13px;justify-content:center;align-items:center;gap:12px;height:52px;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.google-login:hover{border-color:#aab6c8;transform:translateY(-1px);box-shadow:0 10px 22px #64748b1c}.google-g{color:#4285f4;font:800 22px Arial}.login-features{color:#718096;justify-content:center;gap:20px;margin-top:24px;font-size:12px;display:flex}.login-features span{align-items:center;gap:6px;display:flex}.dashboard{background:#f7f8fa;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;height:72px;padding:0 max(28px,50vw - 590px);display:flex}.brand{color:#182033;align-items:center;gap:11px;font-size:19px;display:flex}.user-menu{align-items:center;gap:10px;display:flex}.user-menu>img,.user-menu>span,.document-user img{object-fit:cover;border-radius:50%;width:36px;height:36px}.user-menu>span{color:#fff;background:#64748b;place-items:center;display:grid}.user-menu div{flex-direction:column;min-width:130px;display:flex}.user-menu strong{font-size:13px}.user-menu small{color:#8490a2;font-size:11px}.user-menu button,.document-user button{color:#64748b;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.user-menu button:hover,.document-user button:hover{background:#f1f5f9}.dashboard-main{width:min(1180px,100% - 56px);margin:0 auto;padding:58px 0 80px}.dashboard-title{justify-content:space-between;align-items:end;display:flex}.dashboard-title h1{color:#111827;letter-spacing:-.04em;margin:7px 0;font-size:36px}.dashboard-title p{color:#7b8798;margin:0}.primary-button{color:#fff;background:#315fd4;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #315fd42e}.primary-button:hover{background:#2853c1}.search-box{color:#8b96a6;background:#fff;border:1px solid #dfe4eb;border-radius:11px;align-items:center;gap:10px;width:min(420px,100%);height:43px;margin:34px 0 24px;padding:0 14px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%}.document-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px;display:grid}.document-card{cursor:pointer;background:#fff;border:1px solid #e2e7ee;border-radius:15px;transition:all .18s;overflow:hidden}.document-card:hover{border-color:#bcc8dc;transform:translateY(-3px);box-shadow:0 16px 35px #47556914}.document-preview{color:#7a91ca;background:linear-gradient(145deg,#f8faff,#eef2f9);align-content:center;place-items:center;gap:10px;height:158px;display:grid}.document-preview span{letter-spacing:.18em;font-size:10px;font-weight:800}.document-info{justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.document-info h2{color:#273044;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin:0 0 5px;font-size:14px;overflow:hidden}.document-info time{color:#929cad;font-size:11px}.document-info button{color:#9aa3b2;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.document-info button:hover{color:#dc2626;background:#fef2f2}.empty-state{color:#8b96a6;background:#ffffff80;border:1px dashed #d7dde7;border-radius:16px;align-content:center;place-items:center;gap:7px;min-height:300px;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:#3d4656;font-size:18px}.empty-state .primary-button{margin-top:14px}.document-page{background:#edf0f4;flex-direction:column;height:100vh;display:flex;overflow:hidden}.document-header{z-index:30;background:#f8f9fb;border-bottom:1px solid #d9dee7;align-items:center;gap:14px;min-height:64px;padding:9px 16px;display:flex}.document-heading{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.document-heading input{color:#202736;background:0 0;border:1px solid #0000;border-radius:5px;outline:0;width:min(480px,100%);padding:1px 5px;font-size:17px;font-weight:650}.document-heading input:focus{background:#fff;border-color:#9bb5ef}.save-status{color:#7c8798;padding-left:6px;font-size:11px}.save-status.error,.save-status.conflict{color:#c2410c}.save-status button{color:inherit;background:0 0;border:0;padding:0}.document-user{align-items:center;gap:8px;display:flex}.editor-shell{flex-direction:column;flex:1;min-height:0;display:flex}.toolbar{z-index:25;background:#f8f9fb;border-bottom:1px solid #d6dbe4;align-items:center;gap:2px;min-height:48px;padding:6px 10px;display:flex;overflow:visible}.tool-button,.dropdown-trigger{color:#394150;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;height:34px;display:inline-flex}.tool-button{flex:none;width:34px}.tool-button svg{width:17px;height:17px}.tool-button:hover,.tool-button.active,.dropdown-trigger:hover{color:#1d4ed8;background:#e8edf5}.text-button{font-size:18px}.toolbar-separator{background:#d5dae3;flex:0 0 1px;width:1px;height:24px;margin:0 3px}.font-size-input{text-align:center;background:#fff;border:1px solid #aeb7c6;border-radius:6px;outline:0;width:38px;height:30px;padding:0 3px}.color-tool{position:relative}.color-tool input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.dropdown{flex:none;position:relative}.dropdown-trigger{white-space:nowrap;justify-content:space-between;gap:8px;min-width:90px;max-width:150px;padding:0 10px}.zoom-menu .dropdown-trigger{min-width:74px}.font-menu .dropdown-trigger{min-width:116px}.dropdown-menu{z-index:100;background:#fff;border:1px solid #d7dce4;border-radius:10px;min-width:190px;max-height:min(70vh,620px);padding:8px 0;position:absolute;top:calc(100% + 7px);left:0;overflow:auto;box-shadow:0 12px 28px #1f29372b}.dropdown-menu button{color:#20242c;text-align:left;background:0 0;border:0;width:100%;min-height:40px;padding:8px 18px;font-size:15px}.dropdown-menu button:hover,.dropdown-menu button.selected{background:#e9eaec}.dropdown-menu button.selected:before{content:"✓";width:24px;margin-left:-8px;display:inline-block}.style-menu .dropdown-menu{min-width:245px}.style-menu .dropdown-menu button{border-bottom:1px solid #e1e3e6;min-height:64px}.style-menu .dropdown-menu button:last-child{border-bottom:0}.style-menu .title-option{font-size:28px;font-weight:500}.style-menu .subtitle-option{color:#5d6169;font-size:20px}.style-menu .h1-option{font-size:24px}.style-menu .h2-option{font-size:20px}.style-menu .h3-option{font-size:17px}.font-menu .dropdown-menu{min-width:245px}.font-menu .dropdown-menu button{padding-left:28px;font-size:17px}.zoom-menu .dropdown-menu{min-width:150px}.zoom-menu .dropdown-menu button{font-size:18px}.menu-caption{padding:9px 18px;font-weight:650}.menu-rule{background:#d9dde3;height:1px;margin:6px 14px}.editor-workspace{flex:1;min-height:0;display:flex}.outline{background:#f8f9fb;border-right:1px solid #d9dee7;flex:0 0 230px;width:230px;padding:18px 12px;transition:all .2s;position:relative}.outline.collapsed{flex-basis:42px;width:42px;padding:12px 4px}.outline-toggle{color:#718096;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:7px}.outline-toggle:hover{background:#e9edf3}.outline-title{color:#3e4757;align-items:center;gap:8px;padding:0 8px 14px;font-size:13px;font-weight:750;display:flex}.outline-list{flex-direction:column;display:flex}.outline-list button{color:#667085;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 10px;font-size:12px;overflow:hidden}.outline-list button:hover{color:#2d3748;background:#eef1f5}.outline-list button.active{color:#2757c8;background:#e7edfb;font-weight:700}.outline-empty{color:#9aa3b1;margin:28px 8px;font-size:12px;line-height:1.7}.page-scroller{flex:1;padding:28px max(30px,50% - 408px);overflow:auto}.page-zoom{transform-origin:top;width:816px;margin:0 auto 80px;transition:transform .12s}.word-page{background:#fff;width:816px;min-height:1056px;padding:86px 88px 100px;box-shadow:0 2px 10px #1f293729}.word-content{color:#171b23;outline:none;min-height:870px;font:11pt/1.65 Arial,Microsoft YaHei,sans-serif}.word-content p{margin:0 0 .75em}.word-content p[data-paragraph-style=title]{margin:0 0 .55em;font-size:30pt;font-weight:500;line-height:1.25}.word-content p[data-paragraph-style=subtitle]{color:#666b74;margin:0 0 1em;font-size:18pt;line-height:1.35}.word-content h1{margin:1em 0 .5em;font-size:22pt;line-height:1.3}.word-content h2{margin:.9em 0 .45em;font-size:17pt;line-height:1.35}.word-content h3{margin:.8em 0 .4em;font-size:14pt;line-height:1.4}.word-content blockquote{color:#596273;background:#f7f9fc;border-left:3px solid #8aa4d8;margin:1em 0;padding:5px 16px}.word-content ul,.word-content ol{padding-left:26px}.word-content a{color:#2563eb;text-decoration:underline}.word-content img{border-radius:3px;max-width:100%;height:auto;margin:16px auto;display:block}.word-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:14px 0}.word-content th,.word-content td{vertical-align:top;border:1px solid #aeb6c2;min-width:70px;padding:7px 9px}.word-content th{background:#f1f3f6;font-weight:700}.word-content hr{border:0;border-top:1px solid #b9c0cb;margin:24px 0}.word-content p.is-editor-empty:first-child:before{float:left;color:#a6adb8;content:attr(data-placeholder);pointer-events:none;height:0}.word-content ul[data-type=taskList]{padding:0;list-style:none}.word-content ul[data-type=taskList] li{gap:8px;display:flex}.word-content ul[data-type=taskList] li>div{flex:1}.toast{z-index:200;color:#fff;background:#1e293be8;border-radius:10px;padding:11px 16px;font-size:13px;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 25px #0f172a33}.editor-loading{color:#718096;flex:1;place-items:center;display:grid}@media (width<=900px){.toolbar{overflow:auto visible}.outline{flex-basis:42px;width:42px;padding:12px 4px}.outline>:not(.outline-toggle){display:none}.page-scroller{padding-inline:18px}.dashboard-title{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=640px){.login-card{padding:34px 25px}.login-features{flex-direction:column;align-items:center;gap:8px}.dashboard-header{padding:0 18px}.user-menu div{display:none}.dashboard-main{width:calc(100% - 32px);padding-top:36px}.document-user{display:none}}@media print{body{background:#fff}.document-header,.toolbar,.outline,.toast{display:none!important}.document-page,.editor-shell,.editor-workspace,.page-scroller{background:#fff;height:auto;display:block;overflow:visible}.page-scroller{padding:0}.page-zoom{margin:0;transform:none!important}.word-page{width:auto;min-height:0;box-shadow:none;padding:18mm 20mm}@page{size:A4;margin:0}}