:root{--bg-color: #ffffff;--bg-image: none;--bg-size: auto;--panel-bg: rgba(255, 255, 255, 1);--panel-backdrop: none;--text-color: #111111;--border-color: #000000;--accent-color: #000000;--heading-glow: none;--sidebar-width: 250px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-manuscript: "Courier New", Courier, monospace}@media (prefers-color-scheme: dark){:root[data-theme=system]{--bg-color: #0a0a0a;--bg-image: none;--bg-size: auto;--panel-bg: rgba(10, 10, 10, 1);--panel-backdrop: none;--text-color: #f4f4f4;--border-color: #444444;--accent-color: #ffffff;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Courier New", Courier, monospace}}:root[data-theme=light]{--bg-color: #ffffff;--bg-image: none;--bg-size: auto;--panel-bg: rgba(255, 255, 255, 1);--panel-backdrop: none;--text-color: #111111;--border-color: #000000;--accent-color: #000000;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Courier New", Courier, monospace}:root[data-theme=dark]{--bg-color: #0a0a0a;--bg-image: none;--bg-size: auto;--panel-bg: rgba(10, 10, 10, 1);--panel-backdrop: none;--text-color: #f4f4f4;--border-color: #444444;--accent-color: #ffffff;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Courier New", Courier, monospace}:root[data-theme=sepia]{--bg-color: #f4ecd8;--bg-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.05"/></svg>');--bg-size: auto;--panel-bg: rgba(244, 236, 216, .95);--panel-backdrop: blur(10px);--text-color: #433422;--border-color: #c9bda3;--accent-color: #8b2b16;--heading-glow: inset 1px 1px 2px rgba(0,0,0,.1);--font-ui: "Playfair Display", serif;--font-manuscript: "Lora", serif}:root[data-theme=nord]{--bg-color: #2e3440;--bg-image: linear-gradient(135deg, #2e3440 0%, #3b4252 100%);--bg-size: auto;--panel-bg: rgba(46, 52, 64, .85);--panel-backdrop: blur(15px);--text-color: #eceff4;--border-color: #4c566a;--accent-color: #88c0d0;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Inter", sans-serif}:root[data-theme=cyberpunk]{--bg-color: #050511;--bg-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 255, 204, .03) 50%), linear-gradient(90deg, rgba(255, 0, 60, .06), rgba(0, 0, 0, 0));--bg-size: 100% 4px, 100% 100%;--panel-bg: rgba(5, 5, 17, .7);--panel-backdrop: blur(8px);--text-color: #fdf200;--border-color: #ff003c;--accent-color: #00ffcc;--heading-glow: 0 0 10px rgba(0, 255, 204, .8), 0 0 20px rgba(255, 0, 60, .5);--font-ui: "Orbitron", sans-serif;--font-manuscript: "VT323", monospace}:root[data-theme=dracula]{--bg-color: #282a36;--bg-image: linear-gradient(145deg, #1e1f29 0%, #282a36 100%);--panel-bg: rgba(40, 42, 54, .75);--panel-backdrop: blur(20px);--text-color: #f8f8f2;--border-color: #6272a4;--accent-color: #ff79c6;--heading-glow: 0 0 8px rgba(255, 121, 198, .6);--font-ui: "Inter", sans-serif;--font-manuscript: "Fira Code", monospace}:root[data-theme=solarized]{--bg-color: #002b36;--bg-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.03"/></svg>');--panel-bg: rgba(0, 43, 54, .9);--panel-backdrop: blur(12px);--text-color: #839496;--border-color: #073642;--accent-color: #2aa198;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Lora", serif}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{height:100%;width:100%;background-color:var(--bg-color);background-image:var(--bg-image);background-size:var(--bg-size);color:var(--text-color);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-backdrop);backdrop-filter:var(--panel-backdrop);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;font-family:var(--font-ui);font-size:.875rem;border-radius:0;transition:all .2s ease}button:hover{background-color:var(--text-color);color:var(--bg-color)}input,textarea,select{background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-backdrop);backdrop-filter:var(--panel-backdrop);border:1px solid var(--border-color);color:var(--text-color);font-family:inherit;border-radius:0}input:focus,textarea:focus,select:focus{outline:2px solid var(--text-color);outline-offset:-1px}.layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:transparent}.glass-panel{background:var(--panel-bg)!important;-webkit-backdrop-filter:var(--panel-backdrop)!important;backdrop-filter:var(--panel-backdrop)!important}.cm-editor,.cm-editor.cm-focused{background-color:transparent!important;color:var(--text-color)!important;font-family:var(--font-manuscript)!important;outline:none!important}.cm-scroller{font-family:var(--font-manuscript)!important;font-size:1.125rem!important;line-height:1.8!important}.cm-content{padding:0!important;font-family:var(--font-manuscript)!important}.cm-line{padding:0!important}.ob-h1,.ob-h2,.ob-h3,.ob-h4,.ob-h5,.ob-h6{color:var(--accent-color)!important;font-family:var(--font-ui)!important;text-shadow:var(--heading-glow)!important}.ob-bold{color:var(--text-color)!important;font-weight:800!important}.ob-italic{color:var(--text-color)!important}.ob-syntax{color:var(--text-color)!important;opacity:.4!important}.ob-list-mark,.ob-blockquote-mark,.ob-fence-mark,.ob-link,.ob-link-text{color:var(--accent-color)!important}.ob-blockquote{border-left-color:var(--accent-color)!important;color:var(--text-color)!important;opacity:.8!important}.ob-code,.ob-code-block{color:var(--text-color)!important;background-color:transparent!important;border:1px solid var(--border-color)}.ob-hr{color:var(--border-color)!important}.sidebar-overlay{display:none}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:block!important}.sidebar-overlay.active{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90}.sidebar{position:fixed!important;top:0;left:0;height:100vh!important;z-index:100;background-color:var(--bg-color);width:280px!important;transform:translate(-100%);transition:transform .3s ease}.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:2px solid var(--border-color)!important;transform:translateY(100%);transition:transform .3s ease}.right-panel.open{transform:translateY(0)}}