@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#232622;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#232622;--muted:#858981;--line:#e8e9e4;--paper:#fff;--green:#3d694f;--green-dark:#2e533e;--green-soft:#eaf1eb;--sidebar:#f2f3ef;background:#f7f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline-offset:2px;outline:2px solid #789a81}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid #e7e8e3;flex-direction:column;flex-shrink:0;width:252px;min-height:100vh;padding:24px 15px 15px;transition:width .2s;display:flex}.sidebar-collapsed{width:76px;padding-left:12px;padding-right:12px}.brand-row{align-items:center;gap:11px;min-height:49px;padding:0 5px 29px;display:flex}.brand-mark{color:#fff;background:#2d4937;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:35px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:grid;box-shadow:0 3px 8px #213c2c20}.brand-copy{flex-direction:column;flex:1;min-width:0;display:flex}.brand-copy strong{letter-spacing:-.7px;white-space:nowrap;font:800 17px Manrope,sans-serif}.brand-copy strong span{color:#6e756d;font-weight:500}.brand-copy small{color:#92968e;white-space:nowrap;margin-top:2px;font-size:10px}.icon-button{color:#73796f;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:inline-flex}.icon-button:hover{color:#30362f;background:#e7e9e3}.icon-button.tiny{width:27px;height:27px}.sidebar-toggle{margin-left:auto}.workspace-label,.sidebar-section-heading{color:#969a92;letter-spacing:1.1px;justify-content:space-between;align-items:center;padding:0 9px 10px;font-size:9px;font-weight:700;display:flex}.primary-nav{gap:4px;display:grid}.nav-item{color:#666d63;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:42px;padding:11px 12px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#2d342d;background:#e8eae4}.nav-item.active{color:#31553d;background:#e3ebe4;font-weight:700}.nav-count{color:#8b9389;margin-left:auto;font-size:11px}.sidebar-section{margin-top:31px}.sidebar-section-heading{padding-bottom:8px}.sidebar-section .nav-item{font-size:12px}.sidebar-hint{color:#858c81;background:#f7f8f5;border:1px solid #e4e7df;border-radius:9px;align-items:flex-start;gap:8px;margin:30px 4px 0;padding:12px 10px;font-size:10px;line-height:1.5;display:flex}.sidebar-hint svg{color:#78917b;flex-shrink:0}.sidebar-bottom{border-top:1px solid #e2e4de;align-items:center;gap:10px;margin-top:auto;padding:16px 5px 0;display:flex}.profile-avatar,.avatar-small{color:#436348;background:#e2e8dd;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.profile-copy{flex-direction:column;flex:1;gap:2px;display:flex}.profile-copy strong{font-size:11px;font-weight:600}.profile-copy span{color:#92978e;font-size:10px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fbfbf9;flex-shrink:0;justify-content:space-between;align-items:center;height:66px;padding:0 38px;display:flex}.topbar-actions{align-items:center;gap:16px;display:flex}.topbar-thin{height:42px;padding:0 16px}.doc-title-thin{color:#30362f;background:0 0;border:0;min-width:180px;padding:0 8px;font:600 13px Manrope,sans-serif}.sidebar-files{flex-direction:column;flex:1;min-height:0;margin-top:20px;display:flex}.files-list{flex:1;align-content:start;gap:2px;display:grid;overflow:auto}.file-item{color:#5a6258;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.file-item:hover{background:#eef1eb}.file-item.selected{color:#31553d;background:#e3ebe4;font-weight:600}.file-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-item .icon-button{opacity:0}.file-item:hover .icon-button{opacity:1}.new-file-btn{color:#758072;background:0 0;border:1px dashed #d6dbd2;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:11px;display:flex}.new-file-btn:hover{background:#f4f7f2;border-color:#a8b8a6}.word-ribbon{background:#fbfcfa;border-bottom:1px solid #e3e7df;flex-shrink:0}.ribbon-tabs{border-bottom:1px solid #e7eae4;align-items:stretch;gap:4px;height:39px;padding:0 24px;display:flex}.ribbon-tab{color:#666f63;background:0 0;border:0;padding:0 13px;font-size:12px;font-weight:600;position:relative}.ribbon-tab.active{color:#31583c}.ribbon-tab.active:after{content:"";background:#3d694f;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:10px;right:10px}.ribbon-content{align-items:stretch;gap:0;min-height:88px;padding:8px 15px 0;display:flex;overflow-x:auto}.ribbon-group{border-right:1px solid #e1e5dd;flex-direction:column;justify-content:space-between;min-width:max-content;padding:0 14px 6px;display:flex}.ribbon-group:first-child{padding-left:8px}.ribbon-group:last-child{border-right:0}.ribbon-controls{align-items:center;gap:4px;min-height:48px;display:flex}.ribbon-group>small{color:#858c81;text-align:center;padding-top:5px;font-size:10px}.ribbon-action{color:#626b60;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;height:31px;padding:0 9px;font-size:11px;display:flex}.ribbon-action:hover,.format-button:hover{background:#edf2eb;border-color:#dce5d9}.font-controls select,.ribbon-controls select{color:#4b5548;background:#fff;border:1px solid #d8ddd4;border-radius:4px;max-width:135px;height:29px;padding:0 7px;font-size:11px}.ribbon-collapse{color:#697165;background:#fff;border:1px solid #e1e5dd;border-radius:5px;align-self:center;place-items:center;width:30px;height:28px;margin-left:auto;display:grid}.ribbon-collapse:hover{background:#edf2eb}.document-workspace{flex:1;min-height:calc(100vh - 66px);display:flex}.editor-panel{background:#fbfbf9;flex-direction:column;flex:1;min-width:0;display:flex}.paper-scroll{background:#f6f7f4;flex:1;padding:40px 40px 30px 60px;position:relative;overflow:auto}.ruler-top{color:#8a8f86;z-index:2;background:#f4f5f1;border-bottom:1px solid #dcded8;align-items:flex-end;height:22px;padding:0 4px;font-size:9px;display:flex;position:absolute;top:0;left:40px;right:40px}.ruler-tick{text-align:center;border-left:1px solid #c8cbc4;flex:1;padding-bottom:2px}.ruler-left{color:#8a8f86;z-index:2;background:#f4f5f1;border-right:1px solid #dcded8;flex-direction:column;justify-content:space-around;width:22px;font-size:9px;display:flex;position:absolute;top:22px;bottom:0;left:0}.ruler-tick-vert{text-align:center;border-top:1px solid #c8cbc4;padding:2px 0}.ruler-margin-area.left{background:#e8e9e4;position:absolute;top:0;bottom:0;left:0}.ruler-margin-area.top{background:#e8e9e4;position:absolute;top:0;left:0;right:0}.ruler-margin-handle.left{cursor:ew-resize;z-index:3;background:#3d694f;width:6px;position:absolute;top:0;bottom:0}.ruler-margin-handle.top{cursor:ns-resize;z-index:3;background:#3d694f;height:6px;position:absolute;left:0;right:0}.document-paper{background:#fff;border:1px solid #ebede7;border-radius:3px;max-width:800px;min-height:650px;margin:0 auto;padding:46px clamp(28px,7vw,86px) 70px;position:relative;box-shadow:0 3px 12px #20282005}.paper-meta{color:#a0a69c;letter-spacing:1px;align-items:center;gap:7px;margin-bottom:29px;font-size:8px;font-weight:700;display:flex}.rich-editor{color:#424940;min-height:500px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.85;outline:none!important}.rich-editor:focus{box-shadow:none!important;outline:none!important}.rich-editor:empty:before{content:attr(data-placeholder);color:#b6bbb2}.editor-footer{color:#8b9088;background:#fff;border-top:1px solid #eceee8;align-items:center;gap:16px;padding:8px 20px;font-size:11px;display:flex}.footer-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.footer-actions .button-secondary.small{padding:6px 10px;font-size:10px}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.note-card{background:var(--note-color);cursor:pointer;border:1px solid #e6e7e0;border-radius:10px;flex-direction:column;min-height:200px;padding:15px;display:flex}.button-primary{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700}.button-secondary{color:#596257;background:#fff;border:1px solid #e1e4dd;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700}