.tc-shell{--tc-purple:#291b35;--tc-accent:#2089ff;position:relative;display:grid;grid-template-columns:238px minmax(0,1fr);height:calc(100dvh - 180px - var(--tt-banner-height,0px));min-height:560px;max-height:1000px;border:1px solid #dce3ee;border-radius:16px;overflow:hidden;background:white;box-shadow:0 12px 32px #1623390b;text-align:left}.tc-shell.tc-thread-open{grid-template-columns:220px minmax(300px,1fr) 330px}.tc-shell *{box-sizing:border-box}.tc-shell button,.tc-shell input,.tc-shell textarea{font:inherit}.tc-rail{background:var(--tc-purple);color:#e6ddef;display:flex;flex-direction:column;padding:20px 12px;overflow:hidden}.tc-brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:850}.tc-logo{background:#16a36b;color:white;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.tc-beta{font-size:9px;letter-spacing:.1em;color:#d5b8ff;background:#4a335c;padding:4px 5px;border-radius:5px}.tc-rail-note{font-size:11px;line-height:1.5;color:#b7a6c8;padding:0 5px}.tc-rail-list{flex:1;overflow:auto;padding:8px 0}.tc-rail-list h3{font-size:10px;letter-spacing:.1em;color:#ac98c0;margin:22px 8px 9px}.tc-channel{border:0;display:flex;align-items:center;gap:8px;background:transparent;color:#d4c9dd;border-radius:7px;padding:8px 10px;width:100%;text-align:left;cursor:pointer}.tc-channel:hover{background:#ffffff12}.tc-channel.tc-selected{background:#645082;color:white}.tc-channel-icon{font-size:16px;opacity:.8}.tc-channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px}.tc-unread{background:#f8efff;color:#422457;font-size:10px;font-weight:800;border-radius:10px;padding:2px 6px}.tc-new-message{background:#ffffff12;color:white;border:1px solid #ffffff30;border-radius:8px;padding:10px;text-align:left;cursor:pointer;margin-top:12px}.tc-rail-action{background:transparent;border:0;color:#cdb9dc;padding:8px;text-align:left;cursor:pointer;font-size:12px!important}.tc-rail-action:hover{color:white}.tc-room{display:flex;flex-direction:column;min-width:0;min-height:0}.tc-search{display:flex;gap:7px;padding:12px 18px;border-bottom:1px solid #e8edf4;background:#f8faff}.tc-search input{min-width:0;flex:1;border:1px solid #dce3ed;border-radius:7px;padding:8px 11px;font-size:12px}.tc-btn{border:1px solid #d8e0ec;border-radius:7px;padding:7px 10px;background:white;color:#33435b;cursor:pointer;font-size:12px!important}.tc-room-head{padding:16px 22px;border-bottom:1px solid #e9edf3;display:flex;justify-content:space-between;align-items:center;gap:14px}.tc-room-head h2{font-size:18px;margin:0 0 4px;color:#1a2a41}.tc-room-head p{font-size:11px;color:#748198;margin:0;line-height:1.5}.tc-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tc-member-count{font-size:11px;color:#718096;white-space:nowrap}.tc-external{font-size:9px;background:#fff4d6;color:#855e06;padding:3px 6px;border:1px solid #f1dba4;border-radius:5px;white-space:nowrap}.tc-notice{font-size:10px;line-height:1.5;padding:7px 22px;background:#f1f7ff;color:#557699;border-bottom:1px solid #e7eef8;min-height:28px}.tc-error{color:#a52232!important;background:#fff0f1!important}.tc-messages{flex:1;overflow:auto;padding:12px 0;min-height:80px;scrollbar-width:thin}.tc-message{padding:10px 22px;display:flex;gap:12px}.tc-message:hover{background:#f8faff}.tc-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:8px;color:white;display:grid;place-items:center;font-weight:800;font-size:11px}.tc-message-content{min-width:0;flex:1}.tc-message-meta{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:12px;flex-wrap:wrap}.tc-message-meta time{font-size:10px;color:#8a94a5}.tc-message-body{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#2b384b}.tc-message-body a{color:#1770ce}.tc-message-actions{display:flex;gap:5px;align-items:center;margin-top:5px;flex-wrap:wrap}.tc-reaction{background:#f5f7fb;border:1px solid #e3e8f0;border-radius:10px;padding:2px 7px;font-size:10px!important;cursor:pointer}.tc-reaction.tc-mine{background:#e7f2ff;border-color:#87baff}.tc-emoji-picker{font-size:10px;color:#8290a4;position:relative}.tc-emoji-picker summary{cursor:pointer;list-style:none;padding:2px 5px}.tc-emoji-picker>div{display:flex;background:white;border:1px solid #dce3ed;padding:5px;border-radius:7px;position:absolute;z-index:5;box-shadow:0 3px 12px #20304a20}.tc-emoji{border:0;background:white;padding:5px;cursor:pointer}.tc-text-btn{border:0;background:transparent;color:#1871c7;font-size:10px!important;cursor:pointer;padding:3px 6px}.tc-day{position:relative;text-align:center;font-size:10px;font-weight:700;color:#62718a;margin:18px 22px 10px;border-top:1px solid #edf0f5;padding-top:12px}.tc-empty{padding:50px 28px;color:#8b97a8;font-size:13px;text-align:center;line-height:1.8}.tc-compose-wrap{padding:12px 18px 18px}.tc-composer{border:1px solid #cfd9e6;border-radius:10px;overflow:hidden;background:white}.tc-composer textarea{border:0;width:100%;resize:vertical;min-height:65px;padding:13px;font-size:13px;outline:0;color:#20324b;background:transparent}.tc-compose-actions{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#f8faff;border-top:1px solid #edf1f7}.tc-compose-hint{font-size:9px;color:#8793a6;flex:1}.tc-send{border:0;background:#2089ff;color:white;padding:8px 17px;border-radius:7px;font-weight:700;font-size:12px!important;cursor:pointer}.tc-shell button:disabled{opacity:.45;cursor:wait}.tc-files,.tc-pending-files{display:flex;gap:6px;flex-wrap:wrap}.tc-file{display:inline-block;background:#f2f6fb;color:#315778;border:1px solid #dae4ef;border-radius:6px;padding:7px;font-size:10px!important;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}.tc-pending-files{padding:0 10px}.tc-thread{display:none;min-width:0;border-left:1px solid #dce4ef;flex-direction:column;background:#fbfcff;min-height:0}.tc-thread-open .tc-thread{display:flex}.tc-thread-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f1;gap:12px}.tc-thread-head h3,.tc-thread-head h2{margin:0;font-size:16px}.tc-thread-messages{flex:1;overflow:auto}.tc-thread .tc-message{padding:12px}.tc-thread .tc-avatar{width:27px;height:27px;flex-basis:27px;font-size:9px}.tc-thread .tc-compose-wrap{padding:10px}.tc-thread .tc-compose-hint{display:none}.tc-history-btn{display:block;margin:8px auto;border:1px solid #dce4ef;background:white;color:#386080;border-radius:20px;font-size:10px!important;padding:6px 12px;cursor:pointer}.tc-search-result{border-bottom:1px solid #e1e8f1;padding-top:8px}.tc-overlay{position:absolute;inset:0;z-index:30;background:#17263d65;display:grid;place-items:center;padding:20px}.tc-modal{background:white;box-shadow:0 15px 65px #0004;border-radius:14px;width:min(600px,100%);max-height:95%;overflow:auto;padding:0 20px 20px}.tc-modal>.tc-thread-head{margin:0 -20px 16px}.tc-modal h3{font-size:13px;margin:20px 0 6px}.tc-modal p,.tc-modal a{font-size:12px;line-height:1.6}.tc-field{display:block;font-size:12px;font-weight:650;margin:12px 0}.tc-field input:not([type=checkbox]),.tc-field textarea,.tc-modal textarea[readonly]{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #d5deea;border-radius:7px;font:inherit}.tc-field input[type=checkbox]{margin-left:8px}.tc-check{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:12px}.tc-help{color:#6b7d93}.tc-guest-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e6ecf4;font-size:12px;gap:12px}.tc-mobile-nav{display:none}.tc-guest-page{margin:0;background:#edf3fa;color:#21334b;font-family:system-ui,sans-serif;padding:18px}.tc-guest-bar{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto 14px}.tc-guest-host{max-width:1600px;margin:auto}.tc-guest-host.tc-shell{height:calc(100dvh - 90px)}.tc-guest-login{max-width:440px;margin:8vh auto;padding:30px;background:white;border:1px solid #dce5ef;border-radius:16px}.tc-guest-login h1{font-size:25px;margin:0 0 10px}.tc-guest-login p{font-size:13px;color:#718198;line-height:1.6}
@media(max-width:1250px){.tc-shell.tc-thread-open{grid-template-columns:185px minmax(260px,1fr) 290px}.tc-thread .tc-message{gap:7px}.tc-thread .tc-message-meta{gap:5px}.tc-rail{padding:15px 9px}.tc-brand{font-size:17px}.tc-room-head{padding:13px}}
@media(max-width:1100px){.tc-shell,.tc-shell.tc-thread-open{grid-template-columns:190px minmax(0,1fr)}.tc-thread-open .tc-thread{position:absolute;right:0;top:0;bottom:0;width:min(390px,calc(100% - 190px));z-index:10;box-shadow:-8px 0 24px #17314c15}.tc-compose-hint{display:none}.tc-head-actions{gap:4px}.tc-external{white-space:normal}.tc-message{padding:10px 14px}.tc-room-head p{max-height:40px;overflow:hidden}}
@media(max-width:650px){.tc-shell,.tc-shell.tc-thread-open{grid-template-columns:minmax(0,1fr);min-height:540px;height:calc(100dvh - 150px - var(--tt-banner-height,0px));border-radius:10px}.tc-rail{display:none}.tc-show-rail .tc-rail{display:flex;position:absolute;left:0;top:0;bottom:0;width:240px;z-index:20;box-shadow:8px 0 25px #1114}.tc-mobile-nav{display:inline-block}.tc-thread-open .tc-thread{width:100%}.tc-search{padding:9px;gap:4px}.tc-search input{font-size:11px}.tc-search>.tc-btn{font-size:10px!important;padding:6px}.tc-head-actions{max-width:130px}.tc-room-head h2{font-size:16px}.tc-compose-wrap{padding:8px}.tc-guest-page{padding:8px}.tc-guest-host.tc-shell{height:calc(100dvh - 70px)}.tc-overlay{padding:10px}}


/* Mention picker and persistent, full-width TaninOS alerts. */
.tc-composer{position:relative}.tc-mention-picker{position:absolute;bottom:100%;left:0;right:0;z-index:20;background:white;border:1px solid #c4b5fd;border-radius:10px;box-shadow:0 8px 28px #312e8130;max-height:260px;overflow:auto;padding:5px}.tc-mention-picker[hidden]{display:none}.tc-mention-option{display:block;width:100%;text-align:left;padding:10px;border:0;background:white;color:#312e81;border-radius:6px;cursor:pointer}.tc-mention-option[aria-selected=true],.tc-mention-option:hover{background:#ede9fe}.tc-mention{color:#4338ca;background:#eef2ff;border-radius:4px;padding:1px 3px;font-weight:700}.tc-mention-self{background:#fef3c7;color:#92400e}
:root{--tc-alert-height:0px}body .app{min-height:calc(100vh - var(--tt-banner-height,0px) - var(--tc-alert-height))}body .app>.side{top:calc(var(--tt-banner-height,0px) + var(--tc-alert-height));height:calc(100dvh - var(--tt-banner-height,0px) - var(--tc-alert-height))}body .voice-dock{max-height:calc(100dvh - var(--tt-banner-height,0px) - var(--tc-alert-height) - 28px)}.tc-alert-bar{position:sticky;top:var(--tt-banner-height,0px);z-index:94;display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;gap:10px 20px;padding:12px 20px;background:#433078;color:white;border-bottom:1px solid #c4b5fd;box-shadow:0 3px 12px #312e8120;font-size:14px;line-height:1.4}.tc-alert-bar[hidden]{display:none}.tc-alert-content{display:flex;flex-wrap:wrap;gap:4px 14px;min-width:0}.tc-alert-content strong{white-space:nowrap}.tc-alert-preview{width:100%;max-width:900px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.tc-alert-actions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.tc-alert-bar .tc-btn{background:white;color:#433078;border:1px solid #ddd6fe;font-weight:700;padding:7px 10px;white-space:nowrap}.tc-guest-page .tc-alert-bar{top:0}@media(max-width:850px){.tc-alert-bar{align-items:flex-start;flex-direction:column;padding:10px 12px;gap:8px}.tc-alert-content{width:100%}.tc-alert-preview{max-width:calc(100vw - 24px)}}