@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-dark: #050505;--bg-panel: #0a0a0a;--bg-panel-border: rgba(255, 255, 255, .03);--bg-header: rgba(10, 10, 10, .85);--text-main: #fcfcfc;--text-muted: #888888;--accent-primary: #5e6ad2;--accent-secondary: #904e95;--accent-hover: #7b88ff;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(94, 106, 210, .5);--success: #10b981;--error: #ef4444;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 15px rgba(94, 106, 210, .2);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);height:100vh;width:100vw;overflow:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(94,106,210,.05),transparent 40%),radial-gradient(circle at 85% 30%,rgba(144,78,149,.05),transparent 40%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-success{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 32px;height:72px;background-color:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:10}.logo{display:flex;align-items:center;gap:12px}.logo h1{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.share-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;box-shadow:var(--shadow-glow);transition:all .3s cubic-bezier(.25,1.2,.5,1)}.share-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 5px 20px #5e6ad266}.share-btn:active{transform:translateY(0)}.main-content{display:flex;flex:1;overflow:hidden;animation:fadeIn .4s ease-out}.pane{flex:1;display:flex;flex-direction:column;height:100%}.editor-pane{border-right:1px solid var(--border-color);background-color:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preview-pane{background-color:transparent}.pane-header{display:flex;align-items:center;gap:10px;padding:14px 28px;background-color:var(--bg-panel-border);border-bottom:1px solid var(--border-color)}.pane-header h2{font-family:Outfit,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700}.live-badge{width:8px;height:8px;background-color:var(--success);border-radius:50%;animation:pulse-success 2s infinite}.pane-content{flex:1;overflow-y:auto;position:relative}.editor-wrapper{display:flex;flex-direction:column;height:100%}.status-bar{padding:6px 28px;font-size:.75rem;font-family:Inter,sans-serif;font-weight:500;color:var(--text-muted);background:var(--bg-panel-border);border-bottom:1px solid rgba(255,255,255,.02);display:flex;align-items:center;gap:8px}.editor-container{flex:1;overflow:auto}.editor-container .cm-editor{height:100%}.editor-container .cm-scroller{font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.7}.preview-content{padding:40px 60px;font-size:1.05rem;line-height:1.7;color:var(--text-main);max-width:900px;margin:0 auto}.empty-state{color:#fff3;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:300;display:flex;justify-content:center;align-items:center;height:100%}.preview-content h1,.preview-content h2,.preview-content h3{font-family:Outfit,sans-serif;margin-top:2em;margin-bottom:.75em;font-weight:700;color:#fff}.preview-content h1{font-size:2.5em;letter-spacing:-.5px}.preview-content h2{font-size:1.75em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.preview-content p{margin-bottom:1.25em;color:#ffffffd9}.preview-content a{color:var(--accent-hover);text-decoration:none;font-weight:500;transition:color .2s}.preview-content a:hover{color:#fff}.preview-content code{background-color:#ffffff14;padding:.2em .4em;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:85%;color:#e2e8f0}.preview-content pre{background-color:var(--bg-panel);border:1px solid var(--border-color);padding:20px;border-radius:var(--radius-md);overflow:auto;margin-bottom:1.25em;box-shadow:inset 0 2px 10px #0003}.preview-content pre code{background-color:transparent;padding:0}.preview-content blockquote{padding:.5em 1.5em;color:var(--text-muted);border-left:3px solid var(--accent-primary);margin:0 0 1.25em;background:linear-gradient(90deg,rgba(94,106,210,.05) 0%,transparent 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.preview-content ul,.preview-content ol{margin-bottom:1.25em;padding-left:2em;color:#ffffffd9}.preview-content img{max-width:100%;border-radius:var(--radius-md)}.yjs-cursor{position:absolute;border-left:2px solid black;border-right:2px solid transparent;transform:translate(-2px);transition:all .1s}.yjs-cursor>div{position:absolute;top:-1.2em;left:-2px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;background-color:#000;color:#fff;white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);border-bottom-left-radius:0;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(5px);box-shadow:var(--shadow-sm)}.yjs-cursor:hover>div{opacity:1;transform:translateY(0)}.gradient-text{background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.premium-input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#0003;color:#fff;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s;outline:none}.premium-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #5e6ad233;background-color:#0006}.premium-button{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.25,1.2,.5,1);box-shadow:var(--shadow-glow)}.premium-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5e6ad280}.premium-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.board-card{display:block;padding:24px;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;transition:all .3s cubic-bezier(.25,1.2,.5,1);animation:fadeIn .4s ease-out backwards}.board-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #5e6ad233;background:linear-gradient(180deg,var(--bg-panel) 0%,#151515 100%)}.board-card h3{color:#fff;font-family:Outfit,sans-serif;margin:0 0 12px;font-size:1.25rem;font-weight:600}.board-card p{color:var(--text-muted);margin:0;font-size:.85rem;display:flex;align-items:center;gap:6px}