/* Original animated straw hat and cloud theme. */
:root{--bg:#f8f6f0;--rail:#232434;--side:#efede6;--panel:#fffdf7;--line:#dedbd2;--text:#292a37;--muted:#6a6875;--mint:#b63548;--peach:#f2c76c;color-scheme:light}
.main{background:#f8f6f0}.sidebar,.members-panel{background:#efede6}.rail{background:#232434}.rail-logo{background:#fff5df url('/straw-cloud.svg') center/44px no-repeat;color:transparent}.community.active{background:#bd3b4d;color:#fff}.rail-add{color:#f1c765}.community-header{background:#fffaf0;border-bottom:1px solid #dfd6c2}.community-header h1{color:#332a35}.invite-button{background:#e9d6a6;color:#5a3c23;border-radius:9px}.invite-button:hover{background:#e5c884}.section-label,.channel,.member-info span,.members-header h2,.members-header span{color:#716b70}.channel.selected{background:#fffaf1;color:#a42e42;box-shadow:inset 3px 0 #bc3549}.channel:hover,.member:hover{background:#e6e2d9}.channel .hash,.channel.selected .hash{color:#a57939}.channel .count{background:#dfd9cd;color:#574c45}.topbar{background:#fffdf8;border-bottom:1px solid #e4ddce}.topbar p{color:#7d7374}.topbar h2{color:#3a3040}.search-wrap input{background:#efede6;color:#302d37}.user-footer{background:#e5e0d6}.self-label span,.user-footer button{color:#726877}.user-footer button:hover{background:#d5cfc2}.voice-status{background:#e6efe4;color:#31694c;border-color:#c8d7c6}.voice-status>span{color:#4b655b}.member-info strong,.message-meta strong,.message-text{color:#39313d}.member .avatar:after{border-color:#efede6}.message:hover{background:#f0ece4}.message-meta time,.typing,.composer-foot{color:#7a727a}.composer{background:#eae5dc;border:1px solid #dfd7c7}.composer textarea{color:#302b36}.composer button,.primary{background:#b93449;color:#fff}.primary:hover,.composer button:hover{background:#96283d}.channel-welcome h2{color:#332c3b}.channel-welcome p{color:#766d78}.welcome-symbol{background:#eadbb8;color:#8d6335}
.voice-view{background:radial-gradient(ellipse at 80% 8%,#e7dffb99,transparent 45%),radial-gradient(ellipse at 20% 30%,#fff2cc,transparent 50%),#faf8f3}.voice-room-header .eyebrow{color:#b33147;font-size:11px;font-weight:800;letter-spacing:3px}.voice-room-header h2{font-size:34px;color:#34273d;letter-spacing:-1px}.voice-room-header p,.voice-empty p,.voice-hint{color:#71667b}.voice-empty .empty-shell{font-size:0;width:200px;height:155px;background:url('/straw-cloud.svg') center/contain no-repeat;filter:drop-shadow(0 14px 18px #bfa9ce35)}.voice-empty h3{color:#463251;font-size:25px}.voice-card{background:#fffcf7;border:1px solid #e6daca;box-shadow:0 8px 28px #5540600b;border-radius:18px;color:#3e3049}.voice-card h3{color:#43354d}.voice-card p{color:#796b7e}.control-button{background:#fffaf0;color:#624858;border:1px solid #dbccba;border-radius:9px}.control-button:hover{background:#efdfbf}.control-button[aria-pressed=true]{background:#e7d9f1;color:#603880}.danger-button{background:#fae2e4;color:#a42740}.screen-card{grid-column:1/-1}.screen-card .call-video{object-fit:contain;max-height:65vh;aspect-ratio:16/9;background:#242032}.screen-card:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#211d2b;padding:24px}.screen-card:fullscreen .call-video{max-height:85vh;width:100%}.screen-card:fullscreen h3,.screen-card:fullscreen p{color:white}#call-health{font-size:12px;min-height:18px;color:#60704e}
.welcome-art{background:radial-gradient(circle at 45% 45%,#ffffff,#eee6fb 58%,#ead7ad);color:#3f304e}.welcome-art .brand,.welcome-art h1,.art-foot{color:#4c344e}.welcome-art .eyebrow{color:#a33447}.welcome-art .big-snail{background:url('/straw-cloud.svg') center/contain no-repeat}.big-snail>*{visibility:hidden}.art-caption p{color:#7a617a}.join-panel{background:#fffdf7;color:#403048}.join-panel h2{color:#403048}.join-panel p,.join-panel label{color:#78677a}.join-panel input{background:#f1ece4;color:#403048;border-color:#ded1bd}.join-panel a{color:#a33146}dialog{background:#fffaf3;color:#403348;border:1px solid #d8cbb7}dialog p,.settings-row p{color:#74677a}dialog input{color:#3a2f43;background:#ede7dd}.eyebrow{color:#93718f}button:focus-visible,a:focus-visible{outline:3px solid #956bb8;outline-offset:3px}.banner,.toast{background:#41344e;color:#fff}.call-video{border-radius:12px}
@keyframes cloud-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes crew-glow{0%,100%{box-shadow:0 0 0 0 #eec46622}50%{box-shadow:0 0 0 7px #eec46600}}
.voice-empty .empty-shell,.rail-logo{animation:cloud-bob 5s ease-in-out infinite}.community.active{animation:crew-glow 3s ease-in-out infinite}.channel[data-room=lounge] .hash:before{content:'☀';font-size:22px}.channel[data-room=study] .hash:before{content:'✦';font-size:22px}.channel[data-room=lounge] .hash,.channel[data-room=study] .hash{font-size:0}
@media(max-width:1000px){.voice-room-header h2{font-size:28px}.voice-controls{flex-wrap:wrap}.voice-view{padding:20px 12px}.voice-empty .empty-shell{width:150px;height:115px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.voice-empty .empty-shell{display:block;margin:0 auto 16px;flex-shrink:0}.voice-controls{background:#eee5d9;border:1px solid #ddcfbe}.settings-row input[type=range]{accent-color:#ad3c55}