:root{font:14px/1.5 system-ui,sans-serif;color:#26353b;background:#f5f7f8;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;height:100vh;display:flex;flex-direction:column}button,input{font:inherit;color:inherit}button{background:white;border:1px solid #dce3e7;border-radius:5px;padding:5px 10px;cursor:pointer}button:hover,button[aria-current=true]{background:#e3edf5}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,[contenteditable]:focus-visible{outline:2px solid #285b80;outline-offset:2px}input{background:white;border:1px solid #dce3e7;border-radius:5px;padding:7px}header{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid #dce3e7;background:white;min-height:48px}#logo{font-size:20px;border:0}#breadcrumb{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}#save-state{font-size:12px}#projects{max-width:580px;margin:64px auto;padding:20px}h1{font-size:28px;font-weight:500}#projects label{display:block;margin-top:24px}#project-title{width:100%}.actions{display:flex;gap:10px;margin:16px 0}.muted{color:#596a72;font-size:12px}#workspace{display:flex;flex:1;min-height:0}aside{width:220px;min-width:140px;max-width:420px;padding:12px;background:white;overflow:auto}.aside-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}aside nav button{display:block;width:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding:6px 8px}#chapters button:before{content:'● ';color:#7b858d}aside h2{font-size:12px;color:#596a72;margin-top:25px}#add-chapter{margin-top:8px}#resizer{width:5px;cursor:col-resize;background:#e4eaed}main{flex:1;min-width:0;overflow:auto}#toolbar{display:flex;gap:5px;padding:7px 12px;background:white;border-bottom:1px solid #dce3e7;position:sticky;top:0;z-index:1}article{max-width:850px;margin:20px auto 40px;padding:28px 44px;min-height:65vh;background:white;border:1px solid #e4eaed}#chapter-title{display:block;width:100%;font-size:25px;font-weight:500;border:0;border-bottom:1px solid #e4eaed;border-radius:0;margin:0 0 20px;padding:4px 0 12px}.tiptap{font:18px/1.75 Georgia,serif;outline:none;min-height:40vh}.tiptap p{margin:0 0 .8em}.tiptap h1{font-size:26px}.tiptap h2{font-size:23px}.tiptap h3{font-size:20px}.tiptap a{color:#285b80}.tiptap pre{white-space:pre-wrap}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 12px;border-top:1px solid #dce3e7;background:white;font-size:11px}footer label{display:flex;align-items:center;gap:6px}footer input{width:90px;padding:0}#message{padding:8px 15px;background:#fff0d8;border-top:1px solid #e6bf56;white-space:pre-wrap}dialog{border:1px solid #dce3e7;border-radius:8px;max-width:440px}dialog::backdrop{background:#26353b55}


#chapter-title{font-family:inherit;color:inherit;line-height:1.5;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}#chapter-title:focus-visible{outline:2px solid #285b80;outline-offset:2px}#account{padding:8px 16px;background:#efece6;font:13px system-ui;display:flex;gap:16px;align-items:center;flex-wrap:wrap} #account a{color:#275244} #projects select{display:block;width:100%;padding:10px;margin:8px 0} #projects input{max-width:100%} #projects label{display:block;margin-top:18px} @media(max-width:650px){header{flex-wrap:wrap;height:auto;min-height:56px} #sidebar{width:150px} #paper{padding:20px} #account{gap:8px}}
#analytics-choice{position:fixed;z-index:1000;bottom:12px;left:12px;right:12px;max-width:760px;margin:auto;padding:16px;background:#fffdf8;color:#292e2c;border:1px solid #c2c9c2;border-radius:10px;box-shadow:0 4px 24px #0002;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:14px/1.5 system-ui}#analytics-choice[hidden],#analytics-settings[hidden]{display:none}#analytics-choice span{flex:1 1 320px}#analytics-choice button,#analytics-settings{font:inherit;cursor:pointer;padding:8px 12px;border:1px solid #7b8a7e;background:#fffdf8;color:#223c31;border-radius:5px}#analytics-settings{position:fixed;z-index:999;bottom:6px;right:6px;font:12px system-ui;padding:5px 8px}#analytics-choice button:focus-visible,#analytics-settings:focus-visible{outline:3px solid #285b80;outline-offset:3px}

body[data-browser] #analytics-settings{position:static;font:12px system-ui;margin-left:auto}