/* A single inbox, then a dedicated conversation. Shared light/dark tokens. */
.ci-inbox{max-width:880px;margin:0 auto}.ci-mode{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:880px;margin:0 auto 24px;font-size:13px}.ci-mode .tw-badge{font-size:11px;padding:4px 9px}.ci-mode>button{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);min-height:36px}.ci-mode svg{width:15px;height:15px}.ci-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:29px}.ci-title h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2}.ci-title p{font-size:15px;color:var(--muted);margin-top:8px}.ci-slots{border:1px solid var(--line);border-radius:14px;padding:9px 12px;text-align:center;font-size:12px;color:var(--muted);white-space:nowrap}.ci-slots b{display:block;font-size:22px;color:var(--ink);margin-bottom:2px}.ci-section{margin:0 0 29px;min-width:0}.ci-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.ci-section-heading h2{font-size:20px;letter-spacing:-.4px;line-height:1.35}.ci-section-heading h2>span{font-size:12px;background:var(--soft);color:var(--ink);border-radius:20px;min-width:22px;display:inline-grid;place-items:center;vertical-align:middle;padding:3px 6px;margin-left:5px}.ci-section-heading>span{font-size:12px;color:var(--muted)}.ci-invite-rail{display:flex;gap:11px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.ci-invite-card{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:10px;padding:14px;min-width:225px;max-width:270px;flex:1;text-align:left;border:1px solid #ac8bc780;border-radius:18px;background:var(--soft)}.ci-invite-card>.yoi-avi{width:55px;height:62px;stroke:none;max-width:none;flex-shrink:0}.ci-invite-card b{display:block;font-size:17px}.ci-invite-card small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.ci-invite-link{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;border-top:1px solid var(--line);padding-top:9px}.ci-invite-link svg{width:16px;height:16px}.ci-available-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:none}.ci-available-person{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:76px;flex:0 0 76px;min-height:105px;padding:0}.ci-available-person>.yoi-avi{width:72px;height:76px;max-width:none;stroke:none;border:1px solid var(--line);border-radius:22px;background:var(--surface,var(--white))}.ci-available-person>b{font-size:13px;font-weight:650}.ci-available-person>span:last-child{position:absolute;right:0;top:54px;background:var(--ink);color:var(--bg);border:3px solid var(--bg);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.ci-available-person>span:last-child svg{width:12px;height:12px;stroke-width:2.5}.ci-section-note,.ci-quiet{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}.ci-quiet{padding:12px 15px;border:1px dashed var(--line);border-radius:12px}.ci-chat-list{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface,var(--white))}.ci-chat-row{display:flex;width:100%;gap:14px;align-items:center;text-align:left;padding:17px 16px;border-bottom:1px solid var(--line);min-height:104px}.ci-chat-row:last-child{border-bottom:0}.ci-chat-row>.yoi-avi{width:66px;height:72px;stroke:none;max-width:none;flex-shrink:0}.ci-chat-row>svg{width:16px;height:16px;flex-shrink:0;color:var(--muted)}.ci-row-copy{display:block;flex:1;min-width:0}.ci-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ci-row-top b{font-size:18px;font-weight:750}.ci-row-top time{font-size:11px;color:var(--muted);white-space:nowrap}.ci-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.5;color:var(--muted);margin-top:6px}.ci-row-status{display:inline-flex;gap:5px;align-items:center;font-size:11px;line-height:1.5;margin-top:6px;color:var(--muted)}.ci-row-status.needs-reply{color:var(--ink);font-weight:750}.ci-row-status i{width:6px;height:6px;background:#df7c64;border-radius:50%}.ci-empty{border:1px solid var(--line);border-radius:18px;padding:25px;text-align:center;background:var(--surface,var(--white))}.ci-empty>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soft);margin-bottom:14px}.ci-empty h3{font-size:18px;line-height:1.4}.ci-empty p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:9px}.ci-archive{font-size:14px;color:var(--muted);margin:8px 0 25px}.ci-archive summary{padding:15px 0;cursor:pointer}.ci-archive summary>span{margin-left:8px;font-weight:700}.ci-archive .ci-chat-list{margin-top:10px}.tw-inbox-page .footer{display:none}
.ci-conversation{height:min(800px,calc(100dvh - 170px));min-height:420px;max-width:880px;margin:auto;display:flex;flex-direction:column;background:var(--surface,var(--white));border:1px solid var(--line);border-radius:22px;overflow:hidden}.ci-chat-header{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 16px;flex-shrink:0;background:var(--surface,var(--white))}.ci-icon-button{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;padding:9px}.ci-icon-button:hover{background:var(--soft)}.ci-back svg{transform:rotate(180deg);width:22px}.ci-chat-header>.yoi-avi{width:46px;height:51px;max-width:none;stroke:none;flex-shrink:0}.ci-chat-header>div{flex:1;min-width:0}.ci-chat-header h1{font-size:21px;letter-spacing:-.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-chat-header p{font-size:12px;color:var(--muted);margin-top:5px}.ci-chat-context{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 18px;background:var(--bg);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.5;flex-shrink:0}.ci-chat-context strong{font-size:11px;color:var(--ink)}.ci-timeline{display:flex;flex-direction:column;gap:17px;flex:1;min-height:0;padding:20px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--bg)}.ci-day{text-align:center;align-self:center;color:var(--muted);font-size:11px;padding:5px 12px;border:1px solid var(--line);border-radius:20px;margin:3px 0 6px}.ci-timeline .tw-event{max-width:86%}.ci-timeline .tw-event>div{font-size:16px;line-height:1.6;padding:12px 15px}.ci-timeline .tw-event.other>div{background:var(--surface,var(--white))}.ci-timeline .tw-event small{font-size:10px;line-height:1.5;margin:5px 4px 0}.ci-timeline .tw-event.system{max-width:100%}.ci-timeline .tw-event.system>div{font-size:12px}.ci-waiting{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:4px;line-height:1.5}.ci-waiting i{display:block;width:5px;height:5px;background:var(--muted);border-radius:50%}.ci-waiting i:last-of-type{margin-right:5px}.ci-composer{display:flex;align-items:flex-end;gap:10px;padding:13px 16px;border-top:1px solid var(--line);background:var(--surface,var(--white));flex-shrink:0}.ci-composer textarea{font-size:16px;line-height:1.5;min-height:48px;height:48px;max-height:130px;padding:11px 15px;resize:none;overflow-y:hidden;border-radius:23px;flex:1;min-width:0;background:var(--bg);color:var(--ink);border-color:var(--line)}.ci-send{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#fb786b;color:#291d29;padding:12px}.ci-send>svg{width:23px;height:23px}.ci-invite-footer{display:grid;gap:10px;padding:16px;border-top:1px solid var(--line);flex-shrink:0}.ci-invite-footer>button{width:100%;min-height:48px;font-size:15px;justify-content:center}.ci-chat-footer{font-size:13px;line-height:1.6;color:var(--muted);padding:16px;text-align:center;border-top:1px solid var(--line);flex-shrink:0}.ci-chat-footer button{display:block;margin:9px auto 0;color:var(--ink);font-weight:700;min-height:36px}.ci-menu-options{display:grid;gap:12px}.ci-menu-options button{min-height:50px;justify-content:flex-start;text-align:left;white-space:normal}.ci-conversation>.tw-error{margin:0;border-radius:0;border-width:0 0 1px;padding:12px 16px;max-height:38%;overflow:auto;flex-shrink:0;font-size:13px}.ci-conversation .tw-error .tw-actions{margin-top:10px}.ci-conversation .tw-error button{font-size:12px;min-height:35px;padding:8px}.ci-conversation>.tw-quota{margin:0;border-radius:0;flex-shrink:0}.tw-conversation-page .footer{display:none}
html[data-theme=dark] .ci-invite-card{background:#2b2538;border-color:#6e547f}html[data-theme=dark] .ci-available-person>span:last-child{background:#cbb1e8;color:#282033}html[data-theme=dark] .ci-timeline .tw-event.me>div{background:#354d43;color:#f1f4ef}
@media(max-width:800px){.tw-inbox-page .main{padding-top:17px}.ci-mode{margin-bottom:15px}.ci-title{margin-bottom:24px}.ci-title h1{font-size:32px}.ci-title p{font-size:14px;margin-top:6px}.ci-slots{font-size:11px;padding:7px 10px}.ci-slots b{font-size:20px}.ci-section{margin-bottom:24px}.ci-section-heading h2{font-size:18px}.ci-section-heading>span{font-size:11px}.ci-invite-card{min-width:196px;max-width:230px;padding:12px;gap:8px;grid-template-columns:49px minmax(0,1fr)}.ci-invite-card>.yoi-avi{width:49px;height:54px}.ci-invite-card b{font-size:16px}.ci-invite-link{font-size:12px}.ci-available-person{width:70px;flex-basis:70px;min-height:96px}.ci-available-person>.yoi-avi{width:65px;height:69px}.ci-available-person>span:last-child{top:48px}.ci-available-person>b{font-size:12px}.ci-available-rail{gap:12px}.ci-chat-row{padding:14px 12px;gap:11px;min-height:94px}.ci-chat-row>.yoi-avi{width:59px;height:65px}.ci-row-top b{font-size:17px}.ci-preview{font-size:13px}.ci-chat-row>svg{display:none}.ci-row-status{font-size:11px}.tw-conversation-page{overflow:hidden}.tw-conversation-page .xp-app-header,.tw-conversation-page .mobile-nav,.tw-conversation-page #ya-sync-note,.tw-conversation-page .footer{display:none!important}.tw-conversation-page .main{padding:0!important;margin:0!important;min-height:0!important}.tw-conversation-page #app{position:fixed;top:0;left:0;right:0;height:var(--tw-viewport,100dvh);z-index:35;background:var(--bg)}.ci-conversation{height:100%;min-height:0;max-width:none;margin:0;border:0;border-radius:0}.ci-chat-header{padding:10px 12px;gap:9px;min-height:74px}.ci-icon-button{width:37px;height:40px;padding:8px}.ci-chat-header>.yoi-avi{width:43px;height:48px}.ci-chat-header h1{font-size:20px}.ci-chat-header p{font-size:11px}.ci-chat-context{padding:9px 16px;font-size:11px}.ci-timeline{padding:17px 15px}.ci-composer{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.ci-composer textarea{font-size:16px}.ci-invite-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.ci-chat-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.ci-inbox *,.ci-conversation *{scroll-behavior:auto!important}}