:root{color:#293a34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--green:#24634e;--green-hover:#1b513f;--green-soft:#e9f1eb;--text:#293a34;--muted:#8a938d;--border:#e6eae5;--sidebar:#f7f8f4;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #76a891}button{color:inherit}button svg,a svg,.search-box svg{flex-shrink:0}svg{vertical-align:middle}a{color:var(--green)}::selection{background:#d9eadd}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex:0 0 260px;width:260px;padding:28px 18px 20px;display:flex}.brand{background:0 0;border:0;align-items:center;gap:11px;width:100%;margin-bottom:32px;padding:0 7px;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;letter-spacing:-2px;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:700;line-height:1;display:flex}.brand-name{letter-spacing:-.65px;color:#203c2f;font-size:20px;font-weight:650}.brand-name>span{margin-left:4px;font-weight:400}.brand-mark>span{margin-left:2px;font-size:18px}.brand-tag{color:#859184;letter-spacing:.8px;text-transform:uppercase;margin-left:auto;font-size:10px}.sidebar-heading{justify-content:space-between;align-items:center;display:flex}.new-note{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:43px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.new-note:hover{background:var(--green-hover)}.new-note.button{justify-content:flex-start;min-height:43px;padding-inline:13px;font-size:12px}.new-note .shortcut{color:#aac9b9;margin-left:auto;font-size:15px;font-weight:400}.search-box{color:#97a093;background:#fbfcf9;border:1px solid #e0e5dc;border-radius:6px;align-items:center;gap:8px;height:38px;margin:17px 2px 29px;padding:0 9px;display:flex}.search-box input{color:#445148;background:0 0;border:0;width:100%;min-width:0;font-size:12px}.search-box input::placeholder{color:#98a093}.search-box:focus-within{border-color:#91ad98;box-shadow:0 0 0 2px #e6eee5}.search-box input:focus-visible{outline:none}.section-label{color:#8d968a;letter-spacing:1.3px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 10px;font-size:10px;font-weight:600;line-height:20px;display:flex}.section-label span:last-child{letter-spacing:0;font-size:11px;font-weight:400}.note-list{flex-direction:column;gap:5px;min-height:0;margin:0 -3px;padding:0 3px 12px;display:flex;overflow:auto}.note-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;padding:13px 11px 12px;transition:background .15s,border-color .15s;display:block;position:relative}.note-item:hover{background:#edf1e9}.note-item.is-active{background:#e9efe5;border-color:#dfe7d9}.note-item-title{color:#475248;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:600;line-height:20px;display:flex}.note-item-title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-item-title svg{color:#8c9989;flex-shrink:0}.note-item.is-active .note-item-title{color:#36533b}.note-item.is-active .note-item-title svg{color:#698761}.note-item-meta{color:#98a08f;justify-content:space-between;align-items:center;gap:5px;margin:8px 0 0 24px;font-size:10px;line-height:14px;display:flex}.note-item-excerpt{text-overflow:ellipsis;white-space:nowrap;color:#95a08f;margin:4px 0 0 24px;font-size:11px;font-weight:400;line-height:18px;display:block;overflow:hidden}.sidebar-empty{color:#9ca493;margin:0;padding:13px 10px;font-size:11px;line-height:1.9}.sidebar-footer{color:#a0a697;border-top:1px solid #e5e9df;margin-top:auto;padding:20px 10px 0;font-size:10px;line-height:1.9}.sidebar-help{color:#788772;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:0;font-size:11px;display:flex}.sidebar-help svg{flex-shrink:0;margin-top:3px}.sidebar-help svg:last-child{color:#a5b19b;margin-left:auto}.sidebar-help:hover{color:#365c3f}.sidebar-footer p{margin:0}.footer-brand{color:#b0b7a7;justify-content:space-between;margin-top:24px;font-size:8px;display:flex}.footer-brand>span{letter-spacing:-.2px}.workspace{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--border);flex:0 0 72px;justify-content:space-between;align-items:center;gap:18px;height:72px;padding:0 34px;display:flex}.breadcrumbs{color:#959e98;white-space:nowrap;align-items:center;gap:10px;min-width:0;font-size:11px;display:flex}.breadcrumbs>span:last-child{color:#69766b;text-overflow:ellipsis;overflow:hidden}.breadcrumbs svg{color:#a8b0a8}.breadcrumbs>button:not(.icon-button){color:#909b8f;font-size:inherit;white-space:nowrap;background:0 0;border:0;padding:4px 0}.breadcrumbs>button:not(.icon-button):hover{color:#3e6949}.topbar-actions{flex-shrink:0;align-items:center;gap:20px;display:flex}.icon-button{color:#8d9990;background:0 0;border:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{color:#3f5b48;background:#f1f4ef}.icon-button svg{width:18px;height:18px}.icon-button.danger:hover{color:#b85650;background:#fbf1ef}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 14px;font-size:12px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.primary:hover{background:var(--green-hover);border-color:var(--green-hover)}.button.secondary{color:#647268;background:#fff;border-color:#dfe5de}.button.secondary:hover{background:#f7f9f5;border-color:#cdd8cc}.button.danger{color:#fff;background:#b7524a;border-color:#b7524a}.button.danger:hover{background:#9e413a}.button.small{min-height:30px;padding:5px 10px;font-size:11px}.save-status{color:#8a9989;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.save-status svg{color:#7c997e;width:13px;height:13px}.status-dot{background:#9caf91;border-radius:50%;width:5px;height:5px;display:inline-block}.save-status.saving{color:#969a85}.save-status.saving .status-dot{background:#b3b487;animation:1s ease-in-out infinite pulse}.save-status.error{color:#b96860}.save-status.error .status-dot{background:#bb7064}.mobile-menu{display:none}.document-heading{justify-content:space-between;align-items:center;gap:22px;padding:33px 38px 27px;display:flex}.document-heading>div:first-child{flex:1;min-width:0}.document-heading .view-tabs{flex-shrink:0;align-self:flex-end;margin-bottom:4px}.title-input{color:#293c2f;letter-spacing:-.8px;background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:29px;font-weight:600;line-height:1.45}.title-input::placeholder{color:#c5ccc2}.title-input:focus-visible{outline-offset:7px;border-radius:1px}.note-meta{color:#a0a89f;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:10px;line-height:18px;display:flex}.note-meta svg{width:12px;height:12px}.view-tabs{background:#f7f9f5;border:1px solid #e9ede6;border-radius:6px;gap:2px;padding:3px;display:inline-flex}.view-tabs button{color:#97a08f;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:27px;padding:5px 9px;font-size:10px;display:inline-flex}.view-tabs button svg{width:13px;height:13px}.view-tabs button:hover{color:#496345}.view-tabs button.active{color:#4f674a;background:#fff;box-shadow:0 1px 3px #233b2212}.editor-toolbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 31px;display:flex}.formatting-tools{align-items:center;gap:3px;display:flex}.formatting-tools>span{background:var(--border);width:1px;height:17px;margin:0 7px}.tool-button{color:#859181;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:inline-flex}.tool-button svg{width:16px;height:16px}.tool-button:hover{color:#375b3a;background:#f1f5ed}.guide-link{color:#9aa68f;background:0 0;border:0;align-items:center;gap:6px;padding:4px;font-size:10px;display:flex}.guide-link:hover{color:#486e4a}.editor-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.editor-pane,.preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-pane{border-right:1px solid var(--border);background:#fdfefb}.pane-header{color:#a2aa9b;letter-spacing:1.2px;justify-content:space-between;align-items:center;height:42px;min-height:42px;padding:0 26px;font-size:9px;display:flex}.pane-label{align-items:center;gap:6px;display:inline-flex}.pane-header svg{width:12px;height:12px}.editor-body{flex:1;min-height:0;padding-top:6px;display:flex;overflow:hidden}.line-numbers{text-align:right;color:#c3c9bc;-webkit-user-select:none;user-select:none;flex:0 0 51px;padding:0 15px 80px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:26px;overflow:hidden}.line-numbers>div{height:26px}.markdown-input{resize:none;color:#64705f;tab-size:2;caret-color:#34623d;white-space:pre;overflow-wrap:normal;background:0 0;border:0;border-radius:0;flex:1;width:100%;min-width:0;height:100%;padding:0 24px 80px 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:26px;display:block;overflow:auto}.markdown-input::placeholder{color:#c0c8b9}.markdown-input:focus-visible{outline:none}.preview-pane{background:#fff}.markdown-preview{color:#636d61;overflow-wrap:anywhere;flex:1;padding:6px 38px 80px;font-size:14px;line-height:1.95;overflow:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:#344832;letter-spacing:-.3px;font-weight:650;line-height:1.6}.markdown-preview h1{border-bottom:1px solid #e6ebe1;margin:28px 0 17px;padding-bottom:14px;font-size:25px}.markdown-preview h2{margin:27px 0 11px;font-size:18px}.markdown-preview h3{margin:23px 0 9px;font-size:15px}.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin:20px 0 8px;font-size:13px}.markdown-preview p{margin:0 0 16px}.markdown-preview ul,.markdown-preview ol{margin:10px 0 19px;padding-left:21px}.markdown-preview li{margin:5px 0;padding-left:3px}.markdown-preview li::marker{color:#8f9e82}.markdown-preview li>p{margin:0 0 8px}.markdown-preview li ul,.markdown-preview li ol{margin:4px 0}.markdown-preview strong{color:#46533e;font-weight:650}.markdown-preview a{color:#42714c;text-underline-offset:3px;text-decoration-color:#b8cdb5}.markdown-preview a:hover{text-decoration-color:#42714c}.markdown-preview blockquote{color:#88917e;background:#f6f8f2;border-left:3px solid #b6c7aa;margin:18px 0;padding:12px 16px}.markdown-preview blockquote p:last-child{margin-bottom:0}.markdown-preview code{color:#66775b;background:#f1f4ed;border-radius:3px;padding:3px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.87em}.markdown-preview pre{background:#f7f9f3;border:1px solid #e7ecdf;border-radius:6px;margin:18px 0;padding:16px 18px;font-size:12px;line-height:1.75;overflow:auto}.markdown-preview pre code{font-size:inherit;white-space:pre;background:0 0;border-radius:0;padding:0}.markdown-preview hr{background:#e6ebe1;border:0;height:1px;margin:26px 0}.markdown-preview table{border-collapse:collapse;max-width:100%;margin:20px 0;font-size:12px;display:block;overflow:auto}.markdown-preview th,.markdown-preview td{text-align:left;border:1px solid #e2e8db;padding:9px 12px}.markdown-preview th{color:#536146;background:#f5f8ef;font-weight:600}.markdown-preview tr:nth-child(2n) td{background:#fcfdf9}.markdown-preview img{border-radius:5px;max-width:100%;height:auto;margin:18px 0;display:block}.markdown-preview .contains-task-list,.markdown-preview .task-list-item{padding-left:0;list-style:none}.markdown-preview .task-list-item input{accent-color:var(--green);vertical-align:middle;margin:0 8px 0 0}.preview-placeholder{text-align:center;color:#bdc6b2;flex-direction:column;align-items:center;padding:65px 0;display:flex}.preview-placeholder p{color:#a1ae94;margin:15px 0 4px;font-size:12px}.preview-placeholder>span{color:#b8c1ae;font-size:10px}.mode-edit,.mode-preview{grid-template-columns:minmax(0,1fr)}.mode-edit .preview-pane,.mode-preview .editor-pane{display:none}.mode-edit .editor-pane{border-right:0}.mode-preview .markdown-preview{padding-left:max(38px,50% - 370px);padding-right:max(38px,50% - 370px)}.document-footer{border-top:1px solid var(--border);color:#a8af9f;letter-spacing:.1px;background:#fdfefa;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:7px 27px;font-size:9px;display:flex}.footer-left{align-items:center;gap:15px;display:flex}.document-footer>div:last-child{align-items:center;gap:18px;display:flex}.document-footer .status-dot{width:4px;height:4px}.shortcut{align-items:center;gap:5px;display:inline-flex}.keyboard-key{color:#98a18e;background:#f7f9f3;border:1px solid #e7ebdf;border-bottom-width:2px;border-radius:3px;padding:1px 4px;font-family:inherit;font-size:9px;line-height:13px}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;min-height:0;padding:45px 32px 70px;display:flex;overflow:auto}.empty-state>*{flex-shrink:0}.empty-illustration{color:#89a279;background:#f6f9f1;border:1px solid #e4eade;border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:28px;display:flex}.empty-illustration svg{stroke-width:1.35px;width:28px;height:28px}.eyebrow{letter-spacing:1.8px;color:#9ea991;align-items:center;gap:7px;margin:0 0 20px;font-size:8px;display:flex}.empty-state h1{letter-spacing:-1.2px;color:#354a32;margin:0 0 19px;font-size:37px;font-weight:600;line-height:1.55}.empty-state h1>span{color:#749666}.empty-state>p{color:#97a08b;max-width:400px;margin:0;font-size:12px;line-height:2.1}.empty-actions{justify-content:center;gap:10px;margin-top:28px;display:flex}.empty-actions .button{min-height:40px;padding-inline:18px}.empty-features{justify-content:center;gap:31px;margin-top:27px;display:flex}.empty-features>span{color:#a2ac97;align-items:center;gap:7px;font-size:10px;display:inline-flex}.empty-feature{color:#9aa58f;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.empty-feature svg{width:13px;height:13px}.welcome-preview{text-align:left;background:#fff;border:1px solid #e3e9db;border-radius:8px;flex-shrink:0;width:min(100%,570px);margin:37px 0 0;padding:0;position:relative;overflow:hidden;box-shadow:0 7px 22px #23330c05}.welcome-title{color:#8b9780;border-bottom:1px solid #e8ecdf;align-items:center;gap:9px;margin:0;padding:12px 18px;font-size:10px;font-weight:500;display:flex}.welcome-title .brand-mark{background:#88a179;border-radius:4px;width:19px;height:19px;font-size:11px}.welcome-title .brand-mark>span{margin-left:1px;font-size:11px}.welcome-dots{letter-spacing:2px;color:#adb8a1;margin-left:auto}.welcome-caption{color:#b0b9a6;letter-spacing:1px;margin-bottom:13px;font-size:7px;display:block}.welcome-columns{grid-template-columns:1fr 1fr;display:grid}.welcome-columns>div{min-width:0;padding:17px 20px 22px}.welcome-columns>div:first-child{background:#fbfcf8;border-right:1px solid #e8edde}.welcome-columns pre{color:#9aa88c;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;line-height:1.8}.sample-green{color:#7a9869}.welcome-columns h3{color:#6c825b;margin:0 0 8px;font-size:14px;font-weight:600}.welcome-columns p{color:#9ea992;margin:0 0 10px;font-size:9px}.sample-check{color:#9aa98d;align-items:center;gap:6px;margin-top:3px;font-size:9px;line-height:1.7;display:flex}.sample-check svg{color:#fff;background:#9cb78a;border-radius:2px;width:11px;height:11px;padding:1px}.sample-check.unchecked>span{border:1px solid #d3dfc9;border-radius:2px;width:11px;height:11px}.welcome-lines{flex-direction:column;gap:9px;margin-top:16px;display:flex}.welcome-lines span{background:#e9eedf;border-radius:2px;width:85%;height:5px;display:block}.welcome-lines span:nth-child(2){width:69%}.welcome-lines span:nth-child(3){width:76%}.loading-state{color:#9aa590;flex:1;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.spinner{animation:.8s linear infinite spin}.error-banner,.conflict-banner,.notice{justify-content:space-between;align-items:center;gap:12px;padding:12px 27px;font-size:11px;line-height:1.7;display:flex}.error-banner{color:#aa6258;background:#fff7f4;border-bottom:1px solid #f1dad4}.conflict-banner{color:#968242;background:#fffcf0;border-bottom:1px solid #ebe2c2}.notice{color:#748866;background:#f6f9ef;border-bottom:1px solid #e0e8d4}.error-banner>svg,.conflict-banner>svg,.notice>svg{flex-shrink:0}.error-banner button,.conflict-banner button{color:inherit;background:0 0;border:1px solid;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:10px}.shared-badge{color:#819873;white-space:nowrap;background:#eef4e9;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;display:inline-flex}.muted{color:#9da794}.modal{width:460px;max-width:calc(100% - 40px);max-height:calc(100dvh - 48px);color:var(--text);background:#fff;border:1px solid #e0e7d8;border-radius:12px;padding:0;box-shadow:0 24px 90px #12280e24}.modal[open]{animation:.15s fade-in}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1425164d}.modal-header{justify-content:space-between;align-items:center;gap:14px;padding:21px 23px 0;display:flex}.modal-title{color:#3d5337;letter-spacing:-.35px;margin:0;font-size:17px;font-weight:600}.modal-body{color:#87937e;padding:18px 24px 23px;font-size:12px;line-height:1.9}.modal-body p{margin:0 0 16px}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:#607353;font-weight:550}.modal-footer{background:#fcfdf9;border-top:1px solid #edf0e8;border-radius:0 0 12px 12px;justify-content:flex-end;gap:8px;padding:15px 24px;display:flex}.share-link{background:#f9fbf5;border:1px solid #dde6d4;border-radius:6px;align-items:center;gap:6px;padding:7px;display:flex}.share-link input{color:#7b8b6d;background:0 0;border:0;width:100%;min-width:0;padding:0 4px;font-size:11px;line-height:22px}.share-link input:focus-visible{outline:none}.share-link:focus-within{border-color:#a1b591}.copy-button{color:#6b805d;background:#fff;border:1px solid #d8e2ce;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:11px;display:inline-flex}.copy-button:hover{background:#eef4e7}.share-info{color:#9ca78f;align-items:center;gap:12px;margin:0 0 22px;font-size:10px;line-height:1.8;display:flex}.share-info svg{flex-shrink:0;margin-top:2px}.share-info strong{font-size:12px;font-weight:550}.share-info p{margin:3px 0 0}.share-icon{color:#819f6e;background:#edf4e6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:41px;height:41px;display:flex}.share-label{color:#849177;margin-bottom:6px;font-size:10px;display:block}.modal .notice{color:#a0aa94;background:0 0;border:0;margin:18px 0 0;padding:0;font-size:10px;line-height:1.8;display:block}.markdown-guide{margin:4px 0 21px}.markdown-guide>div{border-bottom:1px solid #edf0e7;justify-content:space-between;gap:15px;padding:10px 0;font-size:11px;display:flex}.markdown-guide>div>span{color:#7e8e70;flex-shrink:0}.markdown-guide code{color:#7f936e;text-align:right;font-size:10px}.more-menu{position:relative}.dropdown{z-index:40;background:#fff;border:1px solid #e2e9d9;border-radius:7px;min-width:210px;padding:5px;position:absolute;top:40px;right:0;box-shadow:0 8px 28px #263d1214}.dropdown>button{color:#7f8e72;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;padding:10px 11px;font-size:11px;display:flex}.dropdown>button:hover{background:#f4f8ee}.dropdown svg{width:15px;height:15px}.dropdown .danger-text{color:#b36d61;border-top:1px solid #edf0e7;border-radius:0;margin-top:4px;padding-top:13px}.dropdown .danger-text:hover{background:#fff6f2}.toast{z-index:150;color:#627d54;background:#fff;border:1px solid #dce6d3;border-radius:7px;align-items:center;gap:8px;padding:11px 17px;font-size:12px;animation:.15s fade-in;display:flex;position:fixed;bottom:54px;left:calc(50% + 130px);transform:translate(-50%);box-shadow:0 6px 24px #20340c14}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-backdrop{display:none}.breadcrumbs{font-size:12px}.save-status,.note-meta,.note-item-meta,.guide-link,.sidebar-footer,.view-tabs button{font-size:11px}.pane-header,.document-footer{font-size:10px}.empty-state>p{font-size:13px}.share-info,.modal .notice,.share-label{font-size:11px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#dce3d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c3cfb8}::-webkit-scrollbar-track{background:0 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.sidebar{flex-basis:234px;width:234px;padding-inline:15px}.topbar{padding-inline:25px}.topbar-actions{gap:12px}.document-heading{padding-inline:29px}.editor-toolbar{padding-inline:22px}.pane-header{padding-inline:20px}.markdown-preview{padding-inline:26px}.markdown-input{padding-right:18px}.line-numbers{flex-basis:43px;padding-right:12px}.toast{left:calc(50% + 117px)}}@media (width<=760px){.sidebar{width:260px;padding-top:25px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 28px #263d0f12}.sidebar.is-open{transform:translate(0)}.mobile-backdrop{z-index:25;background:#182b144d;border:0;padding:0;display:block;position:fixed;inset:0}.mobile-menu{display:inline-flex}.topbar{flex-basis:61px;gap:9px;height:61px;padding:0 15px}.breadcrumbs{flex:1;gap:7px;font-size:10px}.breadcrumbs>svg:first-child{display:none}.topbar-actions{gap:9px}.topbar .button{min-height:32px;padding:6px 10px;font-size:11px}.save-status{gap:4px;font-size:9px}.document-heading{align-items:flex-start;gap:15px;padding:23px 23px 22px}.document-heading .view-tabs{align-self:flex-end}.title-input{letter-spacing:-.6px;font-size:24px}.note-meta{font-size:9px}.editor-toolbar{gap:7px;min-height:52px;padding:8px 15px}.formatting-tools{gap:0}.tool-button{width:27px;height:28px}.tool-button svg{width:14px;height:14px}.formatting-tools>span{margin-inline:4px}.view-tabs{gap:0;padding:2px}.view-tabs button{gap:4px;min-height:26px;padding-inline:7px;font-size:9px}.view-tabs button svg{width:12px;height:12px}.editor-grid.mode-split{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.mode-split .editor-pane{border-right:0;border-bottom:1px solid var(--border)}.pane-header{height:34px;min-height:34px;padding-inline:20px;font-size:8px}.markdown-input{padding-bottom:40px;font-size:14px}.line-numbers{flex-basis:43px;padding-right:12px;font-size:11px}.markdown-preview{padding:5px 25px 40px;font-size:12px}.mode-preview .markdown-preview{padding-left:25px;padding-right:25px}.markdown-preview h1{font-size:23px}.markdown-preview h2{font-size:17px}.document-footer{min-height:30px;padding:7px 17px;font-size:8px}.document-footer>.shortcut{display:none}.footer-left{gap:10px}.empty-state{padding:30px 25px 50px}.empty-state h1{font-size:31px}.empty-features{gap:20px;margin-top:34px}.empty-feature{gap:4px;font-size:9px}.welcome-preview{margin-top:29px}.welcome-columns>div{padding:15px 13px 19px}.welcome-columns pre{font-size:8px}.welcome-columns h3{font-size:12px}.welcome-columns p,.sample-check{font-size:8px}.toast{white-space:nowrap;bottom:44px;left:50%}.error-banner,.conflict-banner,.notice{flex-wrap:wrap;padding:10px 17px;font-size:10px}.modal{max-width:calc(100% - 32px)}}@media (width<=440px){.breadcrumbs>span:first-of-type,.breadcrumbs>svg{display:none}.topbar-actions{gap:6px}.document-heading{flex-wrap:wrap;padding-bottom:17px}.document-heading>div:first-child{flex-basis:100%}.document-heading .view-tabs{margin-top:0}.save-status{max-width:12px;overflow:hidden}.save-status .status-dot,.save-status>svg{flex-shrink:0}.formatting-tools .tool-button:nth-of-type(n+6){display:none}.empty-features{gap:14px}.empty-features>span{gap:4px;font-size:8px}.empty-features>span>svg{width:12px;height:12px}.guide-link{font-size:9px}.welcome-columns pre{font-size:7px}.welcome-columns>div{padding-inline:11px}.empty-actions{gap:7px}.empty-actions .button{padding-inline:12px;font-size:11px}.document-footer>div:last-child{gap:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}