html{height:100%;background:#aed6bc}body{margin:0;padding:0;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#aed6bc;overflow:hidden}button{border:1px solid black!important}button.slider-toggle,button.slider-option,.view-mode-slider button,.width-slider{border:none!important}.dark{background:#0f172a;color:#bde4b8}.app.svelte-189s2ys{height:100vh;display:flex;flex-direction:column}#privacy-banner.svelte-189s2ys{position:fixed;bottom:0;left:0;width:100%;background:#222;color:#eee;padding:1em;font-size:14px;text-align:center;z-index:9999;font-family:Arial,sans-serif}#privacy-banner.svelte-189s2ys a:where(.svelte-189s2ys){color:#4da6ff;text-decoration:underline}#privacy-banner.svelte-189s2ys button:where(.svelte-189s2ys){margin-left:1em;background:#4da6ff;border:none;padding:.3em 1em;color:#fff;font-weight:700;cursor:pointer;border-radius:4px}.header.svelte-189s2ys{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #374151;box-shadow:0 1px 3px #0000001a;z-index:10}.app.dark.svelte-189s2ys .header:where(.svelte-189s2ys){background:#1e293b;border-color:#475569}.app.dark.svelte-189s2ys .toolbar-group:where(.svelte-189s2ys){background:#1e293b80;border-color:#475569}.header-left.svelte-189s2ys{display:flex;align-items:center;flex-shrink:0}.logo-button.svelte-189s2ys{background:none;border:none!important;padding:.25rem;margin:-.25rem;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.logo-button.svelte-189s2ys:hover{background:#3b82f60d;padding:.25rem;transform:translateY(-1px)}.logo-button.svelte-189s2ys:active{transform:translateY(0)}.app-title.svelte-189s2ys{margin:0;font-size:1.5rem;font-weight:700;color:#334155;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.beta-label.svelte-189s2ys{font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;padding:.125rem .375rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 3px #0000001a;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.header-controls.svelte-189s2ys{display:flex;align-items:center;justify-content:space-evenly;flex:1;gap:1rem;padding:0 2rem;position:relative;z-index:5}.toolbar-group.svelte-189s2ys{display:flex;align-items:center;gap:.5rem;padding:.25rem;background:#f8fafc80;border-radius:6px;border:1px solid #e5e7eb;position:relative;z-index:5}.math-insert-group.svelte-189s2ys{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:#eff6ff80;border-radius:6px;border:1px solid #dbeafe;position:relative;z-index:5}.app.dark.svelte-189s2ys .math-insert-group:where(.svelte-189s2ys){background:#1e3a8a4d;border-color:#3b82f6}.undo-redo-group.svelte-189s2ys{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:#fef9c380;border-radius:6px;border:1px solid #fef3c7;position:relative;z-index:5}.app.dark.svelte-189s2ys .undo-redo-group:where(.svelte-189s2ys){background:#5c4e1e4d;border-color:#f59e0b}.app.dark.svelte-189s2ys .coffee-btn:where(.svelte-189s2ys){background:transparent!important;color:#f87171!important;border-color:#aed6bc!important}.app.dark.svelte-189s2ys .coffee-btn:where(.svelte-189s2ys):hover{background:#f871711a!important;color:#dc2626!important;border-color:#86c5a3!important;box-shadow:0 4px 8px #f871714d}.app.dark.svelte-189s2ys .hybrid-link:where(.svelte-189s2ys){background:#8b5cf626!important;color:#a78bfa!important;border-color:#a78bfa!important}.app.dark.svelte-189s2ys .hybrid-link:where(.svelte-189s2ys):hover{background:#8b5cf633!important;color:#c4b5fd!important;border-color:#c4b5fd!important;box-shadow:0 4px 8px #8b5cf666}.math-btn.svelte-189s2ys{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;font-weight:600;min-width:2rem}.coffee-btn.svelte-189s2ys{background:transparent!important;color:#dc2626!important;border:2px solid #3b82f6!important;font-size:1.7rem;transition:all .3s ease;min-width:3rem;height:3rem}.coffee-btn.svelte-189s2ys:hover{background:#dc26261a!important;color:#b91c1c!important;border-color:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 8px #dc262633}.hybrid-link.svelte-189s2ys{background:#8b5cf61a!important;color:#8b5cf6!important;border:2px solid #8b5cf6!important;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s ease;min-width:5rem;height:3rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.hybrid-link.svelte-189s2ys:hover{background:#8b5cf626!important;color:#7c3aed!important;border-color:#7c3aed!important;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.feedback-text.svelte-189s2ys{position:absolute;top:5.8rem;right:2rem;font-size:.75rem;font-weight:500;color:#059669;background:#0596691a;padding:.3rem .6rem;border-radius:4px;border:1px solid rgba(5,150,105,.3);white-space:nowrap;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:-.02em;transition:all .2s ease;z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0596691a}.feedback-text.svelte-189s2ys:hover{background:#05966926;border-color:#05966980;transform:translateY(-1px);box-shadow:0 4px 12px #05966933}.app.dark.svelte-189s2ys .feedback-text:where(.svelte-189s2ys){color:#86efac;background:#86efac1a;border-color:#86efac4d;box-shadow:0 2px 8px #86efac1a}.app.dark.svelte-189s2ys .feedback-text:where(.svelte-189s2ys):hover{background:#86efac26;border-color:#86efac80;box-shadow:0 4px 12px #86efac33}.modern.svelte-189s2ys{font-weight:700}.control-btn.svelte-189s2ys{padding:.5rem;border:1px solid #374151;background:#f8fafc;color:#475569;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.control-btn.svelte-189s2ys:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.view-mode-slider.svelte-189s2ys{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-right:.5rem}.slider-labels.svelte-189s2ys{position:relative;width:9rem;height:1rem;margin-bottom:.25rem}.slider-label.svelte-189s2ys{position:absolute;color:#9ca3af;transition:all .3s ease;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.slider-label-left.svelte-189s2ys{left:0;transform:translate(0)}.slider-label-right.svelte-189s2ys{right:0;transform:translate(0)}.slider-label.active.svelte-189s2ys{color:#374151;font-weight:600}.slider-track.svelte-189s2ys{position:relative;width:9rem;height:1.75rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.875rem;border:1px solid #374151;display:flex;box-shadow:inset 0 1px 3px #0000001a}.slider-thumb.svelte-189s2ys{position:absolute;top:0;left:2px;width:2.75rem;height:1.75rem;background:#aed6bc;border-radius:.875rem;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #7b63f6;transform:translate(0)}.slider-thumb.center.svelte-189s2ys{transform:translate(3rem)}.slider-thumb.right.svelte-189s2ys{transform:translate(6rem)}.slider-option.svelte-189s2ys{flex:1;height:100%;background:none;border:none;cursor:pointer;border-radius:.875rem;transition:background-color .2s ease}.slider-option.svelte-189s2ys:hover{background:#3b82f61a}.app.dark.svelte-189s2ys .slider-track:where(.svelte-189s2ys){background:linear-gradient(135deg,#374151,#1f2937);border-color:#6b7280}.app.dark.svelte-189s2ys .slider-thumb:where(.svelte-189s2ys){background:linear-gradient(135deg,#f9fafb,#e5e7eb);border-color:#6b7280}.app.dark.svelte-189s2ys .slider-label:where(.svelte-189s2ys){color:#9ca3af}.app.dark.svelte-189s2ys .slider-label.active:where(.svelte-189s2ys){color:#f3f4f6}.main-content.svelte-189s2ys{flex:1;display:flex;min-height:0;background:#aed6bc}.app.dark.svelte-189s2ys .main-content:where(.svelte-189s2ys){background:#0f172a}.editor-section.svelte-189s2ys{flex:1;display:flex;gap:0;min-width:0;width:100%;overflow:hidden;height:85vh;max-height:85vh;min-height:400px}.editor-section.hybrid.svelte-189s2ys{gap:0}.editor-section.editor-only.svelte-189s2ys .editor-pane:where(.svelte-189s2ys){flex:1;max-width:none}.editor-section.preview-only.svelte-189s2ys .preview-pane:where(.svelte-189s2ys){flex:1;max-width:none}.editor-section.hybrid.svelte-189s2ys .editor-pane:where(.svelte-189s2ys),.editor-section.hybrid.svelte-189s2ys .preview-pane:where(.svelte-189s2ys){flex:none;max-width:none;min-width:0}.width-slider.svelte-189s2ys{width:8px;background:none;cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;margin:0 4px;flex-shrink:0}.width-slider.svelte-189s2ys:hover,.width-slider.svelte-189s2ys:focus{background:none;outline:none}.width-slider.svelte-189s2ys:focus{box-shadow:0 0 0 2px #3b82f6}.slider-handle.svelte-189s2ys{width:2px;height:40px;background:#6b7280;border-radius:1px;transition:all .2s ease}.width-slider.svelte-189s2ys:hover .slider-handle:where(.svelte-189s2ys),.width-slider.svelte-189s2ys:focus .slider-handle:where(.svelte-189s2ys){background:#374151;height:60px}.app.dark .width-slider.svelte-189s2ys{background:#374151}.app.dark .width-slider.svelte-189s2ys:hover,.app.dark .width-slider.svelte-189s2ys:focus{background:#4b5563}.app.dark .slider-handle.svelte-189s2ys{background:#9ca3af}.app.dark .width-slider.svelte-189s2ys:hover .slider-handle:where(.svelte-189s2ys),.app.dark .width-slider.svelte-189s2ys:focus .slider-handle:where(.svelte-189s2ys){background:#d1d5db}.pane.svelte-189s2ys{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #374151;border-radius:8px;overflow:hidden;min-width:0;max-width:70%}.app.dark.svelte-189s2ys .pane:where(.svelte-189s2ys){background:#1e293b;border-color:#475569}.pane-header.svelte-189s2ys{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.app.dark.svelte-189s2ys .pane-header:where(.svelte-189s2ys){background:#0f172a;border-color:#475569}.pane-header.svelte-189s2ys h2:where(.svelte-189s2ys){margin:0;font-size:1rem;font-weight:600;color:#334155}.app.dark.svelte-189s2ys .pane-header:where(.svelte-189s2ys) h2:where(.svelte-189s2ys){color:#e2e8f0}.editor-stats.svelte-189s2ys{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.char-count.svelte-189s2ys,.word-count.svelte-189s2ys,.preview-status.svelte-189s2ys{font-size:.75rem;color:#64748b;font-weight:500}.preview-status.svelte-189s2ys{color:#059669}.app.dark.svelte-189s2ys .char-count:where(.svelte-189s2ys),.app.dark.svelte-189s2ys .word-count:where(.svelte-189s2ys){color:#94a3b8}.pane-content.svelte-189s2ys{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;height:100%}.welcome-screen.svelte-189s2ys{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#aed6bc}.welcome-content.svelte-189s2ys{text-align:center;max-width:600px;width:100%;background:#aed6bc}.welcome-header.svelte-189s2ys{background:#aed6bc}.welcome-header.svelte-189s2ys h1:where(.svelte-189s2ys){font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-header.svelte-189s2ys p:where(.svelte-189s2ys){font-size:1.125rem;color:#64748b;margin:0 0 3rem;line-height:1.6}.welcome-actions.svelte-189s2ys{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.welcome-btn.svelte-189s2ys{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 4px 6px -1px #0000001a}.welcome-btn.svelte-189s2ys:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0003}.new-doc-btn.svelte-189s2ys:hover{border-color:#22c55e;background:#f0fdf4}.tutorial-btn.svelte-189s2ys:hover{border-color:#3b82f6;background:#f0f9ff}.continue-btn.svelte-189s2ys{background:#fdf2f8;border-color:#f9a8d4;color:#be185d}.continue-btn.svelte-189s2ys:hover{background:#fce7f3;border-color:#f472b6}.btn-icon.svelte-189s2ys{font-size:3rem;margin-bottom:1rem}.btn-text.svelte-189s2ys h3:where(.svelte-189s2ys){font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.btn-text.svelte-189s2ys p:where(.svelte-189s2ys){font-size:.875rem;color:#64748b;margin:0}.welcome-footer.svelte-189s2ys{color:#94a3b8;font-size:.875rem}.welcome-footer.svelte-189s2ys p:where(.svelte-189s2ys){margin:0}.app.dark .welcome-screen.svelte-189s2ys,.app.dark .welcome-content.svelte-189s2ys,.app.dark .welcome-header.svelte-189s2ys{background:#1e293b}.app.dark .welcome-header.svelte-189s2ys h1:where(.svelte-189s2ys){color:#f1f5f9}.app.dark .welcome-header.svelte-189s2ys p:where(.svelte-189s2ys){color:#94a3b8}.app.dark .welcome-btn.svelte-189s2ys{background:#1e293b;border-color:#475569}.app.dark .new-doc-btn.svelte-189s2ys:hover{border-color:#22c55e;background:#064e3b}.app.dark .tutorial-btn.svelte-189s2ys:hover{border-color:#3b82f6;background:#1e3a8a}.app.dark .continue-btn.svelte-189s2ys{background:#831843;border-color:#be185d;color:#f9a8d4}.app.dark .continue-btn.svelte-189s2ys:hover{background:#9d174d;border-color:#db2777}.app.dark .btn-text.svelte-189s2ys h3:where(.svelte-189s2ys){color:#f1f5f9}.app.dark .btn-text.svelte-189s2ys p:where(.svelte-189s2ys){color:#94a3b8}.app.dark .welcome-footer.svelte-189s2ys{color:#64748b}.export.svelte-189s2ys{padding:1rem!important;border-radius:6px!important;font-size:1rem}.made-by.svelte-189s2ys{margin-top:4em}.notification-container.svelte-189s2ys{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem}.notification.svelte-189s2ys{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:400px;border-left:4px solid #3b82f6}.notification-success.svelte-189s2ys{border-left-color:#10b981;background:#f0fdf4;color:#166534}.notification-error.svelte-189s2ys{border-left-color:#ef4444;background:#fef2f2;color:#dc2626}.notification-info.svelte-189s2ys{border-left-color:#3b82f6;background:#eff6ff;color:#1e40af}.notification-close.svelte-189s2ys{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;margin-left:1rem;color:inherit;opacity:.6;transition:opacity .2s}.notification-close.svelte-189s2ys:hover{opacity:1}.save-dialog-overlay.svelte-189s2ys{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.save-dialog.svelte-189s2ys{background:#fff;border-radius:8px;padding:1.5rem;min-width:400px;max-width:90vw;box-shadow:0 10px 25px #0000001a}.save-dialog.svelte-189s2ys h3:where(.svelte-189s2ys){margin:0 0 .5rem;color:#374151;font-size:1.25rem}.save-dialog.svelte-189s2ys p:where(.svelte-189s2ys){margin:0 0 1rem;color:#6b7280}.save-input-group.svelte-189s2ys{margin-bottom:1.5rem}.save-input-group.svelte-189s2ys label:where(.svelte-189s2ys){display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.save-input.svelte-189s2ys{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.save-input.svelte-189s2ys:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.save-dialog-actions.svelte-189s2ys{display:flex;gap:.75rem;justify-content:flex-end}.btn-primary.svelte-189s2ys,.btn-secondary.svelte-189s2ys,.btn-danger.svelte-189s2ys{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary.svelte-189s2ys{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.btn-primary.svelte-189s2ys:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-primary.svelte-189s2ys:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.btn-secondary.svelte-189s2ys{background:#fff;color:#374151;border:1px solid #e2e8f0}.btn-secondary.svelte-189s2ys:hover:not(:disabled){background:#f9fafb}.btn-danger.svelte-189s2ys{background:#ef4444;color:#fff;border:1px solid #ef4444}.btn-danger.svelte-189s2ys:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.app.dark .save-dialog.svelte-189s2ys{background:#1e293b;color:#e2e8f0}.app.dark .save-dialog.svelte-189s2ys h3:where(.svelte-189s2ys){color:#e2e8f0}.app.dark .save-dialog.svelte-189s2ys p:where(.svelte-189s2ys){color:#94a3b8}.app.dark .save-input-group.svelte-189s2ys label:where(.svelte-189s2ys){color:#e2e8f0}.app.dark .save-input.svelte-189s2ys{background:#374155;border-color:#4b5563;color:#e2e8f0}.app.dark .save-input.svelte-189s2ys:focus{border-color:#3b82f6}.app.dark .btn-secondary.svelte-189s2ys{background:#374155;color:#e2e8f0;border-color:#4b5563}.app.dark .btn-secondary.svelte-189s2ys:hover:not(:disabled){background:#475569}@media (max-width: 480px){.save-dialog.svelte-189s2ys{min-width:320px;margin:1rem}.save-dialog-actions.svelte-189s2ys{flex-direction:column}.btn-primary.svelte-189s2ys,.btn-secondary.svelte-189s2ys,.btn-danger.svelte-189s2ys{width:100%}}@media (max-width: 768px){.header.svelte-189s2ys{padding:.75rem 1rem}.app-title.svelte-189s2ys{font-size:1.25rem}.logo-button.svelte-189s2ys:hover{opacity:1}.main-content.svelte-189s2ys{flex-direction:column}.editor-section.svelte-189s2ys{flex-direction:column;padding:.75rem}.header-controls.svelte-189s2ys{gap:.5rem;padding:0 1rem}.editor-stats.svelte-189s2ys{flex-direction:column;gap:.25rem}.welcome-screen.svelte-189s2ys{padding:1rem}.welcome-header.svelte-189s2ys h1:where(.svelte-189s2ys){font-size:2rem}.welcome-actions.svelte-189s2ys{flex-direction:column;gap:1rem}.welcome-btn.svelte-189s2ys{min-width:auto;padding:1.5rem 1rem}}@media (max-width: 480px){.header.svelte-189s2ys,.main-content.svelte-189s2ys{padding:.5rem}.app-title.svelte-189s2ys{font-size:1rem}.logo-button.svelte-189s2ys{min-height:44px;min-width:44px}.control-btn.svelte-189s2ys{min-width:36px;height:36px;font-size:.875rem}.view-mode-slider.svelte-189s2ys{transform:scale(.85)}.slider-labels.svelte-189s2ys,.slider-track.svelte-189s2ys{width:7.5rem}.slider-thumb.svelte-189s2ys{width:2.25rem}.slider-thumb.center.svelte-189s2ys{transform:translate(2.5rem)}.slider-thumb.right.svelte-189s2ys{transform:translate(5rem)}.welcome-header.svelte-189s2ys h1:where(.svelte-189s2ys){font-size:1.75rem}.welcome-header.svelte-189s2ys p:where(.svelte-189s2ys){font-size:1rem}.btn-icon.svelte-189s2ys{font-size:2.5rem}}