@font-face{font-family:Roboto;src:url(../fonts/Roboto.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Gelasio;src:url(../fonts/Gelasio.ttf)format("truetype");font-weight:100 900;font-display:swap}:root,[data-theme=dark]{--bg:#000;--text:#ececee;--caret:#fff;--icon:#ececee;--accent:#00b4d8;--selection:var(--accent);--menu-bg:#161618;--menu-border:#303036;--menu-fg:#ececee;--menu-hover:#fff2;--menu-down:#fff3;--menu-checked:#ffffff2a}[data-theme=light]{--bg:#fafafa;--text:#111315;--caret:#000;--icon:#202124;--accent:#00b4d8;--selection:var(--accent);--menu-bg:#fff;--menu-border:#dadde3;--menu-fg:#202124;--menu-hover:#0001;--menu-down:#0002;--menu-checked:#00000026}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}html.web-app-mode,html.web-app-mode body,html.web-app-mode #root{background:var(--bg);width:100%;height:100%;min-height:0;overflow:hidden}body{color:#171916;background:#f3f4f1;margin:0;font-family:Roboto,system-ui,sans-serif;overflow-x:hidden}::selection{background:var(--selection)}.ProseMirror{caret-color:var(--caret);white-space:pre-wrap;tab-size:var(--tab-size,4);outline:none;line-height:1.4}.ProseMirror p{margin:0}.site-shell{color:#171916;background:#f3f4f1;min-height:100%;overflow:hidden}.desktop-shell{background:#000;width:100%;height:100vh;overflow:hidden}.web-app-shell{background:var(--bg);min-height:100%;position:absolute;inset:0;overflow:hidden}.web-app-shell .app-root{height:100%}.web-app-shell .editor-viewport{top:calc(var(--top-margin,44px) + env(safe-area-inset-top));bottom:calc(var(--bottom-margin,40px) + env(safe-area-inset-bottom))}.web-save-error{z-index:90;top:calc(12px + env(safe-area-inset-top));background:var(--menu-bg);max-width:min(70vw,440px);color:var(--menu-fg);text-align:center;border:1px solid #c74b42;border-radius:6px;padding:8px 12px;font:12px/1.35 Roboto,system-ui,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.desktop-shell .app-root{height:100%}.window-drag-region{z-index:15;pointer-events:auto;-webkit-user-select:none;user-select:none;app-region:drag;background:0 0;position:absolute}.window-drag-region--top{height:var(--top-margin,44px);top:0;left:0;right:0}.window-drag-region--bottom{height:var(--bottom-margin,40px);bottom:0;left:0;right:0}.window-controls-reveal{z-index:60;app-region:no-drag;justify-content:center;width:126px;height:38px;display:flex;position:absolute;top:0;right:52px}.desktop-shell button,.desktop-shell input,.desktop-shell textarea,.desktop-shell .popup-card{app-region:no-drag}.window-controls{visibility:hidden;pointer-events:none;border:1px solid var(--menu-border);background:var(--menu-bg);opacity:0;border-top:0;border-radius:0 0 6px 6px;height:30px;transition:opacity .12s,transform .12s,visibility 0s linear .12s;display:flex;overflow:hidden;transform:translateY(-22px);box-shadow:0 8px 22px #0000004d}.window-controls-reveal:hover .window-controls,.window-controls:focus-within{visibility:visible;pointer-events:auto;opacity:1;transition-delay:.1s;transform:translateY(0)}.window-controls button{width:42px;height:29px;color:var(--menu-fg);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.window-controls button:hover{background:var(--menu-hover)}.window-controls .window-close:hover{color:#fff;background:#c42b1c}.site-header,.intro,.demo-section,.principles,.closing-cta,footer{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid #d7d9d3;justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex}.wordmark{color:#171916;font-family:Gelasio,Georgia,serif;font-size:24px;font-weight:600;text-decoration:none}.wordmark span,.eyebrow{color:var(--accent)}.download-action{align-items:center;gap:12px;display:flex}.download-action>span{color:#64685f;max-width:108px;font-size:11px;line-height:1.35}.download-button{color:#fff;letter-spacing:0;cursor:pointer;background:#171916;border:1px solid #171916;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font:600 14px/1 Roboto,system-ui,sans-serif;text-decoration:none;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex;box-shadow:0 6px 16px #17191629}.download-button:hover{background:#007f99;transform:translateY(-1px);box-shadow:0 8px 20px #007f9938}.download-button:focus-visible{outline-offset:3px;outline:3px solid #007f9959}.web-alpha-button{color:#171916;border:1px solid #171916;border-radius:6px;align-items:center;min-height:42px;margin-top:28px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.web-alpha-button:hover{color:#007f99;border-color:#007f99}.intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;min-height:390px;padding-block:74px 64px;display:grid}.intro-copy{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;font-size:12px;font-weight:700}.intro h1{letter-spacing:0;margin:0;font-family:Gelasio,Georgia,serif;font-size:clamp(64px,10vw,128px);font-weight:500;line-height:.86}.intro-tagline{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:28px 0 0;font-size:14px;font-weight:700;line-height:1.4}.intro-lede{color:#4f534c;max-width:650px;margin:16px 0 0;font-family:Gelasio,Georgia,serif;font-size:22px;line-height:1.48}.demo-jump{color:#171916;white-space:nowrap;border-bottom:1px solid #171916;align-items:center;gap:8px;padding-bottom:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.demo-section{padding:42px 0 86px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:24px;display:flex}.section-heading h2,.closing-cta h2{letter-spacing:0;margin:0;font-family:Gelasio,Georgia,serif;font-size:34px;font-weight:500;line-height:1.18}.section-heading>p,.closing-cta>div>p:last-child{color:#64685f;margin:0;font-size:13px}.demo-frame{background:#000;border:1px solid #2b2d29;border-radius:8px;height:min(690px,76vh);min-height:520px;overflow:hidden;box-shadow:0 24px 60px #14171233}.app-root{background:var(--bg);height:100%;transition:background-color .16s;position:relative;overflow:hidden}.fiction-placeholder{min-height:100vh}.editor-viewport{top:var(--top-margin,44px);right:0;bottom:var(--bottom-margin,40px);grid-template-rows:minmax(0,1fr) auto;display:grid;position:absolute;left:0;overflow:hidden}.editor-region,.auxiliary-region{min-height:0;position:relative;overflow:hidden}.editor-region{height:100%}.editor-scroll{height:100%;min-height:0;margin-right:var(--scrollbar-right-inset,28px);margin-left:var(--scrollbar-right-inset,28px);scrollbar-width:none;position:relative;overflow:hidden auto}.editor-column{width:min(var(--column-width,816px), calc(100% - 2 * var(--side-margin,56px)));font-family:var(--document-font,"Roboto"), system-ui, sans-serif;font-size:var(--base-font-size,14px);color:var(--text);zoom:var(--zoom,1);-webkit-text-size-adjust:100%;margin:0 auto}.editor-column-frame{width:100%;min-height:0;position:relative}.editor-column-frame .editor-column.ios-transform-zoom{width:min(var(--column-width,816px), calc(100% / var(--zoom,1) - var(--side-margin,60px) - var(--side-margin,60px)));zoom:normal;min-height:0;transform:translateX(-50%) scale(var(--zoom,1));transform-origin:top;margin:0;position:absolute;top:0;left:50%}.editor-column-frame .editor-column.ios-transform-zoom .tiptap{min-height:0}.editor-scroll .editor-column{min-height:100%}.editor-column .tiptap{min-height:100%;padding-bottom:20px}.footnote-marker{color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;padding-inline:1px}.footnote-marker-number{vertical-align:baseline;font-size:.72em;line-height:1;position:relative;top:-.35em}.footnote-caret-anchor{vertical-align:baseline;width:0;height:1em;font-size:1em;line-height:1;display:inline-block;overflow:hidden}.footnote-panel{border-top:1px solid var(--menu-border);padding:8px 0 4px}.auxiliary-dock{min-height:0;max-height:min(300px,40vh);margin-right:var(--scrollbar-right-inset,28px);margin-left:var(--scrollbar-right-inset,28px);background:var(--bg);scrollbar-width:none;overflow:hidden auto}.footnote-row{grid-template-columns:24px minmax(0,1fr);align-items:baseline;gap:6px;margin-block:4px;display:grid}.footnote-number{z-index:30;width:24px;min-height:18px;color:var(--accent);text-align:right;cursor:pointer;pointer-events:auto;app-region:no-drag;background:0 0;border:0;padding:0;font:10px/1 inherit;position:relative}.footnote-row textarea{resize:none;width:100%;min-width:0;color:var(--text);caret-color:var(--caret);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;outline:0;padding:1px 0;line-height:1.4;overflow:hidden}.editor-scroll::-webkit-scrollbar{display:none}.auxiliary-dock::-webkit-scrollbar{display:none}.thinkin-scrollbar-track{z-index:25;top:0;right:var(--scrollbar-right-inset,28px);width:var(--scrollbar-width,12px);-webkit-user-select:none;user-select:none;app-region:drag;background:0 0;position:absolute;bottom:0}.thinkin-scrollbar-thumb{cursor:grab;touch-action:none;app-region:no-drag;background:#8080808c;border-radius:6px;position:absolute;left:2px;right:2px}.thinkin-scrollbar-thumb:hover{background:#808080cc}.thinkin-scrollbar-thumb:active{cursor:grabbing;background:#808080f2}.thinkin-scrollbar-thumb:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.popup-overlay{z-index:40;position:absolute;inset:0}.popup-card{z-index:41;border:1px solid var(--menu-border);background:var(--menu-bg);color:var(--menu-fg);border-radius:8px;padding:10px;position:absolute;box-shadow:0 12px 32px #00000059}[data-theme=dark] .popup-card{background:#000;box-shadow:0 0 7px #ececee47,0 0 30px #ececee29}.fmt-grid{grid-template-rows:30px 30px;grid-template-columns:repeat(4,36px) 12px 46px;align-items:center;gap:4px;display:grid}.fmt-grid>.fmt-btn:nth-child(5){grid-area:2/1}.fmt-grid>.fmt-btn:nth-child(6){grid-area:2/2}.fmt-grid>.fmt-btn:nth-child(7){grid-area:2/3}.fmt-size{grid-area:1/6/span 2;font-size:15px;font-weight:600;width:46px!important;height:64px!important}.fmt-btn{width:36px;height:30px;color:var(--menu-fg);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font:14px/1 inherit;transition:background-color 80ms;display:flex}.fmt-toggle{font-weight:600}.fmt-btn:hover{background:var(--menu-hover)}.fmt-btn:active{background:var(--menu-down)}.fmt-btn.active{background:var(--menu-checked)}.size-list{flex-direction:column;gap:2px;max-height:220px;margin-top:8px;display:flex;overflow-y:auto}.size-item{color:var(--menu-fg);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 0;font:14px/1 inherit}.size-item:hover{background:var(--menu-hover)}.size-item.active{background:var(--menu-checked)}.menu-card{width:132px;padding:4px}.menu-item{width:100%;height:32px;color:var(--menu-fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font:13px/1 inherit;display:block}.menu-item:hover{background:var(--menu-hover)}.menu-item:active{background:var(--menu-down)}.menu-item.active{background:var(--menu-checked)}.menu-item:disabled{opacity:.35;cursor:not-allowed}.menu-item:disabled:hover{background:0 0}.submenu-card{width:152px;padding:4px}.build-version{border-top:1px solid var(--menu-border);color:var(--menu-fg);opacity:.5;text-align:center;-webkit-user-select:none;user-select:none;margin:6px 3px 2px;padding-top:6px;font-size:10px;line-height:1.2}.hotkeys-card{width:246px;padding:9px 10px}.hotkey-row{color:var(--menu-fg);grid-template-columns:92px minmax(0,1fr);gap:10px;padding:4px 3px;font-size:12px;display:grid}.hotkey-row span:first-child{opacity:.6}.library-overlay{z-index:100;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#000000b8;place-items:center;display:grid;position:absolute;inset:0}.library-panel{border:1px solid var(--menu-border);background:var(--menu-bg);width:min(620px,100%);max-height:min(720px,100%);color:var(--menu-fg);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000073}.library-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 24px 14px;display:flex}.library-header .eyebrow{margin-bottom:5px}.library-header h1{letter-spacing:0;margin:0;font-family:Gelasio,Georgia,serif;font-size:28px;font-weight:500}.library-icon-button{width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.library-icon-button:hover{background:var(--menu-hover)}.library-actions{border-bottom:1px solid var(--menu-border);gap:8px;padding:0 24px 18px;display:flex}.library-actions button{border:1px solid var(--menu-border);min-height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:0 13px;font:600 12px/1 Roboto,system-ui,sans-serif;display:inline-flex}.library-actions button:hover{background:var(--menu-hover)}.library-list{min-height:120px;padding:8px;overflow-y:auto}.library-row{border-radius:6px;grid-template-columns:minmax(0,1fr) 38px 38px;align-items:center;display:grid}.library-row.active{background:var(--menu-checked)}.library-row:hover{background:var(--menu-hover)}.library-open{min-width:0;min-height:58px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:7px 12px;display:flex}.library-open>span{flex-direction:column;gap:5px;min-width:0;display:flex}.library-open strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.library-open small{color:var(--icon);font-size:10px}.sync-overlay{z-index:110;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#000000c2;place-items:center;display:grid;position:absolute;inset:0}.sync-panel{border:1px solid var(--menu-border);background:var(--menu-bg);width:min(520px,100%);max-height:min(760px,100%);color:var(--menu-fg);border-radius:9px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000080}.sync-header{border-bottom:1px solid var(--menu-border);justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 24px 16px;display:flex}.sync-header .eyebrow{margin-bottom:6px}.sync-header h1{letter-spacing:0;margin:0;font-family:Gelasio,Georgia,serif;font-size:25px;font-weight:500;line-height:1.15}.sync-body{min-height:260px;padding:22px 24px 24px;overflow-y:auto}.sync-device-row{align-items:center;gap:13px;margin-bottom:20px;display:flex}.sync-device-row>svg{color:var(--accent);flex:none}.sync-device-row span{flex-direction:column;gap:4px;display:flex}.sync-device-row strong{font-size:14px}.sync-device-row small{color:var(--icon);font-size:11px;line-height:1.4}.sync-folder-row{border:1px solid var(--menu-border);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 10px 10px 12px;display:flex}.sync-folder-row>span{min-width:0;color:var(--icon);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sync-folder-row button,.sync-copy,.sync-footer button{border:1px solid var(--menu-border);min-height:34px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;font:600 11px/1 Roboto,system-ui,sans-serif;display:inline-flex}.sync-folder-row button:hover,.sync-copy:hover,.sync-footer button:hover{background:var(--menu-hover)}.sync-primary{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font:600 13px/1 Roboto,system-ui,sans-serif;display:inline-flex}.sync-primary:hover{filter:brightness(1.08)}.sync-primary:disabled{opacity:.42;cursor:not-allowed;filter:none}.sync-input-label{color:var(--icon);flex-direction:column;gap:7px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.sync-input-label input{border:1px solid var(--menu-border);background:var(--bg);width:100%;height:42px;color:var(--text);border-radius:6px;outline:0;padding:0 11px;font:12px/1 Roboto,system-ui,sans-serif}.sync-input-label input:focus{border-color:var(--accent)}.sync-centered{text-align:center;flex-direction:column;align-items:center;display:flex}.sync-centered h2{letter-spacing:0;margin:10px 0 8px;font-family:Gelasio,Georgia,serif;font-size:22px;font-weight:500}.sync-centered p{max-width:390px;color:var(--icon);margin:0 0 16px;font-size:12px;line-height:1.5}.sync-qr{background:#fff;border:8px solid #fff;border-radius:6px;width:220px;height:220px;margin:4px 0 14px}.sync-spinner{color:var(--accent);margin:22px;animation:.9s linear infinite sync-spin}.sync-status{margin-top:12px!important;font-size:11px!important}.sync-warning{color:#d5963b!important}.sync-success-icon{width:48px;height:48px;color:var(--accent);background:#009fb529;border-radius:50%;place-items:center;display:grid}.sync-footer{border-top:1px solid var(--menu-border);justify-content:flex-end;padding:12px 24px;display:flex}@keyframes sync-spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.principles{border-top:1px solid #cacdc6;border-bottom:1px solid #cacdc6;grid-template-columns:repeat(3,1fr);display:grid}.principles p{color:#353933;align-items:center;min-height:112px;margin:0;padding:24px 30px;font-family:Gelasio,Georgia,serif;font-size:18px;display:flex}.principles p+p{border-left:1px solid #cacdc6}.closing-cta{grid-template-columns:minmax(0,620px) auto;justify-content:space-between;align-items:center;gap:48px;min-height:370px;display:grid}.closing-cta h2{max-width:600px;font-size:44px}.closing-cta>div>p:last-child{margin-top:20px}.download-action--inverse{flex-direction:column;align-items:flex-start}.download-action--inverse>span{max-width:none}.download-action--inverse .download-button{background:#171916;border-color:#171916;min-height:52px;padding-inline:24px;box-shadow:0 8px 20px #17191633}footer{color:#70746c;border-top:1px solid #d7d9d3;justify-content:space-between;align-items:center;min-height:86px;font-size:12px;display:flex}@media (width<=720px){.site-header,.intro,.demo-section,.principles,.closing-cta,footer{width:min(100% - 28px,1180px)}.site-header{min-height:76px}.site-header .download-action>span{display:none}.site-header .download-button{gap:0;width:44px;padding:0;font-size:0}.intro{grid-template-columns:1fr;align-items:start;gap:38px;min-height:350px;padding-block:62px 48px}.intro h1{font-size:clamp(58px,22vw,92px)}.intro-tagline{margin-top:24px}.intro-lede{font-size:19px}.demo-jump{justify-self:start}.demo-section{padding:34px 0 62px}.section-heading{display:block}.section-heading h2{font-size:27px}.section-heading>p{margin-top:12px}.demo-frame{height:560px;min-height:0}.editor-column{width:calc(100% - 48px)}.editor-column-frame .editor-column.ios-transform-zoom{width:calc(100% / var(--zoom,1) - 48px)}.web-app-shell .editor-column{width:calc(100% - 34px)}.web-app-shell .editor-column-frame .editor-column.ios-transform-zoom{width:calc(100% / var(--zoom,1) - 34px)}.library-overlay{padding-inline:10px}.library-header{padding:19px 16px 12px}.library-actions{padding:0 16px 14px}.sync-overlay{padding-inline:10px}.sync-header{padding:19px 16px 14px}.sync-header h1{font-size:22px}.sync-body{padding:18px 16px 20px}.sync-folder-row{flex-direction:column;align-items:stretch}.sync-folder-row button,.sync-primary{width:100%}.sync-qr{width:min(220px,72vw);height:min(220px,72vw)}.principles{grid-template-columns:1fr}.principles p{min-height:78px;padding-inline:10px}.principles p+p{border-top:1px solid #cacdc6;border-left:0}.closing-cta{grid-template-columns:1fr;align-content:center;justify-items:start;gap:38px;min-height:420px}.closing-cta h2{font-size:34px}footer{gap:24px}footer span:last-child{text-align:right}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.fiction-app{min-height:100vh}.fiction-writing-shell{transition:left var(--fiction-panel-slide-ms,.18s) ease;position:absolute;inset:0}.fiction-app.has-project-panel .fiction-writing-shell{left:var(--fiction-panel-width)}.fiction-project-panel{z-index:30;top:calc(var(--fiction-panel-top) + env(safe-area-inset-top));bottom:calc(var(--fiction-panel-footer-height) + env(safe-area-inset-bottom));width:var(--fiction-panel-width);padding:var(--fiction-panel-padding);color:var(--menu-fg);border-right:1px solid var(--menu-border);background:var(--bg);flex-direction:column;display:flex;position:absolute;left:0;overflow:hidden}.fiction-panel-header{border-block:1px solid var(--menu-border);flex-direction:column;gap:4px;padding:12px 5px;display:flex}.fiction-panel-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:500;line-height:1.3;overflow:hidden}.fiction-panel-product{color:var(--accent);letter-spacing:.01em;font-size:13px;font-weight:500}.fiction-panel-create-actions{gap:4px;padding:9px 2px;display:flex}.fiction-panel-button,.fiction-tree-disclosure,.fiction-tree-label,.fiction-inclusion-toggle{color:inherit;background:0 0;border:0}.fiction-panel-button{cursor:pointer;border-radius:5px;place-items:center;width:30px;height:28px;display:grid}.fiction-panel-button:hover:not(:disabled),.fiction-tree-row:hover{background-color:var(--menu-hover)}.fiction-panel-button:disabled{opacity:.28}.fiction-tree-region{flex:1;min-height:0;position:relative}.fiction-tree{height:100%;padding:2px calc(var(--fiction-panel-scrollbar-width) + var(--fiction-panel-scrollbar-content-gap) + var(--fiction-panel-scrollbar-divider-gap) - var(--fiction-panel-padding)) 18px 2px;scrollbar-width:none;overflow:hidden auto}.fiction-tree::-webkit-scrollbar{display:none}.fiction-tree-region .thinkin-scrollbar-track{right:calc(var(--fiction-panel-scrollbar-divider-gap) - var(--fiction-panel-padding));width:var(--fiction-panel-scrollbar-width)}.fiction-tree-row{height:var(--fiction-tree-row-height);width:calc(100% - var(--fiction-row-depth) * var(--fiction-tree-indent));margin:5px 0 5px calc(var(--fiction-row-depth) * var(--fiction-tree-indent));cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:0;border-radius:0;align-items:center;padding:0 4px;transition:background 90ms,border-color 90ms,box-shadow 90ms;display:flex}.fiction-tree-row.is-category{border-bottom:1px solid color-mix(in srgb, var(--accent) 48%, transparent);min-height:40px;color:var(--text)}.fiction-tree-row.is-note{border:1px solid var(--text);color:var(--text);border-radius:7px}.fiction-tree-row.is-selected{background-color:var(--menu-checked)}.fiction-tree-row:active{cursor:grabbing}.fiction-tree-row.is-drop-before{border-top:2px solid var(--accent);background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 28%, transparent), transparent 58%);box-shadow:inset 0 2px 0 var(--accent)}.fiction-tree-row.is-drop-after{border-bottom:2px solid var(--accent);background:linear-gradient(to top, color-mix(in srgb, var(--accent) 28%, transparent), transparent 58%);box-shadow:inset 0 -2px 0 var(--accent)}.fiction-tree-row.is-drop-inside{border-block:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:inset 0 0 0 1px var(--accent)}.fiction-tree-disclosure{cursor:pointer;height:100%;color:var(--accent);flex:0 0 20px;place-items:center;padding:0;display:grid}.fiction-note-dot{background:var(--accent);border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-inline:7px 6px}.fiction-note-dot.is-supporting{opacity:.6;background:0 0;border:1px solid}.fiction-tree-row.is-project-stats .fiction-note-dot{background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent)}.fiction-tree-row.is-project-stats .fiction-tree-label{color:var(--accent)}.fiction-tree-label{min-width:0;height:100%;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:default;flex:1;padding:0 4px;font-size:13px;overflow:hidden}.fiction-tree-row.is-category .fiction-tree-label{letter-spacing:.01em;font-size:14px;font-weight:500}.fiction-tree-rename{border:1px solid var(--accent);min-width:0;height:24px;color:var(--menu-fg);background:var(--menu-bg);font:inherit;-webkit-user-select:text;user-select:text;border-radius:4px;outline:0;flex:1;padding:2px 5px;font-size:13px}.fiction-project-title-rename{border:1px solid var(--accent);background:var(--bg);width:100%;height:25px;color:var(--text);border-radius:4px;outline:0;padding:0 5px;font:500 15px/1 Roboto,system-ui,sans-serif}.fiction-inclusion-toggle{height:22px;color:var(--accent);cursor:pointer;border-radius:4px;flex:0 0 24px;padding:0;font-size:10px;font-weight:700}.fiction-tree-empty,.fiction-panel-mode-readout{color:var(--menu-fg);opacity:.55;margin:10px 6px;font-size:12px;line-height:1.45}.fiction-panel-mode-readout{margin:0 4px 4px}.fiction-item-menu-overlay{z-index:40;position:fixed;inset:0}.fiction-item-menu{width:124px;padding:4px}.fiction-menu-card{width:156px;top:44px;left:12px}.fiction-hotkeys-card,.fiction-submenu-card{top:44px;left:176px}.fiction-library-overlay{z-index:100;background:#000000b8;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.fiction-project-file-input{display:none}.fiction-project-action-error{z-index:110;border:1px solid var(--accent);background:var(--menu-bg);max-width:320px;color:var(--menu-fg);padding:8px 10px;font-size:12px;position:fixed;bottom:44px;right:16px}.fiction-library-panel{border:1px solid var(--menu-border);background:var(--bg);width:min(540px,100%);max-height:min(720px,100%);color:var(--text);border-radius:9px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000080}.fiction-library-header{border-bottom:1px solid var(--menu-border);justify-content:space-between;align-items:flex-start;padding:22px 22px 15px;display:flex}.fiction-library-header span{color:var(--accent);font-size:11px}.fiction-library-header h1{margin:4px 0 0;font-size:23px;font-weight:500}.fiction-library-header button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.fiction-library-header button:hover{background:var(--menu-hover)}.fiction-library-actions{border-bottom:1px solid var(--menu-border);gap:7px;padding:14px 20px;display:flex}.fiction-library-actions button{border:1px solid var(--menu-border);height:33px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font:12px/1 Roboto,system-ui,sans-serif;display:inline-flex}.fiction-library-actions button:hover{background:var(--menu-hover)}.fiction-library-list{min-height:180px;padding:10px;overflow-y:auto}.fiction-library-row{width:100%;min-height:58px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:8px 11px;display:flex}.fiction-library-row:hover,.fiction-library-row.is-active{background:var(--menu-hover)}.fiction-library-row>svg{color:var(--accent)}.fiction-library-row>span{flex-direction:column;gap:4px;min-width:0;display:flex}.fiction-library-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.fiction-library-row small{opacity:.55;font-size:10px}.fiction-note+.fiction-note{border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);margin-top:1.4em;padding-top:1.4em}.fiction-note{content-visibility:auto;contain-intrinsic-size:auto 12em;min-height:1.4em}.fiction-mode-badge{z-index:4;color:var(--text);opacity:.48;pointer-events:none;top:calc(18px + env(safe-area-inset-top));font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.fiction-load-state{min-height:100vh;color:var(--text);place-items:center;display:grid}.fiction-recovery-message{text-align:center;max-width:520px;padding:32px}.fiction-recovery-message h1{margin:0 0 12px;font-size:19px;font-weight:500}.fiction-recovery-message p{opacity:.72}.fiction-recovery-message button{border:1px solid var(--menu-border);color:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-top:12px;padding:9px 14px}.fiction-recovery-message details{opacity:.55;margin-top:22px}.fiction-recovery-message pre{text-align:left;white-space:pre-wrap;max-width:100%;overflow:auto}@media (width<=760px){.fiction-project-panel{width:min(var(--fiction-panel-width), calc(100vw - 54px));box-shadow:14px 0 36px #00000057}.fiction-app.has-project-panel .fiction-writing-shell{left:0}}