@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap");*{box-sizing:border-box}html{--bg:#1c2225;--sidebar:#151b1e;--surface:#242c30;--ink:#e0e4df;--muted:#94a09f;--line:#343e42;--accent:#c6b28a;--selected:#343b39;--board:#202a2e;--heading:"DM Serif Display",Georgia,serif;color-scheme:dark}html[data-theme=paper]{--bg:#f7f5ef;--sidebar:#eeece3;--surface:#fcfbf7;--ink:#353d34;--muted:#72786b;--line:#dedfd4;--accent:#607458;--selected:#dde3d3;--board:#eaece2;color-scheme:light}html[data-theme=minimal]{--bg:#fff;--sidebar:#f6f7f8;--surface:#fff;--ink:#232a35;--muted:#687282;--line:#e4e7ec;--accent:#4566b0;--selected:#e8edf8;--board:#f4f6f9;--heading:"Manrope",sans-serif;color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{background:var(--selected)}button:disabled{opacity:.4;cursor:not-allowed}a,button{-webkit-tap-highlight-color:transparent}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}small{display:block}input,textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:12px 13px;outline:none;resize:vertical}label{display:block;font-size:12px;font-weight:500;margin:22px 0}label input,label textarea{margin-top:9px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:39px;letter-spacing:-.8px;margin:9px 0 19px}h1,h2{font-family:var(--heading);font-weight:400}h2{font-size:28px;letter-spacing:-.3px}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:9px;letter-spacing:2.1px;color:var(--accent);font-weight:500}.primary{color:var(--bg);padding:12px 17px;border-radius:6px;font-size:12px;font-weight:600;min-height:42px;gap:12px}.primary,.primary:hover{background:var(--accent)}.primary:hover{filter:brightness(1.1)}.brand{font-family:Manrope,sans-serif;font-size:37px;font-weight:800;letter-spacing:-2.6px;color:var(--ink);text-decoration:none;justify-content:flex-start;padding:0}.brand span{color:var(--accent)}.brand:hover{background:none}.app-shell{display:flex;height:100dvh;min-height:620px}.sidebar{width:243px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 18px;position:relative}.sidebar>.brand{margin:0 13px}.workspace-label{font-size:8px;letter-spacing:1.8px;margin:9px 13px 35px;color:var(--muted)}.project-switch{border:1px solid var(--line);border-radius:7px;padding:13px 10px;gap:10px;text-align:left;background:var(--surface);font-size:12px;justify-content:flex-start;min-height:66px}.project-switch>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.project-switch small{font-size:9px;color:var(--muted);margin-top:5px}.project-symbol{font-size:27px;color:var(--accent)}.project-menu{position:absolute;top:200px;left:18px;right:18px;z-index:30;background:var(--surface);padding:7px;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 30px #0003;max-height:350px;overflow:auto}.project-menu button{width:100%;text-align:left;font-size:12px;padding:12px 9px;border-radius:4px}.project-menu button,.section-label{display:flex;justify-content:space-between}.section-label{align-items:center;margin:27px 9px 12px;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.section-label button{padding:3px}.chapter-list{overflow-y:auto;min-height:50px}.chapter-row{display:flex;border-radius:5px;align-items:center;margin-bottom:4px}.chapter-row.selected{background:var(--selected);color:var(--accent)}.chapter{min-width:0;flex:1 1;justify-content:flex-start;font-size:11px;text-align:left;padding:13px 8px;gap:9px;background:none!important}.chapter>span:first-child{font-size:10px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chapter>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chapter i{width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:auto;flex-shrink:0}.chapter-move{display:none;flex-direction:column;padding-right:3px}.chapter-row:focus-within .chapter-move,.chapter-row:hover .chapter-move{display:flex}.chapter-move button{padding:2px}.row-action{padding:5px}.archive-link{font-size:10px;color:var(--muted);justify-content:flex-start;padding:12px 9px;margin-top:15px}.sidebar-note{margin-top:auto;padding:35px 13px 27px}.sidebar-note>span{font-size:7px;letter-spacing:1.1px;color:var(--muted)}.sidebar-note p{font-family:var(--heading);font-size:21px;line-height:1.5;font-style:italic;color:var(--accent)}.sidebar-note>i{display:block;height:1px;width:35px;background:var(--accent)}.profile{border-top:1px solid var(--line);padding:18px 3px 0;justify-content:flex-start;gap:10px;text-align:left;font-size:11px}.avatar{background:var(--selected);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--accent)}.profile small{color:var(--muted);font-size:9px;margin-top:5px}.profile>svg{margin-left:auto;color:var(--muted)}main{min-width:0;flex:1 1;display:flex;flex-direction:column;position:relative;overflow:hidden}.page-header{padding:25px 34px 0}.breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb,.breadcrumb button{font-size:10px;color:var(--muted)}.breadcrumb button{padding:0}.breadcrumb button:hover{background:none;color:var(--ink)}.breadcrumb>span{color:var(--ink)}.header-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:27px;gap:15px}.header-actions{display:flex;gap:8px;color:var(--muted)}.header-actions button{padding:8px;border-radius:5px}.view-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;gap:10px}.view-switch{display:flex;gap:3px;padding:3px;border-radius:6px;background:var(--sidebar)}.view-switch button{font-size:10px;padding:7px 12px;border-radius:4px;color:var(--muted)}.view-switch button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0001}.chapter-kind{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.save-strip{display:flex;align-items:center;gap:7px;margin:12px 34px 0;font-size:10px;color:var(--muted);min-height:20px;flex-wrap:wrap}.save-strip>svg{color:var(--accent);flex-shrink:0}.save-error{color:#dba88d;padding:12px;border:1px solid #a66b4d;border-radius:6px;background:#a66b4d12}.save-message{font-size:10px}.save-strip button{font-size:10px;text-decoration:underline;padding:4px}.workspace{display:flex;flex:1 1;min-height:0;padding:0 0 0 34px;--text-width:43%}.document{width:var(--text-width);min-width:240px;display:flex;flex-direction:column;padding-right:24px}.panel-label{height:45px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.panel-label>span+span{font-size:7px;letter-spacing:1px}.format-bar{display:flex;align-items:center;gap:2px;padding:0 0 9px;border-bottom:1px solid var(--line);flex-wrap:wrap}.format-bar button{width:28px;height:28px;border-radius:4px}.format-bar button[aria-pressed=true]{background:var(--selected);color:var(--accent)}.toolbar-separator{height:15px;width:1px;background:var(--line);margin:0 4px}.editor-scroll{flex:1 1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.writing-area{outline:none;font-size:13px;line-height:1.9;min-height:100%;padding:10px 2px 70px}.writing-area h1{font-size:32px}.writing-area h2{font-size:27px;margin:18px 0 14px}.writing-area h3{font-size:16px;margin-top:24px}.writing-area p{margin:13px 0}.writing-area ol,.writing-area ul{padding-left:23px}.writing-area blockquote{border-left:2px solid var(--accent);background:var(--sidebar);margin:24px 0;padding:5px 17px;color:var(--accent)}.writing-area hr{border:0;border-top:1px solid var(--line);margin:25px 0}.writing-area img{max-width:100%;height:auto;border-radius:5px}.writing-area .is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted);pointer-events:none;height:0}.writing-area pre{background:var(--sidebar);padding:14px;border-radius:4px;overflow-x:auto}.writing-area code{font-size:12px}.document-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 0;font-size:8px;color:var(--muted);gap:8px}.divider{width:8px;flex-shrink:0;cursor:col-resize;border-left:1px solid var(--line);display:grid;place-items:center;touch-action:none}.divider span{height:30px;width:3px;background:var(--line);border-radius:3px}.board-panel{flex:1 1;min-width:0;display:flex;flex-direction:column;padding:0 20px 20px 14px}.drawing-board{flex:1 1;min-height:0;position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden}.drawing-board .excalidraw{--color-primary:#9a8b6b;--color-primary-darker:#7e7158;--color-primary-darkest:#665b46;--color-primary-light:#e6dfd1;--border-radius-lg:7px}.drawing-board .excalidraw .App-menu_top{padding:6px}.canvas-welcome{font-family:DM Sans,sans-serif;font-size:12px;text-align:center;line-height:1.8;max-width:260px}.loading-board{flex:1 1;display:grid;place-items:center;color:var(--muted);font-size:12px}.workspace[data-view=text] .board-panel,.workspace[data-view=text] .divider{display:none}.workspace[data-view=text] .document{width:100%;max-width:850px;margin:auto;height:100%;padding-right:34px}.workspace[data-view=board] .divider,.workspace[data-view=board] .document{display:none}.workspace[data-view=board] .board-panel{padding-left:0}.dashboard{padding:55px 46px;overflow:auto;flex:1 1}.dashboard header{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard h1{font-size:47px;margin-top:14px;margin-bottom:12px}.dashboard header p{font-size:12px}.dashboard-label{margin:43px 0 20px;font-size:9px;letter-spacing:1.7px;display:flex;gap:12px;color:var(--muted)}.dashboard-label span{color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.project-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;position:relative;background:var(--surface)}.project-card-main{display:block;text-align:left;width:100%;padding:0;background:none!important}.project-cover{height:145px;display:flex;align-items:center;justify-content:center;background:#314341;color:#a7b6a3;position:relative;overflow:hidden}.project-cover:after{content:"";width:180px;height:180px;border:1px solid #c6b28a30;position:absolute;transform:rotate(45deg);right:-35px;top:15px}.project-cover>span{font-size:67px;line-height:1}.project-cover small{position:absolute;bottom:15px;left:20px;font-size:7px;letter-spacing:1.4px}.cover-1{background:#413d35;color:#d1b98c}.cover-2{background:#353e4b;color:#a7b6cd}.project-card-copy{padding:21px 22px 24px}.project-card h2{font-size:24px;margin:0 0 10px}.project-card p{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 24px;min-height:38px}.project-card-copy>span{color:var(--accent);font-size:10px;display:flex;align-items:center;gap:9px}.project-archive{position:absolute;bottom:17px;right:15px;padding:7px;color:var(--muted)}.new-project-card{border:1px dashed var(--line);border-radius:9px;min-height:322px;flex-direction:column;color:var(--muted);gap:16px}.new-project-card>svg{color:var(--accent)}.new-project-card>span{font-family:var(--heading);font-size:21px;color:var(--ink)}.new-project-card small{font-size:10px}.archived-projects{margin-top:36px;color:var(--muted);font-size:12px}.archived-projects summary{cursor:pointer}.archived-projects>div{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.archived-projects button{font-size:11px}.empty-state{display:flex;flex:1 1;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}.empty-state>svg{color:var(--accent);stroke-width:1;margin-bottom:15px}.empty-state h2{margin:12px 0}.empty-state p{font-size:12px;color:var(--muted);line-height:1.7;max-width:360px;margin-bottom:25px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0b1216ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.modal{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:37px;max-width:500px;width:100%;box-shadow:0 25px 80px #0004;max-height:90dvh;overflow:auto}.modal h2{font-size:32px;margin:12px 0 15px}.modal-close{position:absolute;right:15px;top:15px;border-radius:5px;padding:6px;color:var(--muted)}.modal>.primary{margin-top:6px;width:100%;justify-content:space-between}.settings-modal{max-width:620px}.settings-modal>p{font-size:12px;margin-bottom:25px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.theme-option{display:block;position:relative;text-align:left;border:1px solid var(--line);border-radius:7px;padding:8px 8px 14px;overflow:hidden}.theme-option.chosen{border-color:var(--accent)}.theme-preview{display:flex;height:75px;border-radius:4px;overflow:hidden;margin-bottom:13px;background:#1c2225;padding:10px;gap:5px}.theme-preview i:first-child{background:#151b1e;width:20%}.theme-preview i:nth-child(2){background:#46514c;width:36%;height:70%}.theme-preview i:nth-child(3){background:#c6b28a;width:36%;height:48%;margin-top:10px}.theme-paper .theme-preview{background:#f7f5ef}.theme-paper .theme-preview i:first-child{background:#dedfd4}.theme-paper .theme-preview i:nth-child(2){background:#acb9a8}.theme-paper .theme-preview i:nth-child(3){background:#e5d9b5}.theme-minimal .theme-preview{background:#fff}.theme-minimal .theme-preview i:first-child{background:#e4e7ec}.theme-minimal .theme-preview i:nth-child(2){background:#aec0e1}.theme-minimal .theme-preview i:nth-child(3){background:#4566b0}.theme-option strong{font-size:11px;font-weight:500}.theme-option small{font-size:8px;color:var(--muted);margin-top:5px}.theme-option>svg{position:absolute;right:10px;top:10px;background:var(--accent);color:var(--bg);border-radius:50%;padding:2px}.account-details{border-top:1px solid var(--line);margin-top:26px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:15px}.account-details small{font-size:10px;color:var(--muted);margin-top:5px}.account-details a{font-size:10px}.logout{color:var(--muted);font-size:12px;padding:8px 0}.inline-error{font-size:11px;color:#d48d77;line-height:1.7}.global-error{background:#653d302b;border-bottom:1px solid #a66b4d;padding:12px 24px;color:#dba88d;font-size:12px;justify-content:space-between;gap:15px}.boot,.global-error{display:flex;align-items:center}.boot{height:100dvh;flex-direction:column;justify-content:center;gap:20px}.boot p{font-size:12px;color:var(--muted)}.mobile-scrim,.mobile-top{display:none}.login-page{display:flex;min-height:100dvh}.login-story{width:56%;padding:40px 55px;background:#151e21;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story .brand{color:#e0e4df}.login-story .brand span{color:#c6b28a}.login-copy{margin:auto 0;padding:55px 0 30px;position:relative}.login-copy .eyebrow{color:#b6a584}.login-copy h1{font-size:clamp(40px,4.7vw,70px);line-height:1.1;margin:23px 0;color:#e0e4df;max-width:650px}.login-copy>p{font-size:13px;line-height:1.9;color:#9eaaa7}.login-fragments{position:relative;height:220px;margin-top:35px;max-width:480px}.fragment{position:absolute;padding:22px;box-shadow:0 10px 25px #0003}.fragment>span{font-size:7px;letter-spacing:1.7px}.fragment p{font-family:"DM Serif Display",serif;font-size:25px;line-height:1.3;margin:15px 0}.fragment.one{left:10px;top:12px;background:#415a55;color:#d5ddc9;width:210px;height:183px;transform:rotate(-6deg)}.fragment.one i{display:block;width:50px;height:1px;background:#b6a584}.fragment.two{left:215px;top:15px;background:#d3be8f;color:#4b4a3b;width:170px;transform:rotate(7deg)}.fragment.two p{font-style:italic;font-size:23px}.fragment.three{display:flex;gap:0;padding:9px;left:175px;top:157px;transform:rotate(-2deg);background:#e4e2d8;width:180px;height:60px}.fragment.three i{flex:1 1;background:#253e40}.fragment.three i:nth-child(2){background:#66857d}.fragment.three i:nth-child(3){background:#a6b2a0}.fragment.three i:nth-child(4){background:#c99472}.login-foot{font-size:8px;letter-spacing:2px;color:#84948f}.login-form-wrap{flex:1 1;display:grid;place-items:center;padding:45px;background:var(--bg)}.login-form{width:100%;max-width:350px}.login-form h2{font-size:35px;margin:15px 0 10px}.login-form>.muted{font-size:12px;margin-bottom:35px}.login-form>.primary{width:100%;justify-content:space-between;margin-top:10px}.login-help{font-size:10px;line-height:1.9;color:var(--muted);margin-top:26px}.login-form label{margin:22px 0}.login-form input{padding:14px}.drawing-board .excalidraw .welcome-screen-center__heading{font-family:var(--heading);font-weight:400;font-size:26px}.drawing-board .excalidraw .welcome-screen-center{max-width:90%}html[data-theme=paper] .brand{font-family:"DM Serif Display",serif;font-weight:400}html[data-theme=minimal] h1{font-weight:700;font-size:33px}html[data-theme=minimal] h2{font-weight:600;font-size:25px}html[data-theme=minimal] .sidebar-note p{font-size:17px;font-style:normal}html[data-theme=minimal] .dashboard h1{font-size:40px}@media(min-width:1600px){.sidebar{width:265px}.page-header{padding-right:45px}.page-header,.workspace{padding-left:45px}.save-strip{margin-left:45px}.writing-area{font-size:14px}.dashboard{padding:65px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1150px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.chapter{font-size:10px}.page-header{padding-left:24px;padding-right:24px}.workspace{padding-left:24px;--text-width:44%}.save-strip{margin-left:24px;margin-right:24px}.document{padding-right:16px}.board-panel{padding-left:8px;padding-right:14px}.panel-label>span+span{display:none}.dashboard{padding:40px 30px}.dashboard h1{font-size:39px}.chapter-kind{display:none}.login-story{padding:35px}.login-form-wrap{padding:30px}.login-copy h1{font-size:47px}}@media(max-width:760px){.app-shell{height:100dvh;min-height:0}.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;z-index:80;left:0;top:0;bottom:0;width:260px}.mobile-scrim{display:block;position:fixed;inset:0;z-index:70;background:#0008}.mobile-top,.sidebar.mobile-open .chapter-move{display:flex}.mobile-top{align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line)}.mobile-top>span{font-family:var(--heading);font-size:23px}.mobile-top button{padding:6px}.page-header{padding:19px 18px 0}.breadcrumb{font-size:9px;gap:7px}.breadcrumb button{font-size:9px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-bottom{margin-top:20px}.eyebrow{font-size:7px}h1,html[data-theme=minimal] h1{font-size:27px}.header-actions{gap:1px}.header-actions button{padding:6px}.view-switch button{padding:7px 10px}.view-row{padding-bottom:10px}.save-strip{margin:10px 18px 0;font-size:9px}.workspace{padding:0 18px;overflow:auto;display:flex;flex-direction:column}.document{width:100%;min-width:0;flex:1 1;min-height:350px;padding:0}.divider,.workspace[data-view=split] .board-panel{display:none}.workspace[data-view=board] .board-panel{min-height:450px;flex:1 1;padding:0 0 14px}.workspace[data-view=text] .document{padding:0;min-height:350px}.editor-scroll{min-height:200px}.drawing-board{min-height:400px}.panel-label{height:36px}.document-footer{font-size:8px}.view-switch button[data-view=split]{display:none}.dashboard{padding:28px 20px}.dashboard header{align-items:flex-start;flex-direction:column}.dashboard h1,html[data-theme=minimal] .dashboard h1{font-size:35px}.dashboard-label{margin-top:30px}.project-grid{grid-template-columns:1fr}.new-project-card{min-height:170px}.project-cover{height:120px}.modal{padding:30px 22px}.theme-options{gap:7px}.theme-option{padding:5px 5px 10px}.theme-option strong{font-size:9px}.theme-option small{font-size:7px}.theme-preview{height:60px;padding:7px}.theme-option>svg{width:13px}.modal h2{font-size:28px}.account-details{align-items:flex-start}.account-details,.login-page{flex-direction:column}.login-story{width:100%;padding:25px}.login-copy{padding:28px 0 10px}.login-copy h1{font-size:39px;margin:13px 0}.login-copy>p{font-size:12px}.login-foot,.login-fragments{display:none}.login-form-wrap{padding:35px 25px}.login-form h2{font-size:29px}.login-form>.muted{margin-bottom:20px}.chapter-kind{display:none}.sidebar-note{padding-top:20px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s}.modal{animation:appear .18s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.recovery-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 34px 0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--muted)}.recovery-strip button{font-size:10px;color:var(--accent);text-decoration:underline;padding:5px}.save-strip a{font-size:10px}@media(max-width:760px){.recovery-strip{margin-left:18px;margin-right:18px}}.export-check{display:flex;align-items:center;gap:10px}.export-check input{width:auto;margin:0}.export-button{font-size:11px;border:1px solid var(--line);color:var(--accent);white-space:nowrap}@media(max-width:760px){.header-bottom{flex-wrap:wrap}.header-actions{margin-bottom:12px}}