@import url("https://api.fontshare.com/v2/css?f[]=general-sans@500,600,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap");:root{--bg:#ffffff;--surface:#f8fafc;--surface-muted:#eef2f6;--peer-bubble:#ffffff;--brand:#0b1f3a;--own-bubble:#0b1f3a;--on-brand:#ffffff;--on-brand-muted:#9fb3c8;--text:#111111;--text-secondary:#586273;--text-muted:#5e6a7b;--border:#e2e8f0;--accent:#0b1f3a;--disabled:#9fb3c8;--overlay:rgba(0,0,0,0.94);--sender:#1d4ed8;--error:#b00020;--notice-bg:#fff7e6;--notice-text:#7a5b00;--shadow-e1:0 1px 4px rgba(11,31,58,0.06);--shadow-e2:0 4px 12px rgba(11,31,58,0.1);--shadow-e3:0 8px 24px rgba(11,31,58,0.16);--font-display:"General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius-bubble:18px;--radius-tail:5px;--radius-md:12px;--radius-sm:8px;--motion-fast:150ms;--motion-base:250ms;--col-max:860px}@media (prefers-color-scheme:dark){:root{--bg:#0b141a;--surface:#15212b;--surface-muted:#1e2c38;--peer-bubble:#15212b;--brand:#1e4976;--own-bubble:#1e4976;--on-brand:#ffffff;--on-brand-muted:#aec2d6;--text:#e8edf2;--text-secondary:#9fb3c8;--text-muted:#93a2b1;--border:#2a3942;--accent:#6ea8fe;--disabled:#3a4a57;--overlay:rgba(0,0,0,0.94);--sender:#6ea8fe;--error:#ff6b6b;--notice-bg:#3a3320;--notice-text:#e6c77a;--shadow-e1:0 1px 4px rgba(0,0,0,0.24);--shadow-e2:0 4px 12px rgba(0,0,0,0.32);--shadow-e3:0 8px 24px rgba(0,0,0,0.44)}}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--surface)}.login-card{width:360px;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 1px 3px rgba(11,31,58,.06),0 8px 24px rgba(11,31,58,.06)}.login-card h1{margin:0 0 6px;font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.01em}.login-card p{margin:0 0 22px;color:var(--text-secondary);font-size:14px}.login-card label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin:14px 0 5px}.login-card input{width:100%;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}.login-card input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.btn-primary{width:100%;margin-top:22px;padding:12px;border:none;border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);font-weight:600;font-size:14px}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.error{color:var(--error)}.error,.notice{margin-top:16px;font-size:13px}.notice{padding:10px 12px;border-radius:var(--radius-sm);background:var(--notice-bg);color:var(--notice-text);line-height:1.45}.link-quiet{display:inline;margin-top:14px;padding:0;border:none;background:none;color:var(--text-secondary);font-size:13px;text-decoration:underline;cursor:pointer}.link-quiet:hover{color:var(--text)}.link-quiet:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px}.app{display:grid;grid-template-columns:360px 1fr;height:100vh}.app.rail-on{grid-template-columns:360px 1fr 320px}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--surface)}.sidebar-head{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-head .me{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text);flex:1 1}.sidebar-head .logout{background:none;border:none;color:var(--text-secondary);font-size:13px}.segment{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--border)}.segment button{flex:1 1;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500}.segment button.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.label-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.label-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.label-chip.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.label-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.label-unread{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:var(--on-brand);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.label-chip.active .label-unread{background:rgba(0,0,0,.28)}.label-add{flex:0 0 auto;width:30px;border-radius:999px;border:1px dashed var(--border);background:transparent;color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer}.label-add:hover{color:var(--text);border-color:var(--text-muted)}.label-assign-wrap{position:relative}.label-assign-btn{padding:6px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.label-assign-btn.active,.label-assign-btn:hover{color:var(--text);border-color:var(--text-muted)}.label-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:240px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-e3)}.label-menu-head{font-size:12px;font-weight:600;color:var(--text-secondary);padding:4px 6px 8px}.label-menu-empty{font-size:13px;color:var(--text-muted);padding:4px 6px 8px}.label-menu-item{display:flex;align-items:center;gap:8px;padding:7px 6px;font-size:14px;color:var(--text);cursor:pointer;border-radius:6px}.label-menu-item:hover{background:var(--surface-muted)}.label-menu-name{flex:1 1}.label-menu-del{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px}.label-menu-del:hover{color:var(--error)}.label-menu-new{width:100%;margin-top:6px;padding:8px;border:1px dashed var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer}.label-menu-new:hover{color:var(--text);border-color:var(--text-muted)}.conv-list{overflow-y:auto;flex:1 1}.conv-item{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:14px 18px;display:flex;align-items:center;gap:12px;color:var(--text)}.conv-item:hover{background:var(--surface-muted)}.conv-item.selected{background:var(--bg);box-shadow:inset 3px 0 0 var(--brand)}.conv-item .body{flex:1 1;min-width:0}.conv-item .title{font-family:var(--font-display);font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:7px}.conv-item .preview{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.badge-coach{font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--on-brand);background:var(--brand);border-radius:4px;padding:1px 6px}.badge-kind{font-size:9px;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-weight:500}.unread{background:var(--brand);color:var(--on-brand);font-size:11px;font-weight:600;border-radius:11px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 6px}.chat{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.chat-head{padding:16px 22px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-weight:600;font-size:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-close,.rail-toggle{font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;white-space:nowrap}.chat-close{padding:6px 10px;line-height:1;cursor:pointer}.chat-close:hover{background:var(--surface-muted);color:var(--text)}.chat-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.chat-head .sub{font-family:var(--font-body);font-size:12.5px;color:var(--text-secondary);font-weight:400;margin-top:2px}.messages{flex:1 1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:8px}.row{display:flex;max-width:var(--col-max);width:100%;margin:0 auto}.row.own{justify-content:flex-end}.bubble{max-width:70%;padding:9px 13px;border-radius:var(--radius-bubble);font-size:14px;line-height:1.4;word-wrap:break-word}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere}.row.own .bubble{background:var(--own-bubble);color:var(--on-brand);border-bottom-right-radius:var(--radius-tail)}.row.peer .bubble{background:var(--peer-bubble);color:var(--text);border-bottom-left-radius:var(--radius-tail);box-shadow:var(--shadow-e1)}.bubble .sender{font-size:11.5px;font-weight:600;color:var(--sender);margin-bottom:2px}.bubble .meta{font-size:10.5px;margin-top:4px;text-align:right}.row.own .bubble .meta{color:var(--on-brand-muted)}.bubble.tombstone,.row.peer .bubble .meta{color:var(--text-muted)}.bubble.tombstone{font-style:italic;background:var(--surface-muted)!important}.composer{display:flex;gap:10px;padding:16px 22px;border-top:1px solid var(--border);max-width:var(--col-max);width:100%;margin:0 auto;position:relative}.composer input,.composer textarea{flex:1 1;padding:12px 16px;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}.composer textarea{resize:none;line-height:1.4;font-family:inherit;max-height:140px;overflow-y:auto}.composer input:focus,.composer textarea:focus{outline:none;border-color:var(--brand)}.composer button{padding:0 22px;border-radius:22px;border:none;background:var(--brand);color:var(--on-brand);font-weight:600}.composer button:disabled{opacity:.4;cursor:not-allowed}.empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.bubble-wrap{position:relative;max-width:70%;display:flex;flex-direction:column}.row.own .bubble-wrap{align-items:flex-end}.bubble{max-width:100%}.msg-actions{position:absolute;top:-32px;display:none;gap:4px;z-index:2;background:var(--bg);padding:2px;border-radius:16px}.row.own .msg-actions{right:0}.row.peer .msg-actions{left:0}.bubble-wrap:hover .msg-actions{display:flex}.msg-actions:after{content:"";position:absolute;top:100%;left:-8px;right:-8px;height:12px}.msg-actions button{width:26px;height:26px;border-radius:50%;color:var(--text-secondary);font-size:13px;line-height:1;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(11,31,58,.1)}.emoji-picker,.msg-actions button{border:1px solid var(--border);background:var(--bg);display:flex}.emoji-picker{gap:2px;margin-top:4px;padding:4px;border-radius:22px;box-shadow:0 4px 16px rgba(11,31,58,.12)}.emoji-picker button{width:30px;height:30px;border:none;background:none;border-radius:50%;font-size:17px}.emoji-picker button:hover{background:var(--surface-muted)}.reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.reaction-chip{font-size:12px;padding:2px 8px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.reaction-chip.mine{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--text)}.reply-quote{border-left:3px solid;padding:2px 0 2px 8px;margin-bottom:5px;opacity:.85;display:flex;flex-direction:column;font-size:12.5px}.reply-quote-sender{font-weight:600}.reply-quote-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.reply-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--col-max);width:100%;margin:0 auto;padding:10px 22px 0}.reply-bar-text{border-left:3px solid var(--brand);padding-left:10px;display:flex;flex-direction:column;min-width:0}.reply-bar-label{font-size:12px;font-weight:600;color:var(--brand)}.reply-bar-body{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar>button{border:none;background:var(--surface-muted);color:var(--text-secondary);width:26px;height:26px;border-radius:50%;flex-shrink:0}.rail{border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;min-height:0}.rail-head{padding:18px;border-bottom:1px solid var(--border)}.rail-title{font-family:var(--font-display);font-weight:600;font-size:15px}.rail-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.rail-section{padding:16px 18px;border-bottom:1px solid var(--border)}.rail-section-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.mute-toggle{width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px}.mute-toggle.muted{border-color:var(--brand);color:var(--brand)}.member{gap:11px;padding:7px 0}.avatar,.member{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:var(--brand);color:var(--on-brand);justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.member-body{min-width:0}.member-name{font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:6px}.member-you{font-size:9px;font-weight:600;background:var(--surface-muted);border-radius:4px;padding:1px 5px;text-transform:uppercase}.member-role,.member-you{color:var(--text-secondary)}.member-role{font-size:11.5px;margin-top:1px}.avatar-img{object-fit:cover}.conv-icon-img{object-fit:cover}.conv-icon-img,.conv-icon-placeholder{width:36px;height:36px;border-radius:50%;flex-shrink:0}.conv-icon-placeholder{background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;font-family:var(--font-display)}.rail-group-icon{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;margin-bottom:8px}.attachments{display:flex;flex-direction:column;gap:6px;margin-top:4px}.attachment-loading{font-size:12px;color:var(--text-muted)}.attachment-img{max-height:300px;cursor:zoom-in;object-fit:cover}.attachment-img,.attachment-video{display:block;max-width:260px;border-radius:var(--radius-sm)}.attachment-pdf-card{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 6%,transparent);text-decoration:none;color:var(--text);font-size:13px;max-width:260px}.attachment-pdf-icon{font-size:18px;line-height:1;flex-shrink:0}.attachment-pdf-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-preview-card{display:block;max-width:320px;margin-top:6px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;background:var(--surface)}.link-preview-img{display:block;width:100%;max-height:160px;object-fit:cover}.link-preview-body{padding:8px 10px}.link-preview-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.link-preview-desc{font-size:12px;color:var(--text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-preview-url{font-size:11px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player{gap:8px;padding:6px 0;min-width:180px;max-width:260px}.audio-play-btn,.audio-player{display:flex;align-items:center}.audio-play-btn{width:32px;height:32px;border-radius:50%;border:none;background:color-mix(in srgb,var(--text) 14%,transparent);color:var(--text);font-size:13px;justify-content:center;flex-shrink:0}.row.own .audio-play-btn{background:color-mix(in srgb,var(--on-brand) 20%,transparent);color:var(--on-brand)}.audio-track{flex:1 1;height:24px;display:flex;align-items:center}.audio-waveform{width:100%;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,color-mix(in srgb,currentColor 40%,transparent) 0 2px,transparent 2px 4px)}.audio-dur{font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-shrink:0}.row.own .audio-dur{color:var(--on-brand-muted)}.pending-attach-bar{display:flex;align-items:center;gap:10px;max-width:var(--col-max);width:100%;margin:0 auto;padding:8px 22px 0}.pending-attach-thumb{object-fit:cover}.pending-attach-icon,.pending-attach-thumb{width:48px;height:48px;border-radius:var(--radius-sm);flex-shrink:0}.pending-attach-icon{background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-size:22px}.pending-attach-name{flex:1 1;font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-attach-remove{width:24px;height:24px;border-radius:50%;border:none;background:var(--surface-muted);color:var(--text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attach-error{max-width:var(--col-max);width:100%;margin:0 auto;padding:4px 22px 0;font-size:12.5px;color:var(--error)}.attach-btn,.mic-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attach-btn:hover,.mic-btn:hover{background:var(--surface-muted)}.attach-btn:disabled,.mic-btn:disabled{opacity:.4;cursor:not-allowed}.recording-bar{display:flex;align-items:center;gap:10px;flex:0 0 auto}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--error);animation:rec-pulse 1s ease-in-out infinite;flex-shrink:0}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.rec-duration{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--error);min-width:36px}.rec-stop{padding:6px 14px;border-radius:22px;border:1px solid var(--error);background:none;color:var(--error);font-size:13px;font-weight:500}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}.gallery-thumb{position:relative;aspect-ratio:1;display:block;overflow:hidden;border-radius:4px;background:var(--surface-muted)}.gallery-thumb img,.gallery-thumb video{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumb-loading{width:100%;height:100%;background:var(--surface-muted)}.gallery-play{position:absolute;inset:0;font-size:18px;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}.gallery-play,.profile-trigger{display:flex;align-items:center;justify-content:center}.profile-trigger{width:32px;height:32px;border-radius:50%;border:none;background:var(--brand);color:var(--on-brand);font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden;cursor:pointer}.profile-trigger:hover{opacity:.85}.profile-trigger-img{width:100%;height:100%;object-fit:cover}.rail-close-btn{border:none;background:var(--surface-muted);color:var(--text-secondary);width:26px;height:26px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.profile-section{text-align:center}.profile-avatar-wrap,.profile-section{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:26px}.profile-avatar-btn{padding:7px 16px;border-radius:22px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:12.5px;font-weight:500}.profile-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.profile-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.profile-role{font-size:12.5px;color:var(--text-secondary);margin-top:-4px}.btn-sm,.btn-xs{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body)}.btn-sm{padding:6px 12px;font-size:13px}.btn-xs{padding:3px 8px;font-size:12px}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--surface-muted)}.btn-danger{border-color:var(--error);color:var(--error);background:transparent}.btn-danger:hover{background:var(--error);color:var(--on-brand)}.edit-actions{display:flex;gap:8px;margin-top:8px}.group-desc-edit{display:flex;flex-direction:column;gap:6px}.group-desc-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;font-size:14px;font-family:var(--font-body);color:var(--text);background:var(--bg)}.group-desc-view{display:flex;flex-direction:column;gap:6px}.group-desc-text{font-size:14px;color:var(--text)}.group-desc-empty{color:var(--text-muted);font-style:italic}.rail-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.assign-picker{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding:8px;background:var(--surface-muted);border-radius:var(--radius-sm)}.assign-row{justify-content:flex-start;width:100%}.member-actions{display:flex;gap:6px;margin-top:4px}svg{flex-shrink:0;display:block}.attach-btn,.audio-play-btn,.btn-primary,.btn-sm,.btn-xs,.chip,.conv-item,.emoji-picker button,.login-card input,.logout,.mic-btn,.msg-actions button,.mute-toggle,.profile-trigger,.segment button,.send-btn{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease}.conv-item:focus-visible,button:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 38%,transparent)}.attach-btn:active,.audio-play-btn:active,.btn-primary:active:not(:disabled),.conv-item:active,.mic-btn:active,.mute-toggle:active,.segment button:active{opacity:.82}.mute-toggle{display:flex;align-items:center;gap:8px}.attach-btn,.audio-play-btn,.mic-btn{justify-content:center}.attachment-pdf-icon,.gallery-play{display:inline-flex;align-items:center;justify-content:center}.skeleton{background:var(--surface-muted);border-radius:8px;display:block;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.conv-skeleton{padding:4px 0}.skel-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.skel-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skel-lines{flex:1 1;display:flex;flex-direction:column;gap:8px}.skel-line-1{width:55%;height:13px}.skel-line-2{width:80%;height:11px}.empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 40px;text-align:center}.empty-mark{width:56px;height:56px;border-radius:50%;background:var(--surface-muted);position:relative;margin-bottom:4px}.empty-mark:after{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;background:var(--border)}.empty-mark-error{background:color-mix(in srgb,var(--error,#B00020) 18%,var(--surface-muted))}.empty-mark-error:after{background:var(--error,#B00020)}.empty-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.empty-hint{font-size:13px;color:var(--text-secondary);max-width:320px;line-height:1.45}.conv-item{animation:conv-enter var(--motion-base) ease both}@keyframes conv-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skeleton{opacity:.7}.conv-item,.skeleton{animation:none}}.search-box{position:relative;padding:10px 14px;border-bottom:1px solid var(--border)}.search-input{width:100%;background:var(--surface-muted);border:1px solid transparent;border-radius:10px;padding:9px 32px 9px 12px;font-size:13.5px;color:var(--text)}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}.search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:4px;line-height:1}.search-clear:hover{color:var(--text)}.conv-item.search-hit .preview{white-space:normal}.crop-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6);justify-content:center;padding:24px}.crop-card,.crop-overlay{display:flex;align-items:center}.crop-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;flex-direction:column;gap:16px;box-shadow:var(--shadow-e3)}.crop-title{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--text)}.crop-viewport{position:relative;overflow:hidden;border-radius:12px;background:#000;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crop-viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.crop-img{left:50%;top:50%;max-width:none}.crop-img,.crop-mask{position:absolute;pointer-events:none}.crop-mask{inset:0;border-radius:50%;box-shadow:0 0 0 2000px rgba(0,0,0,.42);outline:2px solid rgba(255,255,255,.85)}.crop-zoom{width:100%;accent-color:var(--brand);cursor:pointer}.crop-actions{display:flex;gap:10px;align-self:stretch}.crop-actions .btn-primary,.crop-actions .btn-sm{flex:1 1}.bubble .sender{display:flex;align-items:center;gap:7px;margin-bottom:4px}.sender-name{font-family:var(--font-display);font-size:14.5px;font-weight:700;color:var(--sender)}.sender-badge{font-size:10px;letter-spacing:.02em}.role-badge,.sender-badge{font-weight:600;padding:1px 7px;border-radius:6px;background:var(--surface-muted);color:var(--text-secondary)}.role-badge{display:inline-block;font-size:11px}.role-maincoach{background:var(--brand);color:var(--on-brand)}.role-readonly{font-size:11px;color:var(--text-muted);margin-left:6px}.dm-new-btn{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease}.dm-new-btn:hover{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.dm-picker-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;width:360px;max-width:92vw;max-height:80vh;gap:12px;box-shadow:var(--shadow-e3)}.dm-picker-card,.dm-picker-list{display:flex;flex-direction:column}.dm-picker-list{overflow-y:auto;gap:2px}.dm-picker-card .search-input{flex-shrink:0}.dm-cand{display:flex;align-items:center;gap:12px;padding:10px 8px;background:none;border:none;border-radius:10px;cursor:pointer;text-align:left;color:var(--text)}.dm-cand:hover{background:var(--surface-muted)}.dm-cand:disabled{opacity:.6;cursor:default}.dm-cand-body{min-width:0}.dm-cand-name{font-weight:600;font-size:14.5px}.dm-cand-role{font-size:12px;color:var(--text-secondary)}.sender-badge-mc{background:var(--brand);color:var(--on-brand)}.chat-board-strip{display:flex;flex-wrap:wrap;gap:8px 18px;padding:8px 18px;border-bottom:1px solid var(--border);background:var(--surface);font-size:12.5px;color:var(--text-secondary)}.cbs-item{display:inline-flex;align-items:baseline;gap:6px;color:var(--text)}.cbs-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.rail-synced-hint{font-weight:500;color:var(--text-muted);text-transform:none;letter-spacing:0}.board-fields{gap:8px}.board-field,.board-fields{display:flex;flex-direction:column}.board-field{gap:1px}.board-field-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.board-field-value{font-size:14px;color:var(--text)}.board-field-link{font-size:14px;color:var(--brand);font-weight:600;text-decoration:none;width:-moz-fit-content;width:fit-content}.board-field-link:hover{text-decoration:underline}.brand-emblem{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:22px;height:22px;flex-shrink:0}.brand-emblem img{display:block;width:100%;height:100%;object-fit:contain}.brand-emblem-lg{width:72px;height:72px;margin:0 auto 10px}.brand-emblem-sm{width:16px;height:16px}.brand-emblem .emblem-light{display:none}@media (prefers-color-scheme:dark){.brand-emblem .emblem-dark{display:none}.brand-emblem .emblem-light{display:block}}.brand-bar{display:flex;align-items:center;gap:9px;padding:13px 18px;border-bottom:1px solid var(--border)}.brand-wordmark{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.01em;color:var(--text)}.brand-footer{align-items:center;gap:7px;padding:10px 14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);text-align:center}.brand-footer,.day-sep{display:flex;justify-content:center}.day-sep{margin:14px 0 10px}.day-sep span{padding:4px 12px;border-radius:999px;background:var(--surface-muted);color:var(--text-secondary);font-size:12px;font-weight:600;box-shadow:var(--shadow-e1)}.slash-dropdown{position:absolute;bottom:calc(100% + 8px);left:14px;right:14px;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-e3);z-index:40}.slash-head{padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.slash-empty{padding:10px 12px;color:var(--text-muted);font-size:13px}.slash-suggestion{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:9px 12px;border:none;background:transparent;cursor:pointer}.slash-suggestion:hover{background:var(--surface-muted)}.slash-title{font-size:14px;font-weight:600;color:var(--text)}.slash-team{font-weight:500;color:var(--text-muted);font-size:12px}.slash-preview{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slash-manage{width:100%;text-align:left;padding:9px 12px;border:none;border-top:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer}.slash-manage:hover{background:var(--surface-muted);color:var(--text)}.tpl-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;max-height:320px;overflow-y:auto}.tpl-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm)}.tpl-item-text{flex:1 1;min-width:0}.tpl-item-title{font-size:14px;font-weight:600;color:var(--text)}.tpl-item-body{font-size:13px;color:var(--text-secondary);white-space:pre-wrap}.tpl-del{flex:0 0 auto;border:1px solid var(--border);background:transparent;color:var(--error);font-size:12px;padding:5px 9px;border-radius:6px;cursor:pointer}.tpl-form{display:flex;flex-direction:column;gap:8px}.tpl-input,.tpl-textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text);font-size:14px}.tpl-textarea{resize:vertical;font-family:inherit}.tpl-hint{font-size:12px;color:var(--text-muted);margin:4px 0 0}.broadcast-btn{flex:0 0 auto;margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.broadcast-btn,.broadcast-btn:hover{background:var(--surface-muted)}.broadcast-info{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.broadcast-info strong{color:var(--text)}.broadcast-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pin-action-wrap{position:relative;display:inline-flex}.pin-menu{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-e2);z-index:45;overflow:hidden}.pin-menu button{display:block;width:auto;height:auto;border-radius:0;box-shadow:none;white-space:nowrap;padding:7px 14px;border:none;background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.pin-menu button:hover{background:var(--surface-muted)}.pin-strip{display:flex;flex-direction:column;gap:1px;padding:6px 14px;background:var(--surface);border-bottom:1px solid var(--border);max-height:120px;overflow-y:auto}.pin-item,.pin-item-text{display:flex;align-items:center;gap:8px}.pin-item-text{flex:1 1;min-width:0;padding:6px 8px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;border-radius:6px}.pin-item-text:hover{background:var(--surface-muted)}.pin-icon{flex:0 0 auto;font-size:12px}.pin-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-unpin{flex:0 0 auto;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 6px}.pin-unpin:hover{color:var(--error)}.older-loading{text-align:center;padding:8px;font-size:12px;color:var(--text-muted)}.ctx-menu{position:fixed;z-index:1000;min-width:210px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-e3)}.ctx-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border:none;background:transparent;color:var(--text);font-size:14px;border-radius:6px;cursor:pointer}.ctx-menu button:hover{background:var(--surface-muted)}.conv-pin{font-size:11px;margin-right:4px}.unread-dot{min-width:12px;width:12px;height:12px;padding:0;border-radius:50%}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgb(0 0 0/.5);animation:modal-fade .15s ease}.modal-box{width:100%;max-width:460px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow-e3);animation:modal-pop .15s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.0625rem;font-weight:600;color:var(--text)}.modal-body{padding:1rem;overflow-y:auto}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mention-dropdown{position:absolute;bottom:calc(100% + .5rem);left:22px;z-index:50;width:240px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow-e2)}.mention-suggestion{display:block;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text);font:inherit;cursor:pointer}.mention-suggestion:focus-visible,.mention-suggestion:hover{background:var(--surface-muted);outline:none}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-box{animation:none}}.tpl-tags{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}.tpl-admin-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 0 2px}.tpl-admin-field{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.tpl-admin-field select{background:var(--surface-muted);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:5px 8px;font-size:13px}.tpl-admin-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}