:root{--bg: #f9f6f1;--surface: #ffffff;--text: #1a1a1a;--text-muted: #6b6b6b;--border: #e2ddd8;--accent: #2d6a4f;--accent-hover: #1b4332;--genre-bg: #e9f5ee;--genre-text: #2d6a4f;--quote-bg: #f0ece6;--danger: #c0392b;--toolbar-bg: #ffffff;--editor-bg: #fefefe;--shadow: rgba(0,0,0,.06);--font-serif: "Georgia", "Times New Roman", serif;--font-sans: "Inter", system-ui, sans-serif}[data-theme=dark]{--bg: #0f0f0f;--surface: #1a1a1a;--text: #e8e4df;--text-muted: #888;--border: #2a2a2a;--accent: #52b788;--accent-hover: #74c69d;--genre-bg: #1b3a2d;--genre-text: #74c69d;--quote-bg: #1a1a1a;--danger: #e74c3c;--toolbar-bg: #1a1a1a;--editor-bg: #141414;--shadow: rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);transition:background .3s,color .3s;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:var(--font-sans)}::selection{background:var(--accent);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:640px){body{font-size:15px}}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}@media(max-width:640px){div[style*="max-width: 720px"],div[style*="max-width: 860px"]{padding-left:16px!important;padding-right:16px!important;padding-top:28px!important}}.toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px;background:var(--toolbar-bg);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;position:sticky;top:57px;z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar button{background:none;border:1px solid transparent;border-radius:5px;padding:5px 7px;color:var(--text);font-size:.82rem;transition:background .12s,color .12s,border-color .12s;display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:28px;height:28px}.toolbar button:hover{background:var(--border)}.toolbar button.is-active{background:var(--genre-bg);color:var(--accent);border-color:var(--accent)}.toolbar button:disabled{opacity:.35;cursor:not-allowed}.toolbar .divider{width:1px;height:20px;background:var(--border);margin:0 3px;flex-shrink:0}.toolbar select{background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);padding:3px 6px;font-size:.82rem;cursor:pointer;height:28px;outline:none}.toolbar select:focus{border-color:var(--accent)}.toolbar-group{display:flex;align-items:center;gap:2px}.tiptap-wrapper{background:var(--editor-bg);border:1px solid var(--border);min-height:520px;padding:40px 48px;font-family:var(--font-serif);font-size:1.12rem;line-height:1.85;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;caret-color:var(--accent)}.tiptap-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #52b7881f}.tiptap-wrapper h1{font-size:2rem;margin:1.4rem 0 .5rem;line-height:1.25;letter-spacing:-.02em}.tiptap-wrapper h2{font-size:1.55rem;margin:1.2rem 0 .4rem;line-height:1.3}.tiptap-wrapper h3{font-size:1.25rem;margin:1rem 0 .35rem}.tiptap-wrapper h4{font-size:1.05rem;margin:.8rem 0 .3rem}.tiptap-wrapper p{margin-bottom:1rem}.tiptap-wrapper p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;float:left;height:0;font-style:italic}.tiptap-wrapper ul,.tiptap-wrapper ol{padding-left:1.6rem;margin-bottom:1rem}.tiptap-wrapper li{margin-bottom:.35rem;padding-left:.2rem}.tiptap-wrapper ul li{list-style-type:disc}.tiptap-wrapper ol li{list-style-type:decimal}.tiptap-wrapper blockquote{border-left:3px solid var(--accent);padding:.5rem 0 .5rem 1.2rem;color:var(--text-muted);font-style:italic;margin:1.2rem 0;background:var(--quote-bg);border-radius:0 6px 6px 0}.tiptap-wrapper code{background:var(--quote-bg);padding:.15rem .45rem;border-radius:4px;font-size:.88rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;color:var(--accent)}.tiptap-wrapper pre{background:#1a1a2e;color:#e2e8f0;padding:1.2rem 1.4rem;border-radius:8px;overflow-x:auto;margin:1.2rem 0;font-size:.9rem;line-height:1.6}[data-theme=light] .tiptap-wrapper pre{background:#1e1e2e}.tiptap-wrapper pre code{background:none;padding:0;color:inherit;font-size:inherit}.tiptap-wrapper a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color .15s}.tiptap-wrapper a:hover{color:var(--accent-hover)}.tiptap-wrapper mark{background:#fef08a;padding:1px 3px;border-radius:3px}[data-theme=dark] .tiptap-wrapper mark{background:#713f12;color:#fde68a}.tiptap-wrapper img{max-width:100%;border-radius:8px;margin:1.2rem 0;display:block}.tiptap-wrapper hr{border:none;border-top:2px solid var(--border);margin:2rem 0}.tiptap-wrapper sub,.tiptap-wrapper sup{font-size:.75em}.tiptap-wrapper table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.95rem}.tiptap-wrapper th,.tiptap-wrapper td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top}.tiptap-wrapper th{background:var(--quote-bg);font-weight:700;font-family:var(--font-sans);font-size:.85rem}.tiptap-wrapper tr:nth-child(2n) td{background:var(--quote-bg)}.tiptap-wrapper .selectedCell{background:var(--genre-bg)!important}.editor-statusbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:7px 14px;background:var(--toolbar-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;font-size:.73rem;color:var(--text-muted);font-family:var(--font-sans)}.focus-mode-overlay{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;flex-direction:column;align-items:center;padding:32px 24px 48px;overflow-y:auto}.focus-mode-overlay .tiptap-wrapper{max-width:680px;width:100%;min-height:70vh;border:none;border-radius:0;box-shadow:none;font-size:1.18rem;padding:0 0 60px}.focus-mode-overlay .tiptap-wrapper:focus-within{box-shadow:none;border:none}.focus-mode-toolbar{max-width:680px;width:100%;margin-bottom:20px;border-radius:8px;overflow:hidden}.tiptap-wrapper *{transition:color .15s}.tiptap-wrapper ::selection{background:#52b78840}.tiptap-wrapper p,.tiptap-wrapper h1,.tiptap-wrapper h2,.tiptap-wrapper h3,.tiptap-wrapper h4,.tiptap-wrapper blockquote,.tiptap-wrapper pre,.tiptap-wrapper ul,.tiptap-wrapper ol{transition:opacity .1s}@media(max-width:640px){.tiptap-wrapper{padding:20px 18px;font-size:1rem;min-height:360px}.toolbar{top:52px;padding:4px 6px;gap:1px}.toolbar button{min-width:26px;height:26px;padding:4px 5px}}