:root{--color-page-bg: oklch(90% .01 250);--color-app-bg: oklch(95% .006 250);--color-surface: oklch(99% .002 250);--color-sidebar-bg: oklch(97.5% .003 250);--color-border: oklch(92% .005 250);--color-border-strong: oklch(88% .01 250);--color-text: oklch(22% .01 250);--color-text-secondary: oklch(45% .01 250);--color-text-muted: oklch(58% .01 250);--color-accent: oklch(55% .14 220);--color-accent-strong: oklch(50% .13 220);--color-accent-soft: oklch(95% .02 220);--color-accent-soft-strong: oklch(93% .015 220);--color-accent-text: oklch(37% .09 220);--color-danger: oklch(55% .18 25);--color-success-text: oklch(55% .11 150);--color-call-bg: oklch(20% .015 250);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:var(--color-page-bg);color:var(--color-text)}button,input,textarea{font-family:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.icon-button{border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:inherit;font:inherit}.link-button{border:none;background:none;cursor:pointer;padding:0;font:inherit;color:var(--color-accent-text);text-decoration:underline;font-size:11.5px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.invite-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.invite-card{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.invite-logo{width:56px;height:56px;border-radius:16px;background:var(--color-accent);display:flex;align-items:center;justify-content:center}.invite-logo-mark{width:20px;height:20px;border-radius:6px;border:2.5px solid white}.invite-title{font-size:20px;font-weight:800}.invite-subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.invite-banner{background:var(--color-accent-soft);border-radius:12px;padding:12px 16px;font-size:13px;color:var(--color-accent-text)}.text-input{width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--color-border-strong);font-size:15px;outline:none}.primary-button{width:100%;padding:14px;border-radius:12px;border:none;background:var(--color-accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.primary-button:disabled{opacity:.5;cursor:not-allowed}.invite-fineprint{font-size:11.5px;color:var(--color-text-muted);line-height:1.5}.app-shell{height:100vh;display:flex;background:var(--color-app-bg)}.sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-sidebar-bg)}.sidebar-header{padding:16px 18px 12px;display:flex;align-items:center;justify-content:space-between}.tab-group{display:flex;gap:4px;background:#e5e8ec;border-radius:9px;padding:3px}.tab-button{padding:6px 12px;border-radius:7px;font-size:12.5px;font-weight:700;cursor:pointer;border:none;color:var(--color-text-muted);background:transparent}.tab-button.active{background:#fff;color:var(--color-text)}.icon-square-button{width:34px;height:34px;border-radius:10px;background:#e8ebef;flex-shrink:0}.icon-square-button .ring{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-text-secondary)}.sidebar-list{flex:1;overflow-y:auto;padding:4px 8px}.conversation-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.conversation-row.selected{background:var(--color-accent-soft-strong)}.conversation-row-body{flex:1;min-width:0}.conversation-row-top,.conversation-row-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.conversation-name{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.conversation-time{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.conversation-preview{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{width:17px;height:17px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px}.doc-row-icon{width:38px;height:38px;border-radius:9px;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;flex-shrink:0}.sidebar-empty-note{padding:20px 14px;font-size:12.5px;color:var(--color-text-muted);line-height:1.5}.sidebar-footer{padding:12px 18px;display:flex;gap:14px;border-top:1px solid var(--color-border)}.main-panel{flex:1;display:flex;flex-direction:column;min-width:0}.panel-header{padding:14px 22px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-header-title{font-size:15px;font-weight:700}.back-button{display:none;width:30px;height:30px;font-size:20px;color:var(--color-text-secondary);flex-shrink:0}.placeholder-panel{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:13.5px;text-align:center;padding:0 40px}.conversation-header-info{flex:1;min-width:0}.conversation-header-name{font-size:14.5px;font-weight:700}.encryption-note{font-size:11px;color:var(--color-success-text);border:none;background:none;cursor:pointer;text-decoration:underline;padding:0;font-family:inherit}.call-button{width:32px;height:32px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:15px;flex-shrink:0}.pinned-doc-card{margin:14px 22px 0;padding:12px 16px;border-radius:var(--radius-md);background:#ebf3fc;border:1px solid var(--color-border-strong);display:flex;align-items:center;gap:12px}.pinned-doc-icon{width:34px;height:34px;border-radius:8px;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;flex-shrink:0}.pinned-doc-info{flex:1;min-width:0}.pinned-doc-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-doc-meta{font-size:11px;color:var(--color-text-secondary)}.pinned-doc-action{font-size:11.5px;font-weight:700;color:var(--color-accent-strong);cursor:pointer;padding:6px 12px;border-radius:8px;background:var(--color-accent-soft);flex-shrink:0;border:none;font-family:inherit}.message-list{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.bubble{max-width:70%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4}.bubble.mine{background:var(--color-accent);color:#fff}.bubble.theirs{background:#ebeff2;color:#1e2226}.bubble-voice{display:flex;align-items:center;gap:8px}.voice-play-button{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;border:none;color:inherit}.bubble.mine .voice-play-button{background:#009fc1;background:oklch(65% .14 220)}.bubble.theirs .voice-play-button{background:#d3d8de}.voice-bars{display:flex;align-items:center;gap:2px;height:18px}.voice-bar{width:2.5px;border-radius:2px}.bubble.mine .voice-bar{background:#fff}.bubble.theirs .voice-bar{background:#51565b}.voice-duration{font-size:11px;opacity:.8;flex-shrink:0}.bubble-file{display:flex;align-items:center;gap:10px}.file-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.bubble.mine .file-icon{background:#009fc1;background:oklch(65% .14 220)}.bubble.theirs .file-icon{background:#d3d8de}.file-info{min-width:0}.file-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;opacity:.75}.composer{padding:12px 22px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--color-border);flex-shrink:0}.attach-button{width:32px;height:32px;border-radius:50%;background:#ebeff2;color:var(--color-text-secondary);font-size:15px;flex-shrink:0}.message-input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid var(--color-border-strong);font-size:13.5px;outline:none;min-width:0}.send-button{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:13px;flex-shrink:0}.recording-bar{padding:12px 22px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--color-border);flex-shrink:0}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--color-danger);animation:pulse 1.1s infinite;flex-shrink:0}.recording-label{flex:1;font-size:13px;color:var(--color-text-secondary)}.recording-cancel{font-size:12.5px;color:var(--color-text-muted);cursor:pointer;padding:6px 10px;border:none;background:none;font-family:inherit}.recording-send{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:14px;flex-shrink:0}.call-panel{flex:1;background:var(--color-call-bg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:50px 30px}.call-info{text-align:center;color:#fff}.call-encrypted-note{font-size:13px;color:#a9afb4;margin-bottom:6px}.call-name{font-size:20px;font-weight:700}.call-duration{font-size:13px;color:#9a9fa5;margin-top:6px}.call-avatar{width:110px;height:110px;font-size:34px}.call-actions{display:flex;gap:20px}.call-action-button{width:52px;height:52px;border-radius:50%;color:#fff;font-size:18px}.call-action-button.mute{background:#2a2e33}.call-action-button.mute.active{background:var(--color-accent)}.call-action-button.end{background:var(--color-danger)}.call-action-button.speaker{background:#2a2e33}.content-scroll{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px;max-width:440px}.content-scroll.wide{max-width:520px}.info-box{padding:12px 14px;border-radius:10px;background:var(--color-accent-soft);font-size:12px;color:var(--color-accent-text);line-height:1.5}.section-label{font-size:11.5px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:8px}.member-row{display:flex;align-items:center;gap:10px}.member-info{min-width:0}.member-name{font-size:13.5px;color:#2a2e33}.member-email{font-size:11px;color:var(--color-text-muted)}.invite-result{padding:12px 14px;border-radius:10px;background:var(--color-accent-soft);font-size:12px;color:var(--color-accent-text);word-break:break-all}.invite-result-meta{display:block;margin-top:4px;opacity:.7}.feedback-textarea{height:160px;padding:12px;border-radius:10px;border:1px solid var(--color-border-strong);font-size:13.5px;resize:none;outline:none;font-family:inherit}.centered-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;text-align:center}.centered-result-icon{font-size:28px}.centered-result-title{font-size:14.5px;font-weight:700}.centered-result-text{font-size:13px;color:var(--color-text-secondary)}.share-level-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--color-border-strong);cursor:pointer;background:none;text-align:left;font-family:inherit}.share-level-option.selected{border-color:var(--color-accent)}.share-level-dot-ring{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-level-option.selected .share-level-dot-ring{border-color:var(--color-accent)}.share-level-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent)}.share-level-label{font-size:13px;font-weight:600;color:#202429;line-height:1.3;margin-bottom:2px}.share-level-desc{font-size:11.5px;color:var(--color-text-muted);line-height:1.3}@media (max-width: 860px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none}.back-button{display:flex}.app-shell[data-detail-active=true] .sidebar,.app-shell[data-detail-active=false] .main-panel{display:none}}