:root{--muted: #6c6673;font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#272631;background:#fbfaf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7567ee;outline-offset:3px}body{margin:0}#root{min-height:100vh}::selection{background:#d9d4ff}button{border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#f6f5f2;border-right:1px solid #ebe9e4;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:20}.sidebar-head{height:85px;display:flex;align-items:center;padding:0 24px;gap:11px}.brand-mark{width:30px;height:30px;border-radius:9px;background:#7465ea;color:#fff;display:grid;place-items:center;font-weight:750;font-family:Georgia,serif;font-size:20px;box-shadow:0 5px 11px #7465ea33}.brand-mark span{transform:translateY(-2px)}.brand-name{font-family:Georgia,serif;letter-spacing:-1.1px;font-size:25px;font-weight:700}.sidebar-actions{padding:15px 15px 21px}.new-button{width:100%;height:40px;border:1px solid #e3e0da;border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left;font-weight:650;font-size:13px;box-shadow:0 2px 4px #302b3710;transition:transform .16s,box-shadow .16s}.new-button:hover{transform:translateY(-1px);box-shadow:0 5px 13px #302b3716}.new-button svg{color:#7363e4}.search-box{height:39px;margin-top:10px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#96939b}.search-box input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#42404a;font-size:12px}.search-box input::placeholder{color:#a19fa4}.search-box kbd{font:10px system-ui;color:#aaa7ad;white-space:nowrap}.section-label{padding:10px 24px 9px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#96939b;display:flex;justify-content:space-between}.section-label span{font-size:11px;letter-spacing:0}.doc-list{padding:2px 9px;overflow:auto;flex:1}.doc-item{width:100%;text-align:left;display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:9px;color:#77747d;margin-bottom:3px;transition:background .15s,color .15s}.doc-item:hover{background:#eeece9}.doc-item.active{background:#ebe8fc;color:#6355d9}.doc-item>span{min-width:0;display:flex;flex-direction:column;gap:5px}.doc-item strong{font-size:12.5px;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#35333d}.doc-item.active strong{color:#5c4ed0}.doc-item small{font-size:10px;color:#aaa6ae}.doc-item svg{flex:none}.no-results{padding:15px;color:#aaa;font-size:12px}.sidebar-footer{border-top:1px solid #ebe9e4;min-height:63px;padding:22px 23px;font-size:11px;color:#918e95;display:flex;align-items:center;gap:8px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#7bbca7;box-shadow:0 0 0 3px #7bbca722}.main{min-width:0;flex:1;height:100vh;display:flex;flex-direction:column;background:#fbfaf8}.topbar{height:64px;flex:none;border-bottom:1px solid #eeeae5;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fbfaf8;gap:15px}.top-left,.top-right{display:flex;align-items:center;gap:10px;min-width:0}.top-right{gap:16px}.breadcrumb{font-size:10px;font-weight:800;letter-spacing:1.35px;color:#a5a1a8;white-space:nowrap}.breadcrumb-chevron{transform:rotate(-90deg);color:#c3c0c4}.breadcrumb-current{font-size:12px;font-weight:600;color:#6d6972;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon-button{height:29px;width:29px;display:grid;place-items:center;border-radius:7px;color:#85808b;transition:background .15s,color .15s}.icon-button:hover{background:#efedeb;color:#4f4a56}.top-separator{height:16px;border-left:1px solid #e7e4e0}.save-state{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:600;color:#817d86}.save-state.saved svg{color:#61a38c}.save-state.error,.save-state.conflict{color:#c56d66}.state-dot{width:6px;height:6px;border-radius:50%;background:#a9a3b0}.save-state.error .state-dot,.save-state.conflict .state-dot{background:#cc6d67}.save-state.saving .state-dot{animation:pulse 1s infinite;background:#7161e9}@keyframes pulse{50%{opacity:.3}}.retry{font-size:11px;color:#7161e9;font-weight:700}.canvas-scroll{flex:1;overflow-y:auto;scrollbar-color:#d9d6d2 transparent}.page{max-width:805px;margin:0 auto;padding:72px 28px 80px}.page-kicker{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#aaa5b0}.kicker-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eeeafe;color:#6f60dd}.kicker-line{height:1px;background:#eeeae7;flex:1;margin-left:5px}.title-input{display:block;width:100%;margin:27px 0 5px;border:0;outline:0;background:transparent;color:#25242b;letter-spacing:-2.5px;font-size:clamp(34px,4vw,49px);font-weight:760;line-height:1.3;padding:0}.title-input::placeholder{color:#bcb8bf}.page-meta{font-size:11px;color:#aaa6ae;display:flex;gap:10px;align-items:center;margin:3px 0 50px}.blocks{display:flex;flex-direction:column;gap:31px}.block{display:flex;position:relative;gap:16px;min-width:0}.block-rail{position:relative;width:16px;flex:none;display:flex;justify-content:center}.rail-line{height:100%;width:1px;background:#eeebe8;transition:background .2s}.rail-add{position:absolute;top:10px;left:-3px;width:23px;height:23px;border-radius:6px;background:#fff;border:1px solid #e8e4e8;color:#777087;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:opacity .16s,transform .16s;box-shadow:0 2px 7px #302b3710}.block:hover .rail-add,.block:focus-within .rail-add{opacity:1;transform:scale(1)}.rail-add:hover{background:#edeafd;color:#6455d8}.block-body{min-width:0;flex:1}.block-header{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:8px}.block-kind{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:750;color:#aaa6af;display:flex;align-items:center;gap:7px}.block-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.block:hover .block-actions,.block:focus-within .block-actions{opacity:1}.block-actions button,.drawing-tools button{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;color:#99939f}.block-actions button:hover,.drawing-tools button:hover{background:#f1eef1;color:#605a66}.plain-editor{width:100%;border:0;resize:none;outline:0;background:transparent;color:#37343f;font-size:15px;line-height:1.88;padding:2px 0;display:block;min-height:54px;overflow:hidden}.plain-editor::placeholder{color:#bab6bc}.mode-tabs{display:flex;gap:3px;margin:2px 0 8px}.mode-tabs button{font-size:11px;font-weight:650;color:#aaa6ae;padding:5px 11px;border-radius:6px}.mode-tabs button.active{background:#efedf7;color:#6558d5}.markdown-preview{min-height:54px;line-height:1.75;color:#393641;overflow-wrap:anywhere}.markdown-preview :first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{line-height:1.3;letter-spacing:-.3px}.markdown-preview h1{font-size:25px}.markdown-preview h2{font-size:20px}.markdown-preview h3{font-size:17px}.markdown-preview p,.markdown-preview ul,.markdown-preview ol{margin:.5em 0}.markdown-preview blockquote{border-left:3px solid #c6c0f4;padding-left:16px;color:#77727c;margin:1em 0}.markdown-preview code{background:#f1eef0;padding:2px 4px;border-radius:4px;font-size:.85em}.markdown-preview pre{background:#f3f1f5;padding:13px;border-radius:8px;overflow:auto}.md-link{color:#7464db;text-decoration:underline;text-decoration-style:dotted}.external-image{color:#a19aaa;font-size:12px}.code-wrap{border:1px solid #e8e5e4;border-radius:10px;overflow:hidden;background:#fff}.code-wrap select{height:35px;background:transparent;border:0;border-bottom:1px solid #efedec;width:100%;color:#88828c;padding:0 14px;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;outline:0}.code-wrap .cm-editor{min-height:75px;font-size:12.5px;background:transparent}.code-wrap .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-wrap .cm-gutters{background:transparent;border-right:0;color:#b4aeb6}.code-loading{padding:18px;color:#999;font-size:12px}.drawing-wrap{border:1px solid #e8e5e4;border-radius:10px;background:#fff;overflow:hidden}.drawing-tools{height:37px;display:flex;align-items:center;gap:2px;border-bottom:1px solid #f0eeee;padding:0 9px}.drawing-tools button.selected{background:#eeeafd;color:#6b5bd9}.drawing-tools span{font-size:10px;color:#b0abb2;margin-left:auto;padding-right:8px}.drawing-wrap svg{width:100%;height:auto;display:block;background-image:radial-gradient(#e9e5ed .7px,transparent .7px);background-size:18px 18px;touch-action:none;cursor:crosshair}.media{margin:0}.media-frame{background:#f2f0ef;border-radius:10px;overflow:hidden;max-height:500px;display:flex;justify-content:center}.media img,.media video{display:block;max-width:100%;max-height:500px;object-fit:contain}.media audio{width:100%;margin:15px}.media figcaption{font-size:11px;color:#928d96;padding-top:9px}.media figcaption span{color:#b6b1b9}.media-error{color:#bd6666;font-size:12px}.media-loading{font-size:12px;color:#999}.add-end{margin:36px 0 0 32px;position:relative}.add-end-button{width:100%;height:53px;border:1px dashed #e5e0e6;border-radius:9px;display:flex;align-items:center;gap:10px;color:#847e8a;font-size:12px;font-weight:650;padding:0 15px;text-align:left;transition:border-color .15s,background .15s}.add-end-button:hover{border-color:#a99deb;background:#f6f3ff;color:#6253d4}.add-end-button span{margin-left:auto;color:#b4aeb8;font-weight:400}.add-menu{position:relative;z-index:5;width:250px;background:#fff;border:1px solid #e8e4e9;border-radius:12px;padding:6px;box-shadow:0 12px 35px #29233519;margin:6px 0 0 31px;animation:pop .15s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.block>.add-menu{position:absolute;top:35px;left:18px}.add-menu-head{height:30px;padding:4px 7px 5px 11px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:750;letter-spacing:.8px;color:#aaa5ad;text-transform:uppercase}.add-menu-head button{color:#aaa}.add-menu>button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border-radius:7px;padding:8px;color:#857d8d}.add-menu>button:hover{background:#f6f4fa;color:#6a5bda}.add-menu>button span{display:flex;flex-direction:column;gap:2px}.add-menu strong{font-size:12px;color:#3d3942}.add-menu small{font-size:10px;color:#aaa4af}.menu-divider{height:1px;background:#f0edf0;margin:4px 5px}.page-foot{border-top:1px solid #eeeae7;margin:74px 0 0 32px;padding-top:17px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#bbb6be}.page-foot span:last-child{font-weight:400;letter-spacing:0}.alert,.undo-banner{margin:12px 36px 0;padding:11px 14px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:10px}.alert{background:#fff0ef;color:#a64e4d;border:1px solid #f1d0cc}.alert button,.undo-banner button:last-child{margin-left:auto}.undo-banner{background:#ece9fa;color:#5948c0}.undo-banner button{font-weight:700;text-decoration:underline}.loading,.empty{margin:auto;text-align:center;color:#a4a0a6;font-size:13px}.empty h1{color:#3a3641}.empty button{background:#7465ea;color:#fff;padding:10px 15px;border-radius:8px}.scrim,.mobile-menu,.mobile-close{display:none}[data-theme=dark]{--muted: #aaa4b1;color-scheme:dark;color:#e7e5eb;background:#19191e}[data-theme=dark] .sidebar{background:#202027;border-color:#313039}[data-theme=dark] .main,[data-theme=dark] .topbar{background:#19191e;border-color:#313039}[data-theme=dark] .sidebar-footer,[data-theme=dark] .top-separator{border-color:#34313c}[data-theme=dark] .new-button,[data-theme=dark] .drawing-wrap,[data-theme=dark] .code-wrap,[data-theme=dark] .add-menu,[data-theme=dark] .rail-add{background:#26252e;border-color:#3a3742;color:#d6d2df}[data-theme=dark] .doc-item.active,[data-theme=dark] .mode-tabs button.active,[data-theme=dark] .drawing-tools button.selected{background:#342e50}[data-theme=dark] .doc-item strong,[data-theme=dark] .add-menu strong,[data-theme=dark] .title-input,[data-theme=dark] .plain-editor,[data-theme=dark] .search-box input{color:#e7e4ed}[data-theme=dark] .markdown-preview{color:#d7d3dc}[data-theme=dark] .markdown-preview code,[data-theme=dark] .markdown-preview pre{background:#2e2b35}[data-theme=dark] .rail-line,[data-theme=dark] .kicker-line,[data-theme=dark] .page-foot,[data-theme=dark] .drawing-tools,[data-theme=dark] .code-wrap select{border-color:#34313b;background-color:transparent}[data-theme=dark] .rail-line,[data-theme=dark] .kicker-line{background:#34313b}[data-theme=dark] .drawing-wrap svg{background-color:#222128;background-image:radial-gradient(#38353d .7px,transparent .7px)}[data-theme=dark] .media-frame{background:#27252d}[data-theme=dark] .add-end-button{border-color:#3b3742}[data-theme=dark] .sidebar-footer{color:#aaa3b0}[data-theme=dark] .code-wrap .cm-gutters{color:#777}[data-theme=dark] .new-button:hover,[data-theme=dark] .icon-button:hover,[data-theme=dark] .doc-item:hover{background:#2e2b36}@media(max-width:760px){.sidebar{position:fixed;visibility:hidden;transform:translate(-100%);transition:transform .22s;box-shadow:10px 0 30px #0001}.sidebar.open{visibility:visible;transform:translate(0)}.scrim{display:block;position:fixed;inset:0;background:#0007;z-index:15}.mobile-menu,.mobile-close{display:grid}.mobile-close{margin-left:auto}.topbar{height:58px;padding:0 17px}.top-left{gap:7px}.top-right{gap:6px}.breadcrumb,.breadcrumb-chevron{display:none}.breadcrumb-current{max-width:150px}.top-separator{display:none}.page{padding:43px 18px 70px}.page-meta{margin-bottom:36px}.block{gap:9px}.block-rail{width:15px}.rail-add{opacity:1;transform:none}.block-actions{opacity:1}.add-end{margin-left:24px}.add-end-button span{display:none}.page-foot{margin-left:24px}.page-foot span:last-child{display:none}.alert,.undo-banner{margin:9px 15px 0}.title-input{letter-spacing:-1.6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.canvas-scroll.busy{opacity:.55;pointer-events:none}.page-menu-anchor{position:relative}.page-menu{position:absolute;right:0;top:36px;z-index:10;width:210px;padding:6px;border-radius:10px;border:1px solid #e8e4e9;background:#fff;box-shadow:0 12px 35px #29233522}.page-menu button{width:100%;padding:9px 11px;border-radius:6px;text-align:left;font-size:12px;color:#514c58}.page-menu button:hover{background:#f5f3f8}.page-menu .destructive{color:#ba625e}.page-menu>div{height:1px;background:#eee;margin:4px 6px}[data-theme=dark] .page-menu{background:#282630;border-color:#3a3742}[data-theme=dark] .page-menu button{color:#e0dbe6}[data-theme=dark] .page-menu button:hover{background:#34313f}[data-theme=dark] .page-menu .destructive{color:#dd817e}textarea.title-input{resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.3em}.sidebar-footer small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#aaa5ad}.sidebar-footer button{padding:0;color:#7263df;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.privacy-dot{flex:none}.title-input{margin:0 0 42px}.block-header{min-height:22px;margin-bottom:5px}.block-kind{color:#aaa4b1}.text-header{position:absolute;top:-28px;right:0;z-index:1;min-height:0;margin:0}.text-header .block-actions{background:#fbfaf8;border-radius:6px}[data-theme=dark] .text-header .block-actions{background:#19191e}.add-end{margin-top:31px}.add-end:after{content:"";position:absolute;top:15px;left:40px;right:0;height:1px;background:#eae6eb;pointer-events:none}.add-end-button{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #e5e0e6;border-radius:8px;background:#fff}.add-menu>button{padding:10px 9px}[data-theme=dark] .add-end-button{background:#26252e;border-color:#3a3742}[data-theme=dark] .add-end:after{background:#34313b}.doc-item small,.save-state:not(.error):not(.conflict),.mode-tabs button:not(.active),.sidebar-footer,.sidebar-footer small,.code-wrap select,.breadcrumb-current,.media figcaption,.media figcaption span,.search-box kbd,.section-label,.external-image,.no-results,.block-kind,.block-actions button,.drawing-tools button,.icon-button{color:var(--muted)}.plain-editor::placeholder,.title-input::placeholder,.search-box input::placeholder{color:var(--muted)}[data-theme=dark] .mode-tabs button.active,[data-theme=dark] .drawing-tools button.selected,[data-theme=dark] .sidebar-footer button{color:#b9adff}[data-theme=dark] .block-actions button:hover,[data-theme=dark] .drawing-tools button:hover{background:#34313f;color:#e0dbe6}@media(max-width:760px){.title-input{margin-bottom:32px}}