@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=JetBrains+Mono:wght@400;500;600&family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,600;1,7..72,400&family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..700&display=swap";:root{--bg-color: #faf9f6;--bg-surface: #ffffff;--bg-subtle: #f2efe9;--bg-elevated: #ffffff;--panel-bg: rgba(255, 255, 255, .85);--panel-backdrop: blur(16px);--text-color: #1c1917;--text-secondary: #78716c;--text-muted: #a8a29e;--border-color: #e7e5e4;--border-subtle: #f5f5f4;--accent-color: #292524;--accent-rgb: 41, 37, 36;--accent-hover: #0c0a09;--accent-subtle: rgba(41, 37, 36, .06);--sidebar-width: 270px;--font-ui: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-manuscript: "Newsreader", "Georgia", serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-smooth: all .18s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--bg-color: #faf9f6;--bg-surface: #ffffff;--bg-subtle: #f3f0e8;--bg-elevated: #ffffff;--panel-bg: rgba(255, 255, 255, .92);--panel-backdrop: blur(16px);--text-color: #1c1917;--text-secondary: #665f57;--text-muted: #9c958c;--border-color: #e5e0d5;--border-subtle: #f0ebe0;--accent-color: #292524;--accent-rgb: 41, 37, 36;--accent-hover: #0c0a09;--accent-subtle: rgba(41, 37, 36, .06)}:root[data-theme=dark]{--bg-color: #0b0d11;--bg-surface: #141720;--bg-subtle: #1c202d;--bg-elevated: #24293a;--panel-bg: rgba(20, 23, 32, .9);--panel-backdrop: blur(16px);--text-color: #f1f3f9;--text-secondary: #9aa1b8;--text-muted: #5e6680;--border-color: rgba(255, 255, 255, .09);--border-subtle: rgba(255, 255, 255, .05);--accent-color: #6366f1;--accent-rgb: 99, 102, 241;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .12)}:root[data-theme=sepia]{--bg-color: #f5eedc;--bg-surface: #fbf6ec;--bg-subtle: #ede3cb;--bg-elevated: #ffffff;--panel-bg: rgba(251, 246, 236, .92);--panel-backdrop: blur(16px);--text-color: #2d2013;--text-secondary: #70583f;--text-muted: #9e8569;--border-color: #dfceb1;--border-subtle: #eae0cb;--accent-color: #a0421e;--accent-rgb: 160, 66, 30;--accent-hover: #7d3013;--accent-subtle: rgba(160, 66, 30, .09)}:root[data-theme=nord]{--bg-color: #1a1e27;--bg-surface: #242935;--bg-subtle: #2f3546;--bg-elevated: #3b4256;--panel-bg: rgba(36, 41, 53, .9);--panel-backdrop: blur(16px);--text-color: #eceff4;--text-secondary: #c0caf5;--text-muted: #727e99;--border-color: #3b4358;--border-subtle: rgba(255, 255, 255, .06);--accent-color: #88c0d0;--accent-rgb: 136, 192, 208;--accent-hover: #8fbcbb;--accent-subtle: rgba(136, 192, 208, .14)}:root[data-theme=ember]{--bg-color: #120e0d;--bg-surface: #1c1715;--bg-subtle: #29221f;--bg-elevated: #372d29;--panel-bg: rgba(28, 23, 21, .9);--panel-backdrop: blur(16px);--text-color: #faede6;--text-secondary: #d4a796;--text-muted: #826356;--border-color: #3d302a;--border-subtle: rgba(255, 255, 255, .05);--accent-color: #f97316;--accent-rgb: 249, 115, 22;--accent-hover: #fb923c;--accent-subtle: rgba(249, 115, 22, .14)}:root[data-theme=forest]{--bg-color: #09130e;--bg-surface: #102119;--bg-subtle: #183126;--bg-elevated: #214334;--panel-bg: rgba(16, 33, 25, .9);--panel-backdrop: blur(16px);--text-color: #ebfaf2;--text-secondary: #97d1b3;--text-muted: #567e69;--border-color: #214132;--border-subtle: rgba(255, 255, 255, .06);--accent-color: #10b981;--accent-rgb: 16, 185, 129;--accent-hover: #34d399;--accent-subtle: rgba(16, 185, 129, .14)}:root[data-theme=lavender]{--bg-color: #120d1c;--bg-surface: #1c152d;--bg-subtle: #281e40;--bg-elevated: #362955;--panel-bg: rgba(28, 21, 45, .9);--panel-backdrop: blur(16px);--text-color: #f6f1fd;--text-secondary: #cfb9f5;--text-muted: #796698;--border-color: #3b2c5d;--border-subtle: rgba(255, 255, 255, .06);--accent-color: #c084fc;--accent-rgb: 192, 132, 252;--accent-hover: #d8b4fe;--accent-subtle: rgba(192, 132, 252, .14)}:root[data-theme=cyberpunk]{--bg-color: #080912;--bg-surface: #0f1124;--bg-subtle: #191c3d;--bg-elevated: #242958;--panel-bg: rgba(15, 17, 36, .9);--panel-backdrop: blur(16px);--text-color: #00f0ff;--text-secondary: #ff70a6;--text-muted: #586196;--border-color: #2d3368;--border-subtle: rgba(0, 240, 255, .1);--accent-color: #ff007f;--accent-rgb: 255, 0, 127;--accent-hover: #ff3399;--accent-subtle: rgba(255, 0, 127, .16)}:root[data-theme=dracula]{--bg-color: #181922;--bg-surface: #222432;--bg-subtle: #2e3044;--bg-elevated: #3c3e57;--panel-bg: rgba(34, 36, 50, .9);--panel-backdrop: blur(16px);--text-color: #f8f8f2;--text-secondary: #c5a3ff;--text-muted: #6e759a;--border-color: #424660;--border-subtle: rgba(255, 255, 255, .06);--accent-color: #ff79c6;--accent-rgb: 255, 121, 198;--accent-hover: #ff92d0;--accent-subtle: rgba(255, 121, 198, .14)}:root[data-theme=solarized]{--bg-color: #001f27;--bg-surface: #002b36;--bg-subtle: #073b49;--bg-elevated: #0f4f62;--panel-bg: rgba(0, 43, 54, .9);--panel-backdrop: blur(16px);--text-color: #93a1a1;--text-secondary: #2aa198;--text-muted: #586e75;--border-color: #0c4656;--border-subtle: rgba(255, 255, 255, .05);--accent-color: #b58900;--accent-rgb: 181, 137, 0;--accent-hover: #d2a000;--accent-subtle: rgba(181, 137, 0, .14)}:root[data-theme=ocean]{--bg-color: #04101d;--bg-surface: #0a1e35;--bg-subtle: #102d4f;--bg-elevated: #183e6b;--panel-bg: rgba(10, 30, 53, .9);--panel-backdrop: blur(16px);--text-color: #f0f7ff;--text-secondary: #8fc7f8;--text-muted: #4e7399;--border-color: #1c4573;--border-subtle: rgba(255, 255, 255, .06);--accent-color: #38bdf8;--accent-rgb: 56, 189, 248;--accent-hover: #7dd3fc;--accent-subtle: rgba(56, 189, 248, .15)}:root[data-theme=sunset]{--bg-color: #170a16;--bg-surface: #261124;--bg-subtle: #3a1a37;--bg-elevated: #50234c;--panel-bg: rgba(38, 17, 36, .9);--panel-backdrop: blur(16px);--text-color: #fff1e6;--text-secondary: #fca5a5;--text-muted: #995c88;--border-color: #4f234a;--border-subtle: rgba(255, 255, 255, .06);--accent-color: #fb7185;--accent-rgb: 251, 113, 133;--accent-hover: #fda4af;--accent-subtle: rgba(251, 113, 133, .15)}@media (prefers-color-scheme: dark){:root[data-theme=system]{--bg-color: #0b0d11;--bg-surface: #141720;--bg-subtle: #1c202d;--bg-elevated: #24293a;--panel-bg: rgba(20, 23, 32, .9);--panel-backdrop: blur(16px);--text-color: #f1f3f9;--text-secondary: #9aa1b8;--text-muted: #5e6680;--border-color: rgba(255, 255, 255, .09);--border-subtle: rgba(255, 255, 255, .05);--accent-color: #6366f1;--accent-rgb: 99, 102, 241;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .12)}}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{height:100%;width:100%;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}button{cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem .85rem;font-family:var(--font-ui);font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:var(--shadow-sm)}button:hover{background:var(--bg-subtle);border-color:var(--text-muted);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}input,textarea,select{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-color);font-family:inherit;font-size:.875rem;border-radius:var(--radius-md);padding:.5rem .75rem;transition:var(--transition-smooth)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-color)}.glass-panel{background:var(--panel-bg);backdrop-filter:var(--panel-backdrop);-webkit-backdrop-filter:var(--panel-backdrop)}.cm-editor,.cm-editor.cm-focused{background-color:transparent!important;color:var(--text-color)!important;font-family:var(--custom-font-family, var(--font-manuscript))!important;outline:none!important}.cm-scroller{font-family:var(--custom-font-family, var(--font-manuscript))!important;font-size:var(--custom-font-size, 1.1875rem)!important;line-height:1.85!important;letter-spacing:-.01em}.cm-content{padding:0!important;font-family:var(--custom-font-family, var(--font-manuscript))!important;max-width:720px;margin:0 auto}.cm-line{padding:0!important}.ob-h1{font-size:2.25rem!important;font-weight:700!important;letter-spacing:-.02em!important;margin-top:1.5rem!important;margin-bottom:.75rem!important;color:var(--text-color)!important;font-family:var(--font-ui)!important}.ob-h2{font-size:1.75rem!important;font-weight:600!important;letter-spacing:-.015em!important;margin-top:1.25rem!important;margin-bottom:.5rem!important;color:var(--text-color)!important;font-family:var(--font-ui)!important}.ob-h3{font-size:1.35rem!important;font-weight:600!important;color:var(--text-color)!important;font-family:var(--font-ui)!important}.ob-bold{font-weight:700!important;color:var(--text-color)!important}.ob-italic{font-style:italic!important}.ob-syntax{color:var(--text-muted)!important;opacity:.5!important}.ob-blockquote{border-left:2px solid var(--border-color)!important;padding-left:1.25rem!important;margin:1rem 0!important;color:var(--text-secondary)!important;font-style:italic!important}.ob-code{font-family:var(--font-mono)!important;font-size:.85em!important;padding:.15rem .4rem!important;background:var(--bg-subtle)!important;border-radius:var(--radius-sm)!important;color:var(--text-color)!important}.ob-code-block{background:var(--bg-subtle)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;padding:.75rem!important;font-family:var(--font-mono)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1.2s linear infinite}.sidebar-overlay{display:none}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:flex!important}.sidebar-overlay.active{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}.sidebar{position:fixed!important;top:0;left:0;height:100vh!important;z-index:100;background-color:var(--bg-surface);width:280px!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-float)}.sidebar.open{transform:translate(0)}.editor-container-wrapper{padding:1rem!important}.right-panel{position:fixed!important;bottom:0;left:0;width:100vw!important;height:60vh!important;z-index:80;border-left:none!important;border-top:1px solid var(--border-color)!important;transform:translateY(100%);transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-float)}.right-panel.open{transform:translateY(0)}}