.slash-menu{position:relative;border-radius:.5rem;background:#fff;color:#333;overflow:hidden;font-size:.9rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;max-height:300px;overflow-y:auto;padding:.5rem}.slash-menu__item{display:flex;align-items:center;width:100%;text-align:left;background:transparent;border:none;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease}.slash-menu__item:hover{cursor:pointer}.slash-menu__item svg{width:20px;height:20px;margin-right:12px}.slash-menu__item-title{font-size:14px;font-weight:500}.slash-menu__item--disabled{opacity:.5;pointer-events:none}.slash-menu__item--selected,.slash-menu__item:hover{background:#4f46e51a}.items{position:relative;border-radius:.25rem;background:#fff;color:rgba(black,.8);overflow:hidden;font-size:.9rem;box-shadow:0 0 0 1px #0000001a,0 10px 20px #0000001a}.item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:.2rem .5rem}.item.is-selected,.item:hover{background:rgba(#b3b3b3,.1)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f5;--bg-tertiary: #f1f1ef;--bg-hover: #ebebea;--text-primary: #37352f;--text-secondary: #787774;--text-muted: #9b9a97;--border-color: #e9e9e7;--accent-color: #2eaadc;--accent-hover: #0b8ec0;--success-color: #0f7b6c;--error-color: #e03e3e;--warning-color: #dfab01;--code-bg: #f7f6f3;--slash-menu-bg: rgba(26, 28, 46, .95);--slash-menu-border: rgba(255, 255, 255, .12);--slash-menu-text: #e8e8f0;--slash-menu-text-muted: #a0a0b0;--slash-menu-hover-bg: rgba(255, 255, 255, .08);--slash-menu-disabled: #6b6b6b}@media (prefers-color-scheme: dark){:root{--bg-primary: #191919;--bg-secondary: #202020;--bg-tertiary: #2f2f2f;--bg-hover: #373737;--text-primary: #e6e6e6;--text-secondary: #9b9b9b;--text-muted: #6b6b6b;--border-color: #373737;--accent-color: #529cca;--accent-hover: #6bb8e4;--code-bg: #2f2f2f;--slash-menu-bg: rgba(26, 28, 46, .95);--slash-menu-border: rgba(255, 255, 255, .12);--slash-menu-text: #e8e8f0;--slash-menu-text-muted: #a0a0b0;--slash-menu-hover-bg: rgba(255, 255, 255, .08);--slash-menu-disabled: #6b6b6b}}html,body,#root{height:100%}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.join-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg-secondary);position:relative}.join-container--space{overflow:hidden}.space-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.floating-sphere{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;z-index:1}.floating-sphere-inner{position:relative}.floating-sphere-glow{width:300px;height:300px;border-radius:50%;opacity:.3;background:linear-gradient(135deg,#9d6ff0,#0080ff,#f3a);filter:blur(40px);animation:float-sphere 6s ease-in-out infinite}@media (min-width: 768px){.floating-sphere-glow{width:400px;height:400px}}.floating-sphere-orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:spin-slow 30s linear infinite}.floating-sphere-dot{position:absolute;border-radius:50%;background:#9d6ff0;animation:pulse-dot 2s ease-in-out infinite}.floating-sphere-dot--1{top:25%;left:33%;width:12px;height:12px;transform:translate(-50%,-50%)}.floating-sphere-dot--2{top:67%;right:25%;width:8px;height:8px;animation-delay:1s;transform:translate(50%,-50%)}.floating-sphere-dot--3{bottom:25%;left:50%;width:16px;height:16px;background:#f3a;animation-delay:2s;transform:translate(-50%,50%)}.floating-sphere-ring{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(157,111,240,.2)}.floating-sphere-ring--1{width:400px;height:400px;animation:spin-slower 40s linear infinite}.floating-sphere-ring--2{width:350px;height:350px;border-color:#0080ff33;animation:spin-reverse 35s linear infinite}@media (min-width: 768px){.floating-sphere-ring--1{width:600px;height:600px}.floating-sphere-ring--2{width:500px;height:500px}}@keyframes float-sphere{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slower{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1}}.join-card-wrapper{position:relative;z-index:10;width:100%;max-width:28rem;padding:0 1rem}.join-card-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.4;animation:pulse-glow 3s ease-in-out infinite}.join-card-glow--1{top:-2.5rem;left:-2.5rem;width:5rem;height:5rem;background:#9d6ff066}.join-card-glow--2{bottom:-2.5rem;right:-2.5rem;width:8rem;height:8rem;background:#0080ff66;animation-delay:1s}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.5}}.join-container--space .join-box--space{background:#1a1c2e66;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 50px -12px #00000080;border-radius:16px;animation:fade-in-card .8s ease-out}@keyframes fade-in-card{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.join-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.join-icon{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,#9d6ff0,#0080ff,#f3a);box-shadow:0 0 2rem #9d6ff080;animation:pulse-slow-icon 3s ease-in-out infinite}@keyframes pulse-slow-icon{0%,to{opacity:.8}50%{opacity:1}}@supports not (backdrop-filter: blur(20px)){.join-container--space .join-box--space{background:#1a1a2e}}.join-container--space .join-title{background:linear-gradient(90deg,#9d6ff0,#0080ff,#f3a);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.875rem}.join-container--space .join-subtitle{color:#a0a0b0}.join-container--space .create-room-btn{background:linear-gradient(90deg,#9d6ff0,#0080ff,#f3a);border:none;color:#fff;box-shadow:0 4px 14px #9d6ff066}.join-container--space .create-room-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.join-container--space .join-divider:before,.join-container--space .join-divider:after{background:#ffffff1f}.join-container--space .join-divider span{color:#8888a0}.join-container--space .join-input{background:#1e1c3299;border:1px solid rgba(255,255,255,.1);color:#e8e8f0}.join-container--space .join-input::placeholder{color:#8888a0}.join-container--space .join-input:focus{border-color:#9d6ff080;box-shadow:0 0 0 3px #9d6ff026}.join-container--space .join-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#b0b0c0}.join-container--space .join-btn:hover:not(:disabled){background:#ffffff1f;color:#d0d0e0}.join-container--space .join-note{color:#8888a0}.join-container--space .join-error{color:#f08090}.join-analytics-link{display:inline-block;margin-top:16px;font-size:.8125rem;color:#9d9ff0;text-decoration:none;transition:color .15s}.join-analytics-link:hover{color:#b8b8ff}.join-container--space .join-analytics-link{color:#9d9ff0}.analytics-loading{position:relative;z-index:10;color:#e8e8f0;font-size:1rem}.analytics-card{position:relative;z-index:10;width:100%;max-width:640px;padding:32px;border-radius:12px;background:var(--bg-primary);box-shadow:0 0 0 1px var(--border-color),0 8px 32px #00000014}.analytics-card--space{background:#1a1c2e66;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 50px -12px #00000080}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.analytics-card--space .analytics-title{background:linear-gradient(90deg,#9d6ff0,#0080ff,#f3a);-webkit-background-clip:text;background-clip:text;color:transparent}.analytics-back{font-size:.9375rem;color:var(--accent-color);text-decoration:none;transition:color .15s}.analytics-back:hover{color:var(--accent-hover)}.analytics-card--space .analytics-back{color:#9d9ff0}.analytics-card--space .analytics-back:hover{color:#b8b8ff}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:32px}.analytics-stat{display:flex;flex-direction:column;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.analytics-card--space .analytics-stat{background:#1e1c3299;border-color:#ffffff1a}.analytics-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.analytics-card--space .analytics-stat-value{color:#e8e8f0}.analytics-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.analytics-card--space .analytics-stat-label{color:#8888a0}.analytics-section{margin-bottom:24px}.analytics-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.analytics-card--space .analytics-section-title{color:#e8e8f0}.analytics-table-wrapper{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:.875rem}.analytics-table th,.analytics-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.analytics-card--space .analytics-table th,.analytics-card--space .analytics-table td{border-color:#ffffff1f;color:#e8e8f0}.analytics-table th{font-weight:600;color:var(--text-secondary)}.analytics-card--space .analytics-table th{color:#8888a0}.join-box{width:100%;max-width:400px;background:var(--bg-primary);padding:48px 40px;border-radius:12px;box-shadow:0 0 0 1px var(--border-color),0 8px 32px #00000014;text-align:center;position:relative;z-index:1}.join-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.join-subtitle{font-size:.9375rem;color:var(--text-secondary);margin-bottom:32px}.join-actions{display:flex;flex-direction:column;gap:16px}.create-room-btn{padding:14px 24px;font-size:1rem;font-weight:600;background:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .15s}.create-room-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.create-room-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.join-divider{display:flex;align-items:center;gap:16px;margin:8px 0}.join-divider:before,.join-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.join-divider span{font-size:.8125rem;color:var(--text-muted)}.join-form{display:flex;gap:8px}.join-input{flex:1;padding:12px 14px;font-size:.9375rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s;text-transform:lowercase}.join-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2eaadc26}.join-input::placeholder{color:var(--text-muted);text-transform:none}.join-btn{padding:12px 20px;font-size:.9375rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s}.join-btn:hover:not(:disabled){background:var(--bg-hover)}.join-btn:disabled{opacity:.5;cursor:not-allowed}.join-error{color:var(--error-color);font-size:.875rem}.join-note{margin-top:24px;font-size:.8125rem;color:var(--text-muted)}.app-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.app-container--space{background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}.app-container--space .header{background:#1a1c2ebf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.app-container--space .back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#b0b0c0}.app-container--space .back-btn:hover{background:#ffffff1f;color:#e8e8f0}.app-container--space .room-code{background:linear-gradient(90deg,#9d6ff0,#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent}.app-container--space .room-code:hover{background:linear-gradient(90deg,#9d6ff0,#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}.app-container--space .share-btn{background:linear-gradient(90deg,#9d6ff0,#0080ff,#f3a);border:none;color:#fff}.app-container--space .share-btn:hover{filter:brightness(1.1)}.app-container--space .ttl-selector .ttl-label{color:#8888a0}.app-container--space .ttl-select{background:#1e1c3299;border:1px solid rgba(255,255,255,.1);color:#e8e8f0}.app-container--space .connection-status{color:#8888a0}.app-container--space .editor-container{background:transparent}.app-container--space .editor-wrapper{background:#1a1c2e80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:24px auto;padding:32px 60px 100px;max-width:900px;min-height:calc(100% - 48px)}@supports not (backdrop-filter: blur(20px)){.app-container--space .header,.app-container--space .editor-wrapper{background:#1a1c2ef2}}.app-container--space .toolbar button{color:#a0a0b0}.app-container--space .toolbar button:hover{background:#ffffff14;color:#e8e8f0}.app-container--space .toolbar button.is-active{background:#ffffff1f;color:#e8e8f0}.app-container--space .toolbar-divider{background:#ffffff1f}.app-container--space .bubble-menu{background:#1a1c2ef2;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-container--space .bubble-menu button{color:#a0a0b0}.app-container--space .bubble-menu button:hover{background:#ffffff14;color:#e8e8f0}.app-container--space .bubble-menu button.is-active{background:#ffffff1f;color:#e8e8f0}.app-container--space .bubble-menu .divider{background:#ffffff1f}.app-container--space .connecting-overlay{background:#00000080}.app-container--space .connecting-message{background:#1a1c2ef2;border:1px solid rgba(255,255,255,.12);color:#e8e8f0}.app-container--space .tiptap{color:#e8e8f0}.app-container--space .tiptap p.is-editor-empty:first-child:before{color:#8888a0}.app-container--space .tiptap blockquote{border-left-color:#9d6ff080;color:#a0a0b0}.app-container--space .tiptap code{background:#1e1c32cc;color:#e8a0c0}.app-container--space .tiptap pre{background:#1e1c32cc;border:1px solid rgba(255,255,255,.08)}.app-container--space .tiptap pre code{color:#e8e8f0}.app-container--space .tiptap hr{border-top-color:#ffffff1f}.app-container--space .tiptap a,.app-container--space .editor-link{color:#9d9ff0}.app-container--space .tiptap a:hover{color:#b8b8ff}.app-container--space .tiptap img:hover,.app-container--space .tiptap img.ProseMirror-selectednode{box-shadow:0 0 0 2px #9d6ff099}.app-container--space .tiptap ul[data-type=taskList] li[data-checked=true]>div{color:#8888a0}.app-container--space .tiptap ul[data-type=taskList] li>label input[type=checkbox]{accent-color:#9d6ff0}.app-container--space .tiptap ::selection{background:#9d6ff04d}.app-container--space .ProseMirror-dropcursor{border-color:#9d6ff0!important}.app-container--space .file-attachment{background:#1e1c3299;border-color:#ffffff1a}.app-container--space .file-attachment:hover{background:#1e1c32cc;border-color:#ffffff26}.app-container--space .file-attachment-name{color:#e8e8f0}.app-container--space .file-attachment-size{color:#8888a0}.app-container--space .upload-indicator{background:#1a1c2ee6;border-color:#ffffff1f;color:#a0a0b0}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;min-height:45px;position:sticky;top:0;z-index:100}.header-center{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;padding:0 16px}.header-left{display:flex;align-items:center;gap:12px}.header-title{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:1.125rem;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.room-info{display:flex;flex-direction:column;gap:2px}.room-code{font-size:.9375rem;font-weight:600;font-family:SFMono-Regular,Menlo,Consolas,monospace;color:var(--text-primary);cursor:pointer;padding:2px 6px;margin:-2px -6px;border-radius:4px;transition:background .15s}.room-code:hover{background:var(--bg-hover)}.share-btn{padding:6px 14px;font-size:.8125rem;font-weight:500;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.share-btn:hover{background:var(--accent-hover)}.ttl-selector{display:flex;align-items:center;gap:6px}.ttl-selector .ttl-label{font-size:.75rem;color:var(--text-muted)}.ttl-select{padding:4px 8px;font-size:.8125rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.connection-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-dot.connected{background:var(--success-color)}.status-dot.connecting{background:var(--warning-color);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.header-right{display:flex;align-items:center;gap:8px}.connecting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.connecting-message{background:var(--bg-primary);padding:20px 32px;border-radius:8px;font-size:.9375rem;color:var(--text-primary);box-shadow:0 8px 32px #0003}.editor-container{flex:1;overflow-y:auto;background:var(--bg-primary)}.editor-wrapper{max-width:900px;margin:0 auto;padding:24px 60px 100px;min-height:100%}.toolbar{display:flex;align-items:center;gap:4px;padding:4px 0;flex-wrap:wrap}.header .toolbar{padding:2px 0;margin:0;border:none}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:20px;background:var(--border-color);margin:0 8px}.toolbar button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:.8125rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .1s}.toolbar button:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar button.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.bubble-menu{display:flex;align-items:center;gap:2px;padding:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026}.bubble-menu button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:.8125rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .1s}.bubble-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.bubble-menu button.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.bubble-menu .divider{width:1px;height:16px;background:var(--border-color);margin:0 4px}.tiptap{outline:none;min-height:400px;font-size:1rem;line-height:1.7}.tiptap>*+*{margin-top:.5em}.tiptap p{margin:0}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.tiptap h1{font-size:1.875rem;font-weight:700;margin-top:1.5em;margin-bottom:.25em;line-height:1.3}.tiptap h2{font-size:1.5rem;font-weight:600;margin-top:1.25em;margin-bottom:.25em;line-height:1.3}.tiptap h3{font-size:1.25rem;font-weight:600;margin-top:1em;margin-bottom:.25em;line-height:1.3}.tiptap h1:first-child,.tiptap h2:first-child,.tiptap h3:first-child{margin-top:0}.tiptap ul,.tiptap ol{padding-left:1.5em}.tiptap li{margin:.25em 0}.tiptap li p{margin:0}.tiptap ul[data-type=taskList]{list-style:none;padding-left:0}.tiptap ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.tiptap ul[data-type=taskList] li>label{flex-shrink:0;margin-top:4px}.tiptap ul[data-type=taskList] li>label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color)}.tiptap ul[data-type=taskList] li>div{flex:1}.tiptap ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:var(--text-muted)}.tiptap blockquote{border-left:3px solid var(--border-color);padding-left:1em;margin:1em 0;color:var(--text-secondary)}.tiptap code{background:var(--code-bg);padding:2px 5px;border-radius:3px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;color:var(--error-color)}.tiptap pre{background:var(--code-bg);padding:16px 20px;min-height:80px;border-radius:6px;margin:1em 0;overflow-x:auto}.tiptap pre code{background:none;padding:0;color:var(--text-primary);font-size:.875rem;line-height:1.6}.tiptap hr{border:none;border-top:1px solid var(--border-color);margin:2em 0}.tiptap a,.editor-link{color:var(--accent-color);text-decoration:underline;text-underline-offset:2px}.tiptap a:hover{color:var(--accent-hover)}.tiptap img,.editor-image{max-width:100%;height:auto;border-radius:4px;margin:1em 0;cursor:pointer;transition:box-shadow .15s}.tiptap img:hover,.tiptap img.ProseMirror-selectednode{box-shadow:0 0 0 2px var(--accent-color)}.file-attachment-wrapper{margin:.75em 0}.file-attachment{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s;max-width:100%}.file-attachment:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.file-attachment-icon{font-size:1.5rem;flex-shrink:0}.file-attachment-info{display:flex;flex-direction:column;min-width:0;flex:1}.file-attachment-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment-size{font-size:.75rem;color:var(--text-muted)}.file-attachment-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.file-attachment:hover .file-attachment-actions{opacity:1}.file-attachment-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .1s}.file-attachment-btn:hover{background:var(--bg-hover)}.upload-indicator{position:fixed;bottom:20px;right:20px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-secondary);box-shadow:0 4px 12px #0000001a;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:.9375rem}@media (max-width: 768px){.editor-wrapper{padding:16px 20px 80px}.toolbar{padding:6px 0}.toolbar-divider{display:none}.header{padding:8px 12px}.header-title{font-size:.8125rem}}.tiptap ::selection{background:#2eaadc4d}.ProseMirror-dropcursor{color:var(--accent-color)!important}.slash-menu{background:var(--slash-menu-bg)!important;border:1px solid var(--slash-menu-border)!important;color:var(--slash-menu-text)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006!important;font-size:.75rem!important;padding:.25rem!important;max-height:240px!important}.slash-menu__item{color:var(--slash-menu-text-muted);padding:.25rem .375rem!important}.slash-menu__item svg{width:14px!important;height:14px!important;margin-right:8px!important;flex-shrink:0}.slash-menu__item-title{font-size:.75rem!important;font-weight:500}.slash-menu__item:hover,.slash-menu__item--selected{background:var(--slash-menu-hover-bg)!important;color:var(--slash-menu-text)!important}.slash-menu__item--disabled{color:var(--slash-menu-disabled)}.tippy-box{background:transparent!important;border:none!important}