@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2")}:root{--bg-page:#191919;--bg-nav:#222;--border-nav:#2c2c2c;--bg-dropdown:#242424;--bg-dropdown-hover:#2e2e2e;--text-main:#e2e2e2;--text-secondary:#999;--text-muted:#666;--caret-cyan:#00d2ff;--selection-bg:#00d2ff33;--font-sans:"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--nav-height:42px;--radius-sm:4px;--radius-md:6px;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);width:100%;height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow:hidden}#root{background-color:var(--bg-page);flex-direction:column;width:100%;height:100%;display:flex}::selection{background-color:var(--selection-bg);color:#fff}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}@media print{body{color:#111827!important;background-color:#fff!important}.app-header,.toast-container{display:none!important}.editor-container{max-width:100%!important;padding:0!important}.writing-textarea{color:#111827!important;font-size:14pt!important;line-height:1.6!important}}.app-container{background-color:var(--bg-page);width:100%;height:100%;color:var(--text-main);user-select:none;flex-direction:column;display:flex;overflow:hidden}.app-header{height:var(--nav-height);min-height:var(--nav-height);background-color:var(--bg-page);z-index:50;border-bottom:1px solid #0000;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px 0 16px;display:flex}.app-header.sidebar-open,.app-header.sidebar-closed{background-color:var(--bg-page);border-bottom-color:#0000}.header-left{align-items:center;gap:8px;display:flex}.sidebar-toggle-btn{width:30px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle-btn:hover,.sidebar-toggle-btn.active:hover{color:#fff;background-color:#ffffff14;border-color:#ffffff1a}.sidebar-toggle-btn.active{color:#fff;background-color:#0000;border-color:#0000}.header-right{align-items:center;gap:16px;display:flex}.header-stats{align-items:center;gap:10px;display:inline-flex}.header-selected-count{font-family:var(--font-mono);color:var(--caret-cyan);letter-spacing:-.01em;font-size:13px;font-weight:500}@media (width<=768px){.header-selected-count{display:none!important}}.header-word-count{font-family:var(--font-mono);color:#dedede;letter-spacing:-.01em;font-size:13px;font-weight:500}.download-menu-wrapper{position:relative}.download-btn{color:#ededed;cursor:pointer;background-color:#2b2b2e;border:1px solid #ffffff1a;border-radius:8px;align-items:center;padding:0;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex;box-shadow:0 1px 3px #00000059}.download-btn:hover{color:#fff;background-color:#353539;border-color:#ffffff2e}.download-btn.active{background-color:#38383d;border-color:#ffffff38}.download-btn-text{letter-spacing:-.01em;padding:5px 7px 5px 10px;font-size:13.5px;font-weight:500}.download-btn-divider{background-color:#ffffff29;flex-shrink:0;width:1px;height:14px}.download-btn-arrow{color:#b5b5b5;justify-content:center;align-items:center;padding:5px 8px 5px 6px;display:flex}.download-btn:hover .download-btn-arrow{color:#fff}.chevron{transition:transform var(--transition-fast)}.chevron.rotated{transform:rotate(180deg)}.download-dropdown{background-color:var(--bg-dropdown);border:1px solid var(--border-nav);border-radius:var(--radius-md);z-index:100;flex-direction:column;width:170px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #000000b3}.dropdown-item{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);padding:7px 11px;font-size:13px}.dropdown-item:hover{color:#fff;background-color:var(--bg-dropdown-hover)}.dropdown-item:disabled{opacity:.45;cursor:not-allowed}.dropdown-divider{background-color:var(--border-nav);height:1px;margin:3px 0}.app-body{flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-drawer{border-right:1px solid var(--border-nav);z-index:20;background-color:#18181b;flex-shrink:0;height:100%;transition:width .22s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:hidden}.sidebar-drawer.open{opacity:1;width:250px}.sidebar-drawer.closed{opacity:0;pointer-events:none;border-right:none;width:0}.sidebar-inner{flex-direction:column;width:250px;height:100%;display:flex;overflow:hidden}.sidebar-top{padding:10px 10px 4px}.sidebar-new-note-btn{color:#ededed;cursor:pointer;width:100%;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background-color:#262629;border:1px solid #ffffff1a;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.new-note-btn-left{align-items:center;gap:8px;display:flex}.sidebar-shortcut-kbd{font-family:var(--font-mono);color:var(--text-muted);background-color:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10.5px;display:inline-flex}.sidebar-shortcut-kbd .kbd-mod{font-size:11px;line-height:1}.sidebar-shortcut-kbd .kbd-key{font-size:10px;line-height:1}.sidebar-new-note-btn:hover{color:#fff;background-color:#313136;border-color:#ffffff2e}.sidebar-new-note-btn:hover .sidebar-shortcut-kbd{color:#ededed;border-color:#ffffff29}.sidebar-section{flex-direction:column;flex:1;padding:4px 8px 12px;display:flex;overflow-y:auto}.sidebar-section-title{letter-spacing:.06em;color:#82828a;text-transform:uppercase;padding:4px 8px;font-size:11.5px;font-weight:600}.sidebar-doc-list{flex-direction:column;gap:1px;display:flex}.sidebar-doc-row{cursor:pointer;height:31px;transition:background-color var(--transition-fast), color var(--transition-fast);color:var(--text-secondary);border-radius:5px;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:relative;overflow:hidden}.sidebar-doc-row:hover{color:#ededed;background-color:#242427}.sidebar-doc-row.active{color:#fff;background-color:#2b2b2f}.sidebar-doc-name{white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:6px;font-size:13.5px;font-weight:500;overflow:hidden}.sidebar-doc-trash-btn{opacity:0;color:#8c8c92;cursor:pointer;transition:opacity var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:flex}.sidebar-doc-row:hover .sidebar-doc-trash-btn,.sidebar-doc-row.active .sidebar-doc-trash-btn{opacity:.7}.sidebar-doc-trash-btn:hover{background-color:#f871712e;color:#f87171!important;opacity:1!important}.main-workspace{background-color:var(--bg-page);flex:1;display:flex;position:relative;overflow:hidden}.editor-pane{cursor:text;flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;overflow:hidden auto}.editor-container{box-sizing:border-box;width:100%;max-width:628px;min-height:100%;padding:48px 16px 260px;position:relative}.document-title-input{width:100%;font-family:var(--font-sans);color:var(--text-main);letter-spacing:-.02em;background:0 0;border:none;outline:none;margin-bottom:22px;padding:0;font-size:26px;font-weight:600}.document-title-input::placeholder{color:var(--text-muted);opacity:.45}.harper-markers-layer{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.harper-underline-wavy{pointer-events:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 3'%3E%3Cpath d='M0 3 Q 1.5 0, 3 3 T 6 3' fill='none' stroke='%23ef4444' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:repeat-x;background-size:6px 3px;border-bottom:1.5px dotted #ef4444;position:absolute}.harper-underline-wavy.kind-punctuation,.harper-underline-wavy.kind-grammar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 3'%3E%3Cpath d='M0 3 Q 1.5 0, 3 3 T 6 3' fill='none' stroke='%23ef4444' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");border-bottom:1.5px dotted #ef4444}.harper-word-tooltip{z-index:500;pointer-events:auto;background-color:#27272a;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:6px;min-width:140px;max-width:300px;padding:8px 10px;animation:.1s ease-out tooltipFadeIn;display:flex;position:absolute;box-shadow:0 12px 32px #000000bf}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.harper-tooltip-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.harper-tooltip-word{font-family:var(--font-mono);color:#f87171;font-size:11.5px;font-weight:500}.harper-tooltip-kind{text-transform:uppercase;letter-spacing:.04em;color:#a1a1aa;font-size:9.5px;font-weight:600}.harper-tooltip-suggestions{flex-wrap:wrap;gap:5px;display:flex}.harper-tooltip-chip{color:#38bdf8;font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background-color:#3f3f46;border:1px solid #fff3;border-radius:5px;padding:3px 9px;font-size:12.5px;font-weight:600}.harper-tooltip-chip:hover{color:#09090b;background-color:#38bdf8;border-color:#38bdf8}.harper-tooltip-message{color:var(--text-secondary);font-size:11.5px;line-height:1.4}.custom-caret{pointer-events:none;z-index:20;will-change:transform, opacity;opacity:1;background-color:#3b9eff;border-radius:1.5px;width:2.8px;position:absolute;top:0;left:0;box-shadow:0 0 8px #3b9eff73,0 0 2px #3b9effcc}.custom-caret.caret-idle{animation:1.2s ease-in-out infinite caretBlink}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:.25}}.custom-caret.caret-hidden{transition:opacity .1s,visibility .1s;opacity:0!important;visibility:hidden!important}@media (prefers-reduced-motion:reduce){.custom-caret{transition:none!important;animation:none!important}}.writing-textarea{width:100%;min-height:320px;font-family:var(--font-sans);letter-spacing:.015em;color:var(--text-main);tab-size:2;user-select:text;white-space:pre-wrap;word-wrap:break-word;background:0 0;border:none;outline:none;font-size:17.5px;font-weight:400;line-height:1.55;caret-color:#0000!important}.writing-textarea:empty:before{content:attr(data-placeholder);color:var(--text-muted);opacity:.5;pointer-events:none;display:block}.toast-container{z-index:300;pointer-events:none;position:fixed;bottom:24px;right:24px}.toast-item{background-color:var(--bg-dropdown);border:1px solid var(--border-nav);border-radius:var(--radius-sm);color:var(--text-main);pointer-events:auto;padding:7px 12px;font-size:12.5px;box-shadow:0 6px 18px #0009}