*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-text: #1a1a2e;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #f59e0b;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;--font-serif: Georgia, "Times New Roman", serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--header-height: 48px}@media(prefers-color-scheme:dark){:root:not(.light){--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-border: #334155;--color-accent: #3b82f6;--color-accent-hover: #60a5fa}}.dark{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-border: #334155;--color-accent: #3b82f6;--color-accent-hover: #60a5fa}body{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-md);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;gap:var(--space-sm)}.header__logo{font-weight:700;font-size:16px;cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none;white-space:nowrap}.header__spacer{flex:1}.main-content{margin-top:var(--header-height);flex:1;display:flex;overflow:hidden;height:calc(100vh - var(--header-height))}.editor-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.preview-container{flex:1;overflow-y:auto;padding:var(--space-lg)}.view-editor-only .preview-container,.view-preview-only .editor-container{display:none}.view-split .editor-container,.view-split .preview-container{flex:0 0 50%}.view-split .preview-container{border-left:1px solid var(--color-border)}.header--hidden{display:none}.focus-mode .main-content,.embed-mode .main-content{margin-top:0;height:100vh}.embed-mode{background:transparent}@media(max-width:767px){.header__logo{font-size:14px}.view-split .editor-container{flex:1}.view-split .preview-container,.view-toggle__btn[data-mode=split]{display:none}.share-dialog,.modal-wrapper{width:100%;max-width:100vw;border-radius:0;min-height:100vh}.snapshots-panel{width:100vw}.btn span{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:32px;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--color-bg-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover{background:var(--color-bg-secondary)}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.view-toggle__btn{height:28px;padding:0 var(--space-sm);border:none;background:transparent;color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.view-toggle__btn:hover{background:var(--color-bg-secondary)}.view-toggle__btn--active{background:var(--color-accent);color:#fff}.view-toggle__btn--active:hover{background:var(--color-accent-hover)}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:13px;background:var(--color-text);color:var(--color-bg);opacity:0;transition:opacity .15s}.toast--visible{opacity:1}.toast--error{background:var(--color-danger);color:#fff}.toast--success{background:var(--color-success);color:#fff}.ttl-badge{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:500;background:var(--color-bg-secondary);color:var(--color-text-secondary);white-space:nowrap}.ttl-badge--danger{background:var(--color-danger);color:#fff}.pin-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#00000080}.pin-dialog__box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);width:320px;max-width:90vw}.pin-dialog__title{font-size:16px;font-weight:600;margin-bottom:var(--space-md)}.pin-dialog__input{width:100%;height:36px;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:14px;margin-bottom:var(--space-md)}.pin-dialog__input:focus{outline:none;border-color:var(--color-accent)}.pin-dialog__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.snapshots-panel{position:fixed;top:var(--header-height);right:0;bottom:0;width:300px;max-width:100vw;background:var(--color-bg);border-left:1px solid var(--color-border);z-index:200;display:flex;flex-direction:column;overflow:hidden}.snapshots-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.snapshots-panel__title{font-weight:600;font-size:14px}.snapshots-panel__list{flex:1;overflow-y:auto;padding:var(--space-sm)}.snapshot-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.snapshot-item:hover{background:var(--color-bg-secondary)}.snapshot-item__label{font-weight:500}.snapshot-item__date{font-size:11px;color:var(--color-text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#00000080}.modal-wrapper{outline:none}.share-dialog{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:480px;max-width:90vw;max-height:90vh;overflow-y:auto}.share-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.share-dialog__title{font-weight:600;font-size:16px}.share-dialog__body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.share-field__label{display:block;font-size:12px;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.share-field__row{display:flex;gap:var(--space-xs)}.share-field__input{flex:1;height:32px;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);font-size:12px;font-family:var(--font-mono)}.dropdown-menu{position:fixed;z-index:300;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs);min-width:200px;box-shadow:0 4px 12px #0000001a}.dropdown-menu__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:13px;cursor:pointer;text-align:left}.dropdown-menu__item:hover{background:var(--color-bg-secondary)}.dropdown-menu__item svg{width:16px;height:16px;flex-shrink:0}.dropdown-menu__divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.dropdown-menu__info{padding:var(--space-sm) var(--space-md);font-size:11px;color:var(--color-text-secondary)}.dropdown-menu__info kbd{display:inline-block;padding:1px 4px;font-size:10px;font-family:var(--font-mono);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.loading-spinner__ring{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.draft-indicator{position:fixed;bottom:var(--space-sm);left:var(--space-md);font-size:11px;color:var(--color-text-secondary);opacity:0;transition:opacity .3s}.draft-indicator--visible{opacity:1}.preview-content{max-width:720px;margin:0 auto;line-height:1.7;font-family:var(--font-sans);color:var(--color-text)}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.preview-content h1{font-size:2em}.preview-content h2{font-size:1.5em;border-bottom:1px solid var(--color-border);padding-bottom:.3em}.preview-content h3{font-size:1.25em}.preview-content h4{font-size:1em}.preview-content h5{font-size:.875em}.preview-content h6{font-size:.85em;color:var(--color-text-secondary)}.preview-content p{margin-bottom:1em}.preview-content a{color:var(--color-accent);text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content ul,.preview-content ol{margin-bottom:1em;padding-left:2em}.preview-content li{margin-bottom:.25em}.preview-content li>ul,.preview-content li>ol{margin-bottom:0}.preview-content .task-list-item{list-style:none;margin-left:-1.5em}.preview-content .task-list-item input[type=checkbox]{margin-right:.5em}.preview-content blockquote{margin:0 0 1em;padding:.5em 1em;border-left:4px solid var(--color-accent);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.preview-content blockquote p:last-child{margin-bottom:0}.preview-content code{font-family:var(--font-mono);font-size:.875em;padding:.15em .4em;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.preview-content pre{margin-bottom:1em;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow-x:auto;line-height:1.5}.preview-content pre code{padding:0;background:none;font-size:.85em}.preview-content table{width:100%;margin-bottom:1em;border-collapse:collapse}.preview-content th,.preview-content td{padding:.5em .75em;border:1px solid var(--color-border);text-align:left}.preview-content th{background:var(--color-bg-secondary);font-weight:600}.preview-content tr:nth-child(2n){background:var(--color-bg-secondary)}.preview-content img{max-width:100%;height:auto;border-radius:var(--radius-md)}.preview-content hr{margin:2em 0;border:none;border-top:1px solid var(--color-border)}.preview-content .footnotes{margin-top:2em;padding-top:1em;border-top:1px solid var(--color-border);font-size:.875em;color:var(--color-text-secondary)}.preview-content .mermaid-diagram{margin:1em 0;text-align:center}.preview-content .mermaid-diagram svg{max-width:100%;height:auto}.preview-content .katex-block{margin:1em 0;text-align:center;overflow-x:auto}.preview-toc{margin-bottom:1.5em;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.preview-toc__title{font-weight:600;font-size:.875em;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.preview-toc--collapsed .preview-toc__list{display:none}.preview-toc__list{list-style:none;margin:.5em 0 0;padding:0}.preview-toc__item{margin:.2em 0}.preview-toc__item a{color:var(--color-text-secondary);text-decoration:none;font-size:.875em}.preview-toc__item a:hover{color:var(--color-accent)}