/* Comfort, hierarchy and purposeful feedback for the crew interface. */
:root{font-family:'Segoe UI',system-ui,sans-serif}button{transition:background .16s,box-shadow .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}.app{grid-template-columns:68px 248px minmax(0,1fr) 218px}.rail{padding:18px 0;gap:14px}.rail-bottom{border:1px solid #777287;border-radius:50%;width:32px;height:32px;color:#eee8f3;font-size:17px}.community-header,.topbar{height:64px;box-shadow:none}.community-header h1{font-size:16px}.community-header div>span{display:block;margin-top:4px;font-size:11px;color:#776b79}.invite-button{margin:16px 14px 24px;padding:12px;font-weight:600}.channel-scroll{padding:0 12px}.channel{min-height:42px;border-radius:9px;font-size:14px;margin:4px 0}.channel>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-label{color:#716374;letter-spacing:1px;font-size:10px}.section-label button{min-width:30px;min-height:30px;color:#806477}.topbar{gap:12px}.topbar p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-heading h2{white-space:nowrap}.search-wrap input{height:32px;border:1px solid #e0d9cf;border-radius:8px}.members-panel{padding:24px 10px}.member{padding:10px 8px;border-radius:10px}.member-info{min-width:0}.member-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-header h2{letter-spacing:1px}.user-footer{height:68px;min-height:68px}.user-footer button{min-width:30px;height:34px}.messages{padding:24px 28px 0}.message{margin:0 -12px;padding:10px 12px;border-radius:10px}.message-meta time{font-size:11px}.message-text{line-height:1.65}.crew-welcome{position:relative;background:linear-gradient(115deg,#fff0ca,#f5edff 85%);border:1px solid #e6d8c6;border-radius:22px;padding:26px;margin:0 0 28px;overflow:hidden}.crew-welcome .welcome-symbol{background:url('/straw-cloud.svg') center/contain no-repeat;width:94px;height:70px;border-radius:0}.crew-welcome h2{font-size:28px;line-height:1.2;margin-top:12px}.crew-welcome p{line-height:1.6;max-width:480px}.welcome-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.primary,.control-button,.danger-button{min-height:42px;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:600}.composer{position:relative;margin:0 24px;border-radius:15px;background:#fffdf9;box-shadow:0 3px 16px #4c334608;padding:10px}.composer:focus-within{border-color:#ab6c8c;box-shadow:0 0 0 3px #b67f9c15}.composer .emoji-toggle{background:transparent;color:#846078;width:38px;min-width:38px;font-size:25px}.composer .emoji-toggle:hover{background:#f2e8f0}.composer #send-button{width:38px;height:38px;border-radius:10px}.composer-foot{padding-left:26px;font-size:10px;height:30px}.emoji-tray{position:absolute;bottom:calc(100% + 10px);left:0;background:#fffaf3;border:1px solid #dfcfbf;border-radius:16px;padding:10px;display:grid;grid-template-columns:repeat(6,40px);gap:4px;box-shadow:0 12px 40px #40304a25;z-index:8}.composer .emoji-choice{background:transparent;font-size:24px;width:40px;height:40px;padding:4px}.composer .emoji-choice:hover{background:#eee2f4}.voice-view{padding:30px 24px 20px;scroll-padding-bottom:100px}.voice-room-header h2{font-size:32px}.voice-room-header p{line-height:1.6}.voice-controls{position:sticky;bottom:8px;z-index:3;flex-shrink:0;max-width:100%;flex-wrap:wrap;gap:8px;background:#fffaf3f5;box-shadow:0 8px 35px #59405a20;border-radius:18px;padding:12px;backdrop-filter:blur(12px)}.voice-card{min-width:0}.voice-card h3{font-size:15px}.voice-hint{line-height:1.6}#call-health{background:#e9eee4;border:1px solid #d8dfcf;padding:9px 16px;border-radius:20px;font-size:12px;color:#445738}#call-health:empty{display:none}.connection-chip{flex-shrink:0;border-radius:20px;background:#e8eee5;color:#43603d;font-size:11px;padding:7px 10px;white-space:nowrap}.connection-chip[data-quality=fair]{background:#fff0cf;color:#745818}.connection-chip[data-quality=slow]{background:#f7e0e3;color:#983049}.help-step{display:flex;gap:14px;margin:20px 0}.help-step>b{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:#f2dfb4;border-radius:50%;color:#805638}.help-step h3{margin:2px 0 6px;font-size:15px}.help-step p{margin:0;font-size:13px;line-height:1.6}dialog{width:460px;border-radius:20px;padding:28px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#21162988;backdrop-filter:blur(4px)}.motion-setting{display:flex;align-items:center;gap:10px;font-size:13px}.motion-setting input{width:18px;height:18px;margin:0;accent-color:#ae3650}.calm *,.calm *::before,.calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.privacy-copy{font-size:13px;line-height:1.7}.toast{border-radius:12px;box-shadow:0 8px 25px #34283e30}.channel.selected{font-weight:600}
@media(max-width:1200px){.topbar p,.topbar-divider{display:none}.app{grid-template-columns:68px 230px minmax(0,1fr) 200px}.search-wrap input{width:130px}}
@media(max-width:1100px){.app{grid-template-columns:68px 230px minmax(0,1fr)}.members-panel.open{top:64px}}
@media(max-width:700px){.app{grid-template-columns:1fr}.sidebar.open{top:64px}.topbar{gap:8px;padding:0 10px}.search-wrap{display:none}.connection-chip{margin-left:auto;font-size:10px;padding:7px}.messages{padding:16px 14px 0}.crew-welcome{padding:20px}.crew-welcome h2{font-size:24px}.welcome-actions{gap:6px}.composer{margin:0 12px}.voice-view{padding:22px 12px}.voice-controls{bottom:0;padding:8px;gap:6px}.voice-controls button{font-size:12px;padding:9px 11px;min-height:42px}.voice-cards{grid-template-columns:1fr}.voice-room-header h2{font-size:27px}}