:where(.chat){--peer-surface-top:rgba(255,255,255,92%);--peer-surface-bottom:rgba(255,255,255,78%);--peer-glow-1:rgba(59,130,246,14%);--peer-glow-2:rgba(99,102,241,6%);--peer-border-1:rgba(59,130,246,30%);--peer-border-2:rgba(99,102,241,18%);--peer-glow-1-hover:rgba(59,130,246,18%);--peer-glow-2-hover:rgba(99,102,241,8%);--peer-border-1-hover:rgba(59,130,246,42%);--peer-border-2-hover:rgba(99,102,241,24%);--peer-name:rgba(37,99,235,95%);--peer-name-bg:rgba(59,130,246,10%);--peer-text:rgba(17,24,39,95%);--peer-meta:rgba(55,65,81,70%);--peer-action-bg:rgba(0,0,0,6%);--peer-action-bg-hover:rgba(0,0,0,10%);--own-action-bg:rgba(255,255,255,16%);--own-action-bg-hover:rgba(255,255,255,22%);--danger-fg:#ef4444;--danger-bg:rgba(239,68,68,10%);--danger-bg-hover:rgba(239,68,68,16%);--peer-shadow:rgba(0,0,0,8%);--own-bg-1:#7c3aed;--own-bg-2:#4f46e5;--own-shadow:rgba(79,70,229,22%);--mention-self-border:rgba(34,80,197,55%);--mention-self-bg:rgba(33,27,210,75%);--mention-self-fg:rgba(246,246,246,95%)}.chat.chat--dark,.chat[data-theme=dark],:root[data-theme=dark] .chat,body[data-theme=dark] .chat,html[data-theme=dark] .chat{--peer-surface-top:rgba(45,47,243,45%);--peer-surface-bottom:rgba(38,38,218,80%);--peer-glow-1:rgba(120,180,255,34%);--peer-glow-2:rgba(255,255,255,12%);--peer-border-1:rgba(15,63,222,70%);--peer-border-2:rgba(255,255,255,22%);--peer-glow-1-hover:rgba(120,180,255,44%);--peer-glow-2-hover:rgba(255,255,255,14%);--peer-border-1-hover:rgba(9,55,239,78%);--peer-border-2-hover:rgba(255,255,255,28%);--peer-name:rgba(190,225,255,96%);--peer-name-bg:rgba(120,180,255,16%);--peer-text:rgba(255,255,255,94%);--peer-meta:rgba(255,255,255,72%);--peer-action-bg:rgba(255,255,255,12%);--peer-action-bg-hover:rgba(255,255,255,18%);--own-action-bg:rgba(255,255,255,16%);--own-action-bg-hover:rgba(255,255,255,22%);--peer-shadow:rgba(0,0,0,20%);--own-bg-1:#8b5cf6;--own-bg-2:#6366f1;--own-shadow:rgba(99,102,241,30%);--mention-self-border:rgba(120,180,255,70%);--mention-self-bg:rgba(12,96,218,78%);--mention-self-fg:rgba(228,235,239,98%)}@media (prefers-color-scheme:dark){html:not([data-theme]) .chat{--peer-surface-top:rgba(255,255,255,16%);--peer-surface-bottom:rgba(255,255,255,8%);--peer-glow-1:rgba(120,180,255,34%);--peer-glow-2:rgba(255,255,255,12%);--peer-border-1:rgba(120,180,255,62%);--peer-border-2:rgba(255,255,255,22%);--peer-glow-1-hover:rgba(120,180,255,44%);--peer-glow-2-hover:rgba(255,255,255,14%);--peer-border-1-hover:rgba(120,180,255,78%);--peer-border-2-hover:rgba(255,255,255,28%);--peer-name:rgba(190,225,255,96%);--peer-name-bg:rgba(120,180,255,16%);--peer-text:rgba(255,255,255,94%);--peer-meta:rgba(255,255,255,72%);--peer-action-bg:rgba(255,255,255,12%);--peer-action-bg-hover:rgba(255,255,255,18%);--own-action-bg:rgba(255,255,255,16%);--own-action-bg-hover:rgba(255,255,255,22%);--peer-shadow:rgba(0,0,0,20%);--own-bg-1:#8b5cf6;--own-bg-2:#6366f1;--own-shadow:rgba(99,102,241,30%);--mention-self-border:rgba(120,180,255,70%);--mention-self-bg:rgba(120,180,255,18%);--mention-self-fg:rgba(190,225,255,98%)}}.chat{--chat-radius:16px;--chat-top-offset:60px;position:relative;overflow:hidden;display:flex;flex-direction:column;width:100%;height:calc(100vh - var(--chat-top-offset));border:1px solid var(--border-primary);border-radius:var(--chat-radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(var(--accent-primary-rgb),.1);animation:chat-slide-in .4s cubic-bezier(.16,1,.3,1)}@keyframes chat-slide-in{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.chat__content{justify-content:space-between;height:100%}.chat__body,.chat__content{overflow:hidden;display:flex;flex:1 1;flex-direction:column}.chat__body{position:relative}.chat__messages{scroll-behavior:smooth;overflow:hidden auto;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px 16px}.chat__messages::-webkit-scrollbar{width:6px}.chat__messages::-webkit-scrollbar-track{border-radius:10px;background:transparent}.chat__messages::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));-webkit-transition:background .3s ease;transition:background .3s ease}.chat__messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary),var(--accent-primary))}.chat__loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:var(--text-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.chat__error{margin:12px 16px 0;padding:12px 16px;border-left:3px solid #ef4444;border-radius:8px;font-size:13px;color:#dc2626;background:rgba(239,68,68,10%);animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.chat__info{margin:12px 16px 0;padding:10px 16px;border-left:3px solid var(--accent-primary);border-radius:8px;font-size:12px;color:var(--text-secondary);background:rgba(var(--accent-primary-rgb),.05)}.chat__header{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);box-shadow:0 4px 20px rgba(var(--accent-primary-rgb),.3)}.chat__header:before{top:-50%;right:-10%;width:200px;height:200px;background:rgba(255,255,255,10%);filter:blur(60px);animation:float 6s ease-in-out infinite}.chat__header:after,.chat__header:before{content:"";position:absolute;border-radius:50%}.chat__header:after{bottom:-30%;left:-5%;width:150px;height:150px;background:rgba(255,255,255,8%);filter:blur(40px);animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}.chat__header-content{position:relative;z-index:1;display:flex;gap:14px;align-items:center}.chat__title{margin:0;font-size:20px;font-weight:700;color:white;text-shadow:0 2px 8px rgba(0,0,0,15%);letter-spacing:.3px}.chat__close-btn{cursor:pointer;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid rgba(255,255,255,30%);border-radius:10px;color:white;background:rgba(255,255,255,15%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1)}.chat__close-btn:hover{transform:rotate(90deg) scale(1.1);background:rgba(255,255,255,25%);box-shadow:0 4px 12px rgba(0,0,0,20%)}.chat__close-btn:active{transform:rotate(90deg) scale(.95)}.message{--peer-glow-1-local:var(--peer-glow-1);--peer-glow-2-local:var(--peer-glow-2);--peer-border-1-local:var(--peer-border-1);--peer-border-2-local:var(--peer-border-2);display:flex;flex-direction:column;gap:6px;align-self:flex-start;max-width:75%;padding:12px 14px;border:1px solid transparent;border-radius:16px 16px 16px 4px;color:var(--peer-text);background:radial-gradient(120% 140% at 16% 0,var(--peer-glow-1-local),transparent 62%) padding-box,radial-gradient(120% 140% at 100% 0,var(--peer-glow-2-local),transparent 60%) padding-box,linear-gradient(180deg,var(--peer-surface-top),var(--peer-surface-bottom)) padding-box,linear-gradient(135deg,var(--peer-border-1-local),var(--peer-border-2-local)) border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px var(--peer-shadow),0 1px 0 rgba(255,255,255,6%) inset;transition:transform .2s ease,box-shadow .2s ease;animation:message-appear .3s cubic-bezier(.16,1,.3,1)}@keyframes message-appear{0%{transform:translateY(10px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.message:hover{--peer-glow-1-local:var(--peer-glow-1-hover);--peer-glow-2-local:var(--peer-glow-2-hover);--peer-border-1-local:var(--peer-border-1-hover);--peer-border-2-local:var(--peer-border-2-hover);transform:translateY(-1px);box-shadow:0 16px 36px rgba(0,0,0,18%),inset 0 1px 0 rgba(255,255,255,8%)}.message--own{align-self:flex-end;border:none;border-radius:16px 16px 4px;color:white;background:linear-gradient(135deg,var(--own-bg-1) 0,var(--own-bg-2) 100%);box-shadow:0 2px 12px var(--own-shadow)}.message--own:hover{box-shadow:0 6px 18px rgba(99,102,241,34%)}.message__header{gap:12px;margin-bottom:4px}.message__author,.message__header{display:flex;align-items:center;min-width:0}.message__author{gap:8px}.message__avatar{flex:0 0 auto;width:28px;height:28px;border:2px solid rgba(255,255,255,18%);border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,10%)}.message__author-name{overflow:hidden;display:inline-flex;align-items:center;max-width:240px;font-size:13px;font-weight:800;color:var(--peer-name);text-overflow:ellipsis;white-space:nowrap}.message--own .message__author-name{color:rgba(255,255,255,92%);background:rgba(255,255,255,14%)}.message__content{line-height:1.55;color:var(--peer-text);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message--own .message__content{color:rgba(255,255,255,95%)}.message__content p{margin:0}.message__content a{color:inherit;text-decoration:underline;text-underline-offset:2px}.message__footer{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:20px}.message__timestamp{font-size:11px;font-weight:600;color:var(--peer-meta)}.message--own .message__timestamp{color:rgba(255,255,255,70%)}.message__actions{display:flex;gap:4px;align-items:center;opacity:0;transition:opacity .2s ease}.message:hover .message__actions{opacity:1}.message__action-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;color:var(--peer-text);background:var(--peer-action-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,background .15s ease}.message__action-btn:hover{transform:scale(1.06);background:var(--peer-action-bg-hover)}.message__action-btn:active{transform:scale(.96)}.message--own .message__action-btn{color:rgba(255,255,255,90%);background:var(--own-action-bg)}.message--own .message__action-btn:hover{background:var(--own-action-bg-hover)}.message__action-btn--delete{color:var(--danger-fg)!important}.message__action-btn--delete:hover{background:var(--danger-bg-hover)!important}.editor{display:flex;flex-direction:column;margin:16px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-primary);box-shadow:0 2px 12px rgba(0,0,0,5%);transition:all .3s ease}.editor:focus-within{border-color:var(--accent-primary);box-shadow:0 4px 20px rgba(var(--accent-primary-rgb),.15)}.editor-root{position:relative}.editor-paragraph{margin:0 0 8px}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-code{padding:2px 6px;border-radius:4px;color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.editor-code,.editor-text-code{font-family:Courier New,Courier,monospace;font-size:13px}.editor-code{overflow-x:auto;display:block;margin:8px 0;padding:12px 16px;border-left:3px solid var(--accent-primary);border-radius:8px;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary)}.editor-heading-h1{margin:12px 0 8px;font-size:24px;font-weight:700}.editor-heading-h1,.editor-heading-h2{line-height:1.3;color:var(--text-primary)}.editor-heading-h2{margin:10px 0 6px;font-size:20px;font-weight:600}.editor-quote{margin:8px 0;padding:12px 16px;border-left:4px solid var(--accent-primary);font-style:italic;color:var(--color-light-300);background:rgba(var(--accent-primary-rgb),.05)}.editor-list-ol,.editor-list-ul{margin:8px 0;padding-left:24px}.editor-list-ol{list-style-type:decimal}.editor-list-ul{list-style-type:disc}.editor-listitem{margin:4px 0;line-height:1.6}.editor-nested-listitem{list-style-type:circle}.editor-content{outline:none}.editor-content .editor-paragraph:last-child{margin-bottom:0}.editor__toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-primary);border-radius:12px 12px 0 0;background:var(--bg-secondary)}.editor__toolbar-group{display:flex;gap:2px}.editor__toolbar-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;color:var(--text-secondary);background:transparent;transition:all .2s ease}.editor__toolbar-btn:hover{transform:translateY(-1px);color:var(--text-primary);background:var(--bg-tertiary)}.editor__toolbar-btn:active{transform:translateY(0)}.editor__toolbar-btn--active{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.editor__toolbar-divider{width:1px;height:24px;margin:0 4px;background:var(--border-primary)}.editor__wrapper{position:relative;min-height:100px;padding:14px 16px}.editor__content{overflow-y:auto;height:150px;padding-right:50px;font-size:14px;line-height:1.6;color:var(--text-primary);outline:none}.editor__content::-webkit-scrollbar{width:4px}.editor__content::-webkit-scrollbar-track{background:transparent}.editor__content::-webkit-scrollbar-thumb{border-radius:10px;background:var(--border-primary)}.editor__placeholder{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:14px;left:16px;font-size:14px;color:var(--text-tertiary);transition:opacity .2s ease}.editor__send{cursor:pointer;position:absolute;top:14px;right:16px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:10px;color:white;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);box-shadow:0 2px 8px rgba(var(--accent-primary-rgb),.3);transition:all .3s cubic-bezier(.16,1,.3,1)}.editor__send:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(var(--accent-primary-rgb),.4)}.editor__send:active{transform:translateY(0) scale(.95)}.chat__loading-more{animation:pulse 2s ease-in-out infinite}.chat__loading-more,.chat__start-indicator{padding:12px;font-size:12px;color:var(--text-tertiary);text-align:center}.chat__empty{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;margin:auto;padding:60px 20px;color:var(--text-tertiary);text-align:center}.chat__empty-title{font-size:16px;font-weight:600;color:var(--text-secondary)}.chat__empty-subtitle{font-size:14px}.chat__edit-indicator{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 16px 16px;padding:10px 16px;border-left:3px solid var(--accent-primary);border-radius:8px;font-size:13px;color:var(--text-secondary);background:rgba(var(--accent-primary-rgb),.05);animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.chat__edit-indicator button{cursor:pointer;padding:4px 12px;border:1px solid var(--border-primary);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease}.chat__edit-indicator button:hover{transform:translateY(-1px);background:var(--bg-tertiary)}.chat__edit-indicator button:active{transform:translateY(0)}@media (max-width:768px){.chat{--chat-top-offset:0px;--chat-radius:16px;height:100dvh}.message{max-width:85%}.editor{margin:12px}}.page-container{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;width:100%;max-width:1400px;background:transparent}.page-container--with-chat{grid-template-columns:1fr 500px}@media (max-width:1200px){.page-container--with-chat{grid-template-columns:1fr}}@media (max-width:768px){.page-container{gap:1rem}}.editor-board-link,.editor-board-link-container{display:inline-flex;align-items:center}.editor-board-link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;margin:0 2px;border:1px solid rgba(var(--accent-primary-rgb),.35);border-radius:6px;background:rgba(var(--accent-primary-rgb),.08);box-shadow:0 1px 6px rgba(0,0,0,6%);transition:transform .15s ease,background .15s ease,border-color .15s ease}.editor-board-link:hover{transform:translateY(-1px);border-color:rgba(var(--accent-primary-rgb),.55);background:rgba(var(--accent-primary-rgb),.14)}.editor-board-link:active{transform:translateY(0)}.editor-board-link:focus{display:flex;outline:none;box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.18)}.editor-mention{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;gap:6px;align-items:center;padding:2px 8px;border:1px solid rgba(var(--accent-primary-rgb),.35);border-radius:999px;font-weight:700;line-height:1.25;color:rgba(255,255,255,95%);vertical-align:baseline;background:rgba(var(--accent-primary-rgb),.6)}.editor-mention__at{opacity:.85}.editor-mention__label{font-size:13px;letter-spacing:.2px}.editor-mention--clickable{cursor:pointer}.editor-mention--clickable:hover{border-color:rgba(var(--accent-primary-rgb),.55);background:rgba(var(--accent-primary-rgb),.24)}.editor-mention--selected{outline:2px solid rgba(var(--accent-primary-rgb),.7);outline-offset:2px}.editor-mention--draft{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.editor-mention__input{width:min-content!important;min-width:50px;max-width:220px;margin:0;padding:2px;border:0!important;font:inherit;font-size:13px;font-weight:700;line-height:1.25;color:rgba(255,255,255,95%);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:0!important;box-shadow:none!important}.editor-mention__input:focus,.editor-mention__input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}.editor-mention__input::placeholder{font-weight:600;color:rgba(255,255,255,55%)}@media (prefers-reduced-motion:reduce){.chat,.message{animation:none}.message{transition:none}.chat__loading,.chat__loading-more{animation:none}}.editor-mention--self{border-color:var(--mention-self-border);color:var(--mention-self-fg);background:var(--mention-self-bg)}.editor-mention--self .editor-mention__at{opacity:.95}.editor-mention--self.editor-mention--selected{outline:2px solid var(--mention-self-border);outline-offset:2px}