:root{color-scheme:dark;--bg:#111214;--panel:#191a1e;--raised:#222329;--line:#303137;--yellow:#f1d68a;--purple:#7954d5;--text:#f7f7f8;--muted:#aaaab5;--green:#87d9ae;--red:#ffadab;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none}input,select,textarea{background:#141518;border:1px solid #3b3c43;border-radius:9px;color:var(--text);padding:12px;width:100%;min-width:0}textarea{resize:vertical;min-height:88px}input::placeholder,textarea::placeholder{color:#898994}h1,h2,h3,h4,p{margin-top:0}h1{font-size:32px;font-weight:650;letter-spacing:-1.2px;line-height:1.2}h2{font-size:20px;font-weight:600;letter-spacing:-.45px}h3{font-size:16px;font-weight:600}small{font-size:12px;color:var(--muted)}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.muted{color:var(--muted)}.yellow{color:var(--yellow)}.green{color:var(--green)}.purple-text{color:#c6b3f5}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:grid;gap:16px}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;padding:4px 8px;font-size:11px;color:var(--muted)}.pill.green{color:var(--green);border-color:#2b5542;background:#17291f}.pill.yellow{color:var(--yellow);border-color:#645633;background:#2a251a}.pill.purple-text{background:#30253e;border-color:#514069}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:9px;min-height:40px;padding:10px 16px;font-weight:600;font-size:13px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#2b2c32}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn.primary:hover{background:#8962e4}.btn.yellow-btn{background:var(--yellow);border-color:var(--yellow);color:#24201a}.btn.danger{color:var(--red);border-color:#663b3b}.btn.compact{padding:7px 12px;min-height:34px;font-size:12px}.btn.full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;color:var(--muted);flex:none}.icon-btn:hover{color:var(--text);background:var(--raised)}.text-btn{font-size:12px;font-weight:600;color:var(--muted);display:inline-flex;gap:6px;align-items:center}.text-btn:hover{color:var(--yellow)}.avatar{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#393046;color:#dccaff;font-size:12px;font-weight:650;flex:none;position:relative}.avatar.large{width:64px;height:64px;border-radius:21px;font-size:24px}.avatar .status-dot{position:absolute;bottom:-1px;right:-1px;background:var(--green);border:3px solid var(--panel);width:12px;height:12px;border-radius:50%}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.empty>svg{width:34px;height:34px;color:var(--yellow);margin-bottom:14px}.empty h3{color:var(--text);margin-bottom:8px}.empty p{max-width:390px;margin:0 auto 20px;font-size:13px}.empty .btn{margin:4px}.notice{padding:13px 15px;border:1px solid #4c4230;background:#252118;color:#e1cfa5;border-radius:10px;font-size:12px;line-height:1.6}.notice.info{border-color:#3c3452;background:#211d2b;color:#c8b9e8}.form-error{color:var(--red);font-size:13px;min-height:0}.form-error:empty{display:none}.label{display:block;font-size:12px;color:#d1d1d9;font-weight:600;margin:0 0 7px}label.field{display:block}.field small{display:block;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:9px;font-size:13px;color:#ccc}.check input{width:17px;height:17px;accent-color:var(--purple)}.divider{height:1px;background:var(--line);margin:20px 0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--yellow);color:#111;padding:10px}.skip-link:focus{top:10px}.boot{display:grid;place-items:center;min-height:100vh;align-content:center;gap:20px}.brand-mark{width:38px;height:38px;background:var(--yellow);color:#1b1b1b;display:grid;place-items:center;border-radius:12px;font-size:32px;font-weight:850;font-family:Arial,sans-serif;line-height:1;position:relative}.brand-mark:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--purple);position:absolute;right:5px;top:5px}
/* Application frame */
.shell{display:grid;grid-template-columns:72px 224px minmax(0,1fr);min-height:100vh}.rail{background:#101113;border-right:1px solid #27282e;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 10px;position:sticky;top:0;height:100vh;z-index:20}.rail-logo{margin-bottom:10px}.rail-divider{height:1px;background:var(--line);width:30px;margin:3px 0}.server-orb{width:43px;height:43px;border-radius:15px;background:#24242c;font-size:14px;font-weight:700;display:grid;place-items:center;color:#c9b7ec;position:relative;transition:border-radius .2s}.server-orb:hover,.server-orb.active{border-radius:12px;background:#403056}.server-orb.active:before{content:'';width:3px;height:24px;background:var(--yellow);position:absolute;left:-14px;border-radius:3px}.server-orb.blue{background:#20353d;color:#8ccadc}.server-orb.orange{background:#413025;color:#e5b28d}.server-orb.green{background:#253b30;color:#92ceaf}.rail .rail-bottom{margin-top:auto}.sidebar{background:var(--panel);border-right:1px solid #292a30;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 16px 0;z-index:15}.wordmark{font-size:21px;letter-spacing:-.7px;font-weight:750;display:flex;align-items:center;gap:8px;padding:0 10px 29px}.wordmark .wordmark-dot{width:6px;height:6px;background:var(--yellow);border-radius:50%;margin:7px 0 0 1px}.workspace-label{display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid var(--line);border-radius:9px;font-size:12px;margin-bottom:22px}.workspace-label .icon{width:15px;color:var(--yellow)}.nav-label{font-size:10px;color:#81818e;letter-spacing:1.5px;font-weight:600;margin:18px 11px 11px}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;padding:11px 12px;width:100%;border-radius:8px;font-size:12px;color:#afafb9;text-align:left;position:relative}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#24252a;color:white}.nav-item.active{background:#2e2935;color:#efdcab}.nav-item.active:before{content:'';position:absolute;width:3px;height:17px;left:-16px;background:var(--yellow);border-radius:2px}.nav-count{margin-left:auto;font-size:10px;padding:0 6px;border-radius:4px;background:#414049;color:#ddd}.nav-item .new-dot{margin-left:auto;color:var(--yellow);font-size:8px}.sidebar-scroll{overflow:auto;min-height:0;flex:1}.side-invite{margin:24px 0 16px;border:1px solid #36323e;border-radius:11px;padding:14px;background:linear-gradient(120deg,#27232d,#202126)}.side-invite h4{font-size:12px;margin:10px 0 5px}.side-invite p{font-size:11px;color:#a8a5b0;margin-bottom:12px;line-height:1.6}.side-invite .icon{color:var(--yellow);width:21px}.side-invite .btn{width:100%;font-size:11px}.user-box{display:flex;align-items:center;gap:9px;margin:0 -16px;padding:16px 13px;border-top:1px solid var(--line);background:#17181c;flex:none}.user-box b{font-size:12px;display:block;max-width:105px;overflow:hidden;text-overflow:ellipsis}.user-box small{font-size:10px}.user-box .icon-btn{width:30px;height:32px}.main-wrap{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 34px;background:#141518}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb .icon{width:17px}.breadcrumb b{color:#e7e7ed;font-weight:500}.searchbox{margin-left:auto;display:flex;align-items:center;gap:9px;width:240px;background:#202126;border:1px solid #2c2d32;padding:0 11px;border-radius:8px;height:35px;color:#898995}.searchbox .icon{width:15px}.searchbox input{border:0;padding:0;background:none;font-size:11px;outline:none}.searchbox kbd{font:10px inherit;border:1px solid #414148;border-radius:4px;padding:0 4px}.topbar .topbar-separator{height:23px;width:1px;background:var(--line)}.topbar .icon-btn{width:26px}.mobile-menu{display:none}.content{max-width:1600px;margin:auto;padding:32px 34px 40px}.page-heading{margin-bottom:26px}.page-heading h1{margin-bottom:9px;font-size:28px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.page-heading .date{font-size:11px;color:var(--muted)}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px}.section-head{margin:28px 0 17px}.section-head h2{font-size:17px;margin:0}.section-head .text-btn{font-size:11px}.hero{min-height:250px;background:linear-gradient(115deg,#353021 0%,#39301f 45%,#6d5631 100%);border:1px solid #635335;border-radius:17px;position:relative;overflow:hidden;padding:30px;isolation:isolate}.hero .hero-copy{position:relative;z-index:2;max-width:380px}.hero .eyebrow{color:#e8d499;font-size:9px;letter-spacing:2px;margin-bottom:18px;display:flex;align-items:center;gap:8px}.hero h2{font-size:33px;line-height:1.2;letter-spacing:-1.2px;font-weight:600;margin-bottom:13px}.hero h2 em{font-style:normal;color:var(--yellow)}.hero p{max-width:315px;color:#c9beaa;font-size:12px;line-height:1.8;margin-bottom:21px}.hero .btn{font-size:11px;min-height:36px;padding:9px 13px}.hero-art{position:absolute;width:285px;height:280px;right:-18px;top:4px;z-index:1;opacity:.9}.hero-art .orbit{position:absolute;width:200px;height:200px;border:1px solid #c6a96855;border-radius:50%;left:40px;top:28px;transform:rotate(-25deg) scaleX(.62)}.hero-art .orbit:nth-child(2){transform:rotate(30deg) scaleX(.72)}.hero-art .orbit:nth-child(3){transform:rotate(90deg) scaleX(.6)}.hero-art .sphere{position:absolute;left:80px;top:52px;width:140px;height:140px;border-radius:48% 52% 53% 47%;background:radial-gradient(circle at 27% 24%,#f4df9b 0,#c9a561 34%,#7f6233 70%,#443725 100%);box-shadow:inset -14px -10px 24px #1f1a1955,0 12px 40px #17120c44;transform:rotate(-22deg)}.hero-art .bubble{position:absolute;left:22px;top:64px;width:59px;height:59px;border-radius:18px;background:linear-gradient(135deg,#eee0b3,#d1b673);display:grid;place-items:center;color:#544323;box-shadow:0 8px 24px #100e1744;transform:rotate(-12deg)}.hero-art .bubble .icon{width:28px;height:28px}.hero-art .bubble.two{left:185px;top:159px;background:linear-gradient(135deg,#b197df,#6b4ca0);color:#eee3ff;transform:rotate(12deg);width:49px;height:49px;border-radius:15px}.hero-art .spark{position:absolute;color:#e6cc8c;font-size:24px;right:22px;top:42px}.hero-art .spark.second{font-size:16px;left:63px;top:217px}.hero-foot{display:flex;gap:14px;margin-top:18px;font-size:10px;color:#c6b58d}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:17px}.quick-action{display:flex;align-items:center;text-align:left;gap:10px;padding:17px 14px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.quick-action:hover{background:#232429;border-color:#57525e}.quick-icon{width:35px;height:35px;border-radius:9px;background:#2b2735;color:#bba0ec;display:grid;place-items:center;flex:none}.quick-action:nth-child(2) .quick-icon{background:#2a3029;color:#adca99}.quick-action:nth-child(3) .quick-icon{background:#323026;color:#d7c38d}.quick-action b{display:block;font-size:11px;font-weight:550;margin-bottom:3px}.quick-action small{font-size:9px}.quick-action>.icon{margin-left:auto;width:13px;color:#898894}.filter-tabs{display:flex;gap:6px;margin:0 0 17px;flex-wrap:wrap}.filter-tabs button{padding:7px 13px;color:#9e9ea9;font-size:11px;border:1px solid transparent;border-radius:7px}.filter-tabs button:hover{color:var(--text);background:#202126}.filter-tabs button.active{background:#302c21;color:var(--yellow);border-color:#4c422c}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.community-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel);min-width:0}.community-art{height:94px;position:relative;overflow:hidden;background:#3d3054;isolation:isolate}.community-art:before{content:'';position:absolute;width:120px;height:120px;right:7%;top:-36px;border:20px solid #a080cb55;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 13px #b999dc15,0 0 0 30px #b999dc15}.community-art:after{content:'';position:absolute;width:85px;height:85px;left:16%;top:44px;border:15px solid #b699d46b;border-radius:19px;transform:rotate(32deg)}.community-art.blue{background:#203942}.community-art.blue:before{border-color:#71aab966;border-radius:20px;transform:rotate(24deg)}.community-art.blue:after{border-color:#81c6d755;border-radius:50%}.community-art.orange{background:#493225}.community-art.orange:before{border-color:#c7966455;border-radius:24px;transform:rotate(-35deg)}.community-art.orange:after{border-color:#e3b77d66}.community-art.green{background:#294134}.community-art.green:before{border-color:#93cbb855}.community-art .tag{position:absolute;right:10px;top:10px;background:#11121466;border:1px solid #ffffff1a;font-size:8px;padding:3px 7px;border-radius:5px}.community-card-body{padding:0 15px 15px}.community-card .community-icon{position:relative;margin-top:-19px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:3px solid var(--panel);border-radius:12px;background:#5c477c;color:#dfcefb;font-weight:650;margin-bottom:10px}.community-card .community-icon.blue{background:#346172;color:#b1e1ed}.community-card .community-icon.orange{background:#855a32;color:#f8d6ab}.community-card h3{font-size:12px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-card p{font-size:10px;line-height:1.7;color:#a4a4b0;height:35px;margin-bottom:13px;overflow:hidden}.community-card .meta{font-size:9px;display:flex;align-items:center;gap:6px;color:#a2a2ad;margin-bottom:15px}.community-card .meta .icon{width:12px;height:12px}.community-card .btn{width:100%;font-size:10px;min-height:31px;padding:6px 10px;background:#25262c}.community-card .btn:hover{background:#383040;color:#e7d7ff}.right-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:19px;margin-bottom:19px}.right-card h3{font-size:13px;margin:0}.right-card .between>.icon{width:16px;color:#9b98a5}.right-card .card-subtitle{font-size:10px;color:var(--muted);margin:8px 0 18px}.calendar-box{display:flex;align-items:center;gap:12px;margin:19px 0}.calendar-date{width:42px;min-height:47px;background:#2c2834;border:1px solid #43374f;border-radius:9px;display:grid;place-content:center;text-align:center;color:#d9c8f6;flex:none}.calendar-date small{font-size:8px;color:#c2afd9;text-transform:uppercase}.calendar-date b{font-size:18px;line-height:1.2}.calendar-box .grow b{font-size:11px;display:block;line-height:1.5}.calendar-box .grow small{font-size:9px}.right-card .card-foot{font-size:10px;line-height:1.7;margin-top:13px;color:var(--muted)}.right-card .empty{padding:23px 0 13px}.right-card .empty>svg{width:26px}.right-card .empty p{font-size:10px;margin-bottom:10px}.right-card .empty h3{font-size:12px;margin-bottom:7px}.welcome-list{display:grid;gap:17px;margin-top:20px}.welcome-step{display:flex;align-items:center;gap:11px}.step-icon{width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;color:#b6a0dd;flex:none}.step-icon .icon{width:14px;height:14px}.step-icon.done{color:var(--green);background:#23342b;border-color:#314e3c}.welcome-step b{font-size:10px;font-weight:500;display:block}.welcome-step small{font-size:9px}.welcome-step .icon-btn{width:22px;height:26px;margin-left:auto}.welcome-step .icon-btn .icon{width:13px}.premium-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#2c2634,#1d1c21);border-color:#45394e}.premium-card .eyebrow{font-size:9px;color:var(--yellow);letter-spacing:1px;margin-bottom:12px}.premium-card h3{font-size:15px;line-height:1.5;margin-bottom:9px}.premium-card p{font-size:10px;color:#b3a8bf;line-height:1.8}.premium-card .text-btn{color:#d5c0f5;font-size:10px}.ad-banner{padding:18px 20px;display:flex;gap:15px;align-items:center;border:1px dashed #424139;border-radius:12px;background:linear-gradient(105deg,#24231d,#1b1c1b);margin-top:24px}.ad-symbol{width:38px;height:38px;border:1px solid #494333;color:var(--yellow);border-radius:10px;display:grid;place-items:center;flex:none}.ad-banner .eyebrow{font-size:8px;color:#b0a582;margin-bottom:4px;letter-spacing:1.1px}.ad-banner b{font-size:11px}.ad-banner p{font-size:10px;color:#9e9d92;margin:4px 0 0}.ad-banner .text-btn{font-size:10px;margin-left:auto}.page-footer{margin-top:27px;display:flex;gap:14px;justify-content:space-between;color:#71727c;font-size:9px}.page-footer .dot{width:5px;height:5px;color:#82b097}.onboarding-bar{display:flex;gap:15px;align-items:center;margin-top:24px;padding:19px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.onboarding-bar .quick-icon{width:43px;height:43px}.onboarding-bar h3{font-size:12px;margin:0 0 5px}.onboarding-bar p{font-size:10px;color:var(--muted);margin:0}
/* Forms, dialogs and alternative views */
dialog{border:1px solid #424049;background:#1c1d22;border-radius:18px;color:var(--text);padding:27px;width:min(560px,calc(100vw - 32px));max-height:90vh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#07070ba8;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px;gap:20px}.dialog-head h2{margin:3px 0 8px;font-size:22px}.dialog-head p{font-size:12px;color:var(--muted);margin:0}.dialog-head .icon-btn{margin:-6px -8px 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.form-stack{display:grid;gap:17px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:#302b39;color:#f1e7ff;border:1px solid #67527c;border-radius:11px;padding:13px 20px;z-index:100;box-shadow:0 10px 40px #0007;max-width:calc(100vw - 32px);font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{transform:translateX(-50%) translateY(0);opacity:1}.settings-layout{display:grid;grid-template-columns:180px minmax(0,640px);gap:30px}.settings-nav{display:flex;flex-direction:column;gap:6px}.settings-nav .nav-item.active:before{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel h2{font-size:18px}.list-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row b{font-size:13px}.list-row p{font-size:11px;color:var(--muted);margin:3px 0 0}.list-row .actions{display:flex;gap:6px;flex-wrap:wrap}.profile-preview{display:flex;gap:18px;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.profile-preview h2{margin-bottom:5px}.profile-preview p{color:var(--muted);font-size:12px;margin:0}.badge-box{padding:17px;border:1px solid #4b4030;border-radius:12px;background:#292419;color:#e3cb8b;margin-top:16px}.badge-box p{font-size:12px;margin:6px 0 0;color:#bdad8b}.meeting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.meeting-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.meeting-card h3{margin:17px 0 8px}.meeting-card p{font-size:12px;color:var(--muted);margin-bottom:20px}.meeting-card .between{align-items:start}.meeting-card .meeting-meta{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:13px;white-space:nowrap}th{color:var(--muted);font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.stat b{display:block;font-size:28px}.stat small{font-size:11px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr)}.auth-story{padding:45px 7vw;background:radial-gradient(ellipse at 50% 100%,#453826,#201e1a 55%,#151619);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story .auth-brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:750;letter-spacing:-1px}.auth-story h1{font-size:58px;line-height:1.12;letter-spacing:-3px;margin-top:80px;max-width:520px}.auth-story h1 em{font-style:normal;color:var(--yellow)}.auth-story>p{color:#b9b3a6;max-width:400px;font-size:15px;line-height:1.8}.auth-story .hero-art{position:relative;right:auto;top:auto;align-self:center;margin-top:20px;transform:scale(1.2);height:290px}.auth-story footer{font-size:11px;color:#928a79;margin-top:auto;padding-top:20px}.auth-form-wrap{display:grid;place-items:center;padding:50px 45px;background:#18191d}.auth-form{width:100%;max-width:365px}.auth-form .eyebrow{font-size:10px;color:var(--yellow);margin-bottom:12px}.auth-form h2{font-size:28px;margin-bottom:8px}.auth-form>p{font-size:13px;color:var(--muted);margin-bottom:26px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-grid .btn{font-size:12px;background:#23242a}.google-g{font-weight:750;font-size:17px}.auth-divider{display:flex;align-items:center;gap:13px;color:#898a96;font-size:10px;margin:23px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin-top:22px}.auth-switch button{color:var(--yellow);font-weight:600}.auth-note{font-size:10px;color:#7e7f8b;text-align:center;line-height:1.8;margin-top:30px}.auth-form .form-stack{gap:15px}.auth-form .text-btn{font-size:11px}.server-title{padding:0 9px 16px;margin-bottom:10px;border-bottom:1px solid var(--line)}.server-title h3{font-size:14px;margin-bottom:5px}.server-title small{font-size:10px}.channel-nav{font-size:12px;min-height:38px;padding:9px 10px}.channel-nav.active{background:#302a3a;color:#d2c0ed}.channel-nav .icon{width:16px}.channel-sidebar-head{display:flex;align-items:center;justify-content:space-between}.channel-sidebar-head .icon-btn{width:25px;height:25px}.channel-sidebar-head .icon{width:13px}
/* Chat and media */
.chat-layout{height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) 220px}.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-header{padding:18px 25px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.chat-header h2{font-size:17px;margin:0}.chat-header p{font-size:10px;margin:2px 0 0;color:var(--muted)}.chat-header>.icon{color:#a99bbb}.chat-header .chat-search{width:160px;margin-left:auto;padding:8px 10px;font-size:11px}.message-list{flex:1;overflow:auto;padding:25px;min-height:0;scroll-behavior:smooth}.message{display:flex;gap:12px;position:relative;padding:12px 7px;border-radius:9px}.message:hover{background:#1a1b20}.message .avatar{width:34px;height:34px;border-radius:11px}.message-meta{display:flex;gap:9px;align-items:center;margin-bottom:4px}.message-meta b{font-size:12px}.message-meta time,.message-meta small{color:#7e7f8b;font-size:9px}.message-body{font-size:13px;color:#d0d0d8;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.message-body a{color:#c1a1fa;text-decoration:underline}.message-actions{display:flex;gap:1px;margin-top:7px;opacity:.55;flex-wrap:wrap}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions button{font-size:10px;color:var(--muted);padding:3px 7px;border:1px solid var(--line);border-radius:5px;margin-right:4px}.message-actions button:hover{background:#302b3e;color:#e5d6ff}.reactions{display:flex;gap:6px;margin-top:8px}.reaction{border:1px solid var(--line);background:#202126;border-radius:6px;padding:3px 7px;font-size:10px}.reaction.mine{border-color:#73549d;background:#332940}.reply-quote{border-left:2px solid #6b597d;padding:4px 10px;margin:0 0 8px;font-size:11px;color:#a79cb2;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.message.pinned{background:#2a25195c}.composer-wrap{padding:10px 25px 21px}.composer{display:flex;align-items:center;gap:9px;border:1px solid #3b3a44;border-radius:12px;background:#222329;padding:9px}.composer input{background:none;border:0;font-size:12px;padding:8px;outline:none}.composer .icon-btn{width:30px;height:33px}.composer .btn{padding:8px 11px;min-height:34px}.composer-foot{font-size:9px;color:#777883;display:flex;justify-content:space-between;padding:8px 3px 0}.reply-banner{display:flex;align-items:center;gap:10px;font-size:11px;background:#30293b;border:1px solid #4c3e60;border-bottom:0;border-radius:8px 8px 0 0;padding:8px 12px;color:#d4bdec}.reply-banner .text-btn{margin-left:auto}.members-pane{border-left:1px solid var(--line);background:#16171a;padding:23px 18px;overflow:auto}.members-pane h3{font-size:10px;letter-spacing:1px;color:#898994;margin-bottom:20px}.member-row{display:flex;align-items:center;gap:9px;margin-bottom:19px}.member-row b{font-size:11px;display:block}.member-row small{font-size:9px}.member-row .avatar{width:30px;height:30px;font-size:10px;border-radius:10px}.channel-intro{padding:15px 5px 25px;border-bottom:1px solid var(--line);margin-bottom:15px}.channel-intro h2{font-size:24px;margin:15px 0 6px}.channel-intro p{font-size:12px;color:var(--muted)}.hash-badge{width:55px;height:55px;border:1px solid #514061;background:#31283e;border-radius:17px;color:#c7ade6;display:grid;place-items:center}.hash-badge .icon{width:29px;height:29px}.emoji-picker{display:flex;gap:8px;flex-wrap:wrap;padding:14px}.emoji-picker button{font-size:25px;padding:8px;border-radius:10px}.emoji-picker button:hover{background:#333}.preflight{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.video-preview{aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 50%,#30293d,#1b1a23);border:1px solid #443a51;border-radius:16px;position:relative;display:grid;place-items:center;overflow:hidden}.video-preview video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transform:scaleX(-1)}.preview-placeholder{text-align:center;padding:20px}.preview-placeholder .avatar{margin-bottom:15px}.video-label{position:absolute;left:14px;bottom:13px;font-size:11px;background:#0008;border-radius:7px;padding:5px 9px}.media-controls{display:flex;justify-content:center;gap:10px;margin:18px 0}.media-controls .btn{width:47px;padding:10px}.media-controls .btn.active{background:#49395d;border-color:#7a5d97}.meter{height:8px;background:#303039;overflow:hidden;border-radius:8px;margin:10px 0}.meter-fill{background:var(--green);height:100%;width:0;transition:width .12s}.media-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;justify-items:center;align-items:start}.participant-tile{width:100%;max-width:640px;aspect-ratio:16/9;position:relative;background:#25222c;border:1px solid #443a51;border-radius:14px;overflow:hidden}.participant-tile video{width:100%;height:100%;object-fit:contain}.participant-name{position:absolute;left:12px;bottom:10px;background:#0008;padding:5px 8px;border-radius:6px;font-size:11px}.media-live-controls{position:sticky;bottom:15px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px;padding:13px;background:#222129;border:1px solid #403849;border-radius:14px}.room-notice{margin-bottom:20px}.connection{font-size:11px;color:var(--muted);margin-top:10px}.loader{width:20px;height:20px;border:2px solid #555;border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-art{right:30px}.hero{min-height:270px;padding:35px}.hero h2{font-size:39px}.hero p{font-size:13px}.community-art{height:120px}.community-card h3{font-size:14px}.community-card p{font-size:12px;height:41px}.home-grid{grid-template-columns:minmax(0,1fr) 300px}.right-card{padding:22px}}
@media(max-width:1200px){.shell{grid-template-columns:64px 200px minmax(0,1fr)}.rail{padding-inline:7px}.sidebar{padding-inline:12px}.user-box{margin-inline:-12px}.content{padding:25px}.topbar{padding:0 25px}.home-grid{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.hero{padding:25px}.hero-art{opacity:.45;right:-55px}.hero h2{font-size:30px}.community-grid{gap:10px}.community-card-body{padding-inline:11px}.quick-action{padding:12px 9px;gap:8px}.quick-action>.icon{display:none}.quick-action small{font-size:8px}.right-card{padding:16px}.right-card h3{font-size:12px}.auth-story h1{font-size:48px}.auth-story{padding:40px 5vw}.chat-layout{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:1050px){.home-grid{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-aside .right-card{margin:0}.home-aside .premium-card{grid-column:1/-1}.hero-art{right:5px;opacity:.8}.community-card p{font-size:11px}.community-card h3{font-size:13px}.quick-action b{font-size:12px}.quick-action small{font-size:9px}.searchbox{width:200px}.chat-layout{grid-template-columns:1fr}.members-pane{display:none}.settings-layout{grid-template-columns:150px 1fr}.auth-story h1{font-size:43px}.auth-page{grid-template-columns:1fr 1fr}.auth-form-wrap{padding:35px}.preflight{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.shell{display:block}.rail{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;width:250px;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 60px #0008}.shell.menu-open .sidebar{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{height:62px;padding:0 17px;gap:12px}.breadcrumb{font-size:11px}.breadcrumb>span:not(:last-child){display:none}.topbar .searchbox{display:none}.topbar .topbar-separator{margin-left:auto}.topbar>.avatar{width:29px;height:29px}.content{padding:24px 18px 35px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading .date{display:none}.page-heading .btn{padding:8px 12px;font-size:11px}.hero{min-height:260px;padding:24px}.hero h2{font-size:31px}.hero p{font-size:12px;max-width:240px}.hero-art{opacity:.3;right:-70px;top:20px}.hero-foot{font-size:9px;gap:10px}.quick-actions{gap:7px}.quick-action{flex-direction:column;align-items:flex-start;padding:13px 11px;gap:11px}.quick-action b{font-size:10px}.quick-action small{display:none}.quick-icon{width:31px;height:31px}.section-head h2{font-size:16px}.section-head .text-btn{font-size:10px}.community-grid{grid-template-columns:1fr;gap:15px}.community-art{height:115px}.community-card h3{font-size:15px}.community-card p{font-size:12px;height:auto;min-height:35px}.community-card .meta{font-size:11px}.community-card .btn{font-size:12px;height:38px}.community-card-body{padding:0 17px 17px}.community-card .community-icon{width:41px;height:41px;font-size:15px}.home-aside{grid-template-columns:1fr}.home-aside .premium-card{grid-column:auto}.right-card{padding:20px}.right-card h3{font-size:14px}.right-card .card-subtitle,.right-card .card-foot{font-size:12px}.welcome-step b{font-size:12px}.welcome-step small{font-size:11px}.welcome-step{gap:12px}.premium-card p{font-size:12px}.ad-banner{align-items:flex-start;padding:16px;gap:11px}.ad-banner .text-btn{display:none}.ad-banner b{font-size:11px}.ad-banner p{font-size:10px}.onboarding-bar{flex-wrap:wrap}.onboarding-bar .grow{flex-basis:calc(100% - 65px)}.onboarding-bar .btn{margin-left:58px}.page-footer{font-size:8px;gap:9px}.settings-layout{grid-template-columns:1fr;gap:22px}.settings-nav{flex-direction:row;overflow:auto}.settings-nav .nav-item{width:auto;white-space:nowrap;padding:10px;min-height:42px;font-size:11px}.settings-nav .nav-item .icon{display:none}.panel{padding:19px}.form-grid{grid-template-columns:1fr}.list-row{flex-wrap:wrap}.list-row .actions{margin-left:46px}.meeting-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-story{padding:25px 25px 35px;min-height:260px}.auth-story .auth-brand{font-size:20px}.auth-story h1{font-size:36px;letter-spacing:-1.4px;margin:32px 0 15px;max-width:350px}.auth-story>p{font-size:12px;margin:0;max-width:280px}.auth-story .hero-art{position:absolute;right:-90px;top:15px;opacity:.22;transform:scale(.95)}.auth-story footer{display:none}.auth-form-wrap{padding:35px 26px 45px}.auth-form h2{font-size:25px}.chat-layout{height:calc(100dvh - 62px)}.chat-header{padding:15px}.chat-header h2{font-size:15px}.chat-header .chat-search{width:110px;font-size:10px}.message-list{padding:15px 10px}.message{gap:9px}.message-actions{opacity:1}.message-meta{gap:6px}.composer-wrap{padding:8px 12px 15px}.composer{gap:3px;padding:6px}.composer input{font-size:12px}.composer .btn{padding:8px}.composer-foot{font-size:8px}.channel-intro{padding:15px 9px}.channel-intro h2{font-size:22px}.dialog-head h2{font-size:20px}dialog{padding:22px}.media-live-controls .btn{font-size:11px;padding:8px}.preflight{gap:20px}.stat-grid{gap:10px}.stat{padding:15px}.topbar .icon-btn{min-width:30px;min-height:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.participant-tile.is-speaking{outline:2px solid #65d99a;outline-offset:-2px}.participant-state{position:absolute;right:8px;top:8px;padding:4px 7px;border-radius:6px;background:#121219d9;font-size:11px;color:#bfc2d2}.media-live-controls [aria-pressed="true"]{background:#6951c5;color:#fff}#media-stage>audio{display:none}
.media-live-controls [hidden]{display:none}

/* Built-in bot settings and persistent polls */
.integrations-panel .integration-card{min-width:0}.integrations-panel select[multiple]{min-height:120px}.integrations-panel input[type=checkbox]{width:auto}.welcome-preview{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.bot-poll{max-width:560px;margin:12px 0;overflow-wrap:anywhere}.poll-option{display:grid;width:100%;gap:6px;text-align:left;border:1px solid var(--line);border-radius:9px;padding:10px;margin:8px 0;background:var(--raised);white-space:normal}.poll-option:hover{border-color:var(--purple)}.poll-option[aria-pressed=true]{border-color:var(--yellow)}.poll-option progress{width:100%;height:8px;accent-color:var(--purple)}.bot-poll .actions{flex-wrap:wrap}.integrations-panel [data-unsaved]{color:var(--yellow)}

/* TheGoCrew compact community workspace */
:root { --bg:#121217; --panel:#19191f; --raised:#25252e; --line:#27272f; --purple:#8270ed; --text:#eeeef2; --muted:#a2a2af; --radius:8px; font-family:"Segoe UI",Inter,Arial,sans-serif; }
.voice-connected{flex-shrink:0;margin:4px 8px 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;color:var(--green)}
.voice-connected.is-reconnecting{color:var(--yellow)}
.voice-destination{min-width:0;text-align:left;border-radius:4px}.voice-destination strong,.voice-destination small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-destination strong{font-size:12px}.voice-destination small{font-size:10px;color:var(--muted);margin-top:3px}.voice-quality{align-self:center}.voice-quality .icon{width:17px;height:17px}
.voice-panel-controls{grid-column:1/-1;display:flex;justify-content:space-between;gap:2px}.voice-panel-controls .icon-btn{width:28px;height:28px;flex-shrink:0}.voice-panel-controls .icon-btn[aria-pressed=true]{background:var(--raised);color:var(--green)}.voice-panel-controls .icon-btn:disabled{opacity:.4}.voice-connected button:focus-visible,.voice-person:focus-visible,.voice-more:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.voice-destination:hover,.voice-person:hover,.voice-more:hover{background:var(--raised)}
.voice-channel-roster{padding:0 7px 4px 24px}.voice-person{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:4px 3px;border-radius:5px;text-align:left;font-size:11px;color:var(--muted)}.voice-person>.avatar{width:24px;height:24px;min-width:24px;flex-shrink:0}.voice-person.is-speaking>.avatar{outline:2px solid var(--green);outline-offset:2px}.voice-person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.voice-icons{display:flex;gap:4px;align-items:center}.voice-icons .icon{width:12px;height:12px}.voice-icons [aria-label="Mikrofon kapalı"],.voice-icons [aria-label="Kulaklık kapalı"]{color:var(--muted);position:relative}.voice-icons [aria-label="Mikrofon kapalı"]:after,.voice-icons [aria-label="Kulaklık kapalı"]:after{content:"";position:absolute;width:15px;height:1px;background:currentColor;top:6px;left:-1px;transform:rotate(-45deg)}.voice-live{background:var(--green);color:var(--bg);border-radius:3px;font-size:8px;padding:2px 3px;font-weight:700}.voice-more{font-size:11px;color:var(--muted);padding:5px;border-radius:4px}.voice-lobby-roster{width:min(100%,360px);margin:12px auto;max-height:240px;overflow:auto}.channel-nav small[data-voice-count]{margin-left:auto;color:var(--muted);font-size:10px}
@media(min-width:1025px){.sidebar-collapsed .voice-connected{margin:4px 2px;padding:4px;grid-template-columns:1fr;justify-items:center}.sidebar-collapsed .voice-destination strong{font-size:9px}.sidebar-collapsed .voice-destination small,.sidebar-collapsed .voice-quality,.sidebar-collapsed .voice-channel-roster{display:none}.sidebar-collapsed .voice-panel-controls{display:flex;flex-wrap:wrap;justify-content:center}.sidebar-collapsed .voice-panel-controls .icon-btn{width:26px}}
.mobile-voice-session{display:none}
.voice-quality[data-quality=poor]{color:var(--yellow)}.voice-quality[data-quality=lost]{color:#ed7777}.voice-quality[data-quality=unknown]{opacity:.5}.voice-person .message-user-badge{flex-shrink:0;width:13px;height:13px}.voice-person .message-user-badge img{width:13px;height:13px;object-fit:contain}
@media(max-width:1024px){.mobile-voice-session{display:block;position:fixed;bottom:8px;left:8px;z-index:15;width:220px}.mobile-voice-session .voice-connected{box-shadow:0 4px 20px #0005;margin:0}.mobile-voice-session .voice-destination small{max-width:185px}.menu-open .mobile-voice-session{display:none}.shell:has(.voice-connected) .composer{margin-bottom:110px}}
@media(max-width:1024px){.mobile-voice-session .voice-panel-controls .icon-btn{width:38px;height:38px}}
body { font-size:14px; }
button,input,select,textarea { font:inherit; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #b3a4ff; outline-offset:2px; }
* { scrollbar-width:thin; scrollbar-color:#35353f transparent; }
.btn { border-radius:5px; font-weight:500; min-height:36px; padding:8px 14px; }
.btn.primary:hover { background:#9382f7; }
.btn.compact { font-size:12px; }
.icon-btn { width:32px; height:32px; border-radius:5px; }
.icon-btn .icon { width:18px; height:18px; }
.text-btn:hover { color:#c4b9ff; }
input,select,textarea { border-radius:5px; background:#101015; }
.avatar,.message .avatar,.member-row .avatar { border-radius:50%; background:hsl(var(--avatar-hue,260) 35% 39%); color:#fff; }
.avatar.large { border-radius:50%; }
.avatar .status-dot { border-color:var(--panel); width:11px; height:11px; border-width:2px; }
.shell { height:100dvh; min-height:0; grid-template-columns:64px 236px minmax(0,1fr); grid-template-rows:32px minmax(0,1fr); overflow:hidden; }
.app-titlebar { grid-column:1/-1; grid-row:1; background:#0c0c11; display:flex; align-items:center; padding:0 14px; gap:7px; border-bottom:1px solid #222229; user-select:none; }
.app-titlebar b { font-size:11px; color:#bcbcc8; letter-spacing:.2px; }
.mini-brand { font-size:17px; font-weight:900; color:#b5a5ff; }
.titlebar-context { position:absolute; left:50%; transform:translateX(-50%); color:#8f8f9c; font-size:10px; }
.app-titlebar .icon-btn { margin-left:auto; width:24px; height:24px; }
.app-titlebar .icon { width:14px; height:14px; }
.rail { grid-column:1; grid-row:2; position:relative; top:auto; height:auto; min-height:0; padding:12px 8px; gap:10px; background:#101015; border:0; }
.rail-logo { position:relative; margin:0; padding:0; }
.brand-mark { width:44px; height:44px; border-radius:15px; background:#8270ed; color:white; font-size:34px; }
.brand-mark:after { background:#d4c3ff; width:5px; height:5px; right:8px; top:8px; }
.rail-logo.selected:before,.server-orb.active:before { content:""; position:absolute; background:#f0edf9; width:3px; height:30px; left:-10px; top:50%; transform:translateY(-50%); border-radius:0 3px 3px 0; }
.rail-divider { margin:1px 0; width:28px; }
.rail-servers { display:flex; flex-direction:column; gap:10px; overflow:auto; max-height:calc(100% - 195px); flex-shrink:1; scrollbar-width:none; padding:0 10px; margin:0 -10px; }
.rail-servers:empty { display:none; }
.server-orb { width:44px; height:44px; min-height:44px; border-radius:50%; font-weight:600; font-size:14px; background:#282432; color:#d6c5fa; flex:none; }
.server-orb:hover,.server-orb.active { background:#7664d9; color:white; border-radius:14px; }
.server-orb.blue { background:#315b73; color:#d4eeff; }
.server-orb.orange { background:#9f5a3d; color:#fff0de; }
.server-orb.green { background:#347253; color:#d4ffe2; }
.rail-add,.rail-explore { background:#1d2220; color:#9ae0b5; }
.rail-add:hover,.rail-explore:hover { background:#387252; }
.sidebar { grid-column:2; grid-row:2; height:auto; min-height:0; top:auto; position:relative; padding:0; background:var(--panel); border-right:1px solid #26262e; }
.server-heading,.sidebar-search { height:52px; min-height:52px; border-bottom:1px solid #27272f; padding:0 16px; display:flex; align-items:center; gap:10px; }
.server-heading { width:100%; justify-content:space-between; text-align:left; font-size:14px; font-weight:650; }
.server-heading span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.server-heading:hover { background:#24242d; }
.server-heading .icon { width:16px; }
.sidebar-search { padding:0 10px; }
.sidebar-search button { display:flex; align-items:center; justify-content:space-between; width:100%; font-size:11px; color:#9696a4; background:#101015; border:1px solid #22222a; border-radius:4px; padding:7px; gap:5px; }
.sidebar-search kbd { font:9px "Segoe UI",sans-serif; color:#92929e; white-space:nowrap; }
.sidebar-scroll { padding:12px 8px; }
.nav-item { min-height:36px; padding:8px 10px; font-size:13px; gap:10px; border-radius:5px; color:#a6a6b3; margin-bottom:2px; }
.nav-item.active { background:#2b2a36; color:#f0edf8; }
.nav-item.active:before { display:none; }
.nav-item:hover { background:#22222c; }
.nav-item .icon { color:#90909e; }
.nav-item.active .icon { color:#c5bedb; }
.nav-item span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav-label { font-size:10px; letter-spacing:.65px; margin:0; color:#9292a0; display:flex; align-items:center; gap:4px; }
.nav-label .icon { width:10px; height:10px; }
.channel-sidebar-head { padding:0 5px; margin:0 0 6px; min-height:24px; }
.channel-sidebar-head .icon-btn { width:22px; height:22px; }
.channel-group { margin:21px 0 0; }
.channel-nav { min-height:32px; padding:6px 10px; font-size:13px; }
.channel-nav .icon { width:17px; height:17px; }
.channel-nav.active:after { content:""; position:absolute; left:-5px; top:9px; height:14px; width:2px; background:#c4bbef; border-radius:2px; }
.server-event { padding-bottom:10px; border-bottom:1px solid var(--line); border-radius:0; font-size:12px; }
.sidebar-secondary { margin:28px 4px 0; }
.sidebar-secondary>.btn { font-size:11px; color:#b9b3ce; border-style:dashed; }
.sidebar-secondary .nav-item { font-size:11px; margin-top:8px; }
.dm-label { margin-top:24px; }
.dm-nav { gap:10px; min-height:49px; }
.dm-nav .avatar { width:32px; height:32px; font-size:11px; }
.dm-nav small { display:block; font-size:10px; margin-top:2px; }
.dm-filter { display:block; margin:4px 5px 10px; }
.dm-filter input { width:100%; min-width:0; padding:9px; border:1px solid var(--line); border-radius:7px; background:var(--bg); color:inherit; font:inherit; font-size:12px; }
.dm-filter input:focus-visible,.dm-profile:focus-visible { outline:2px solid #b5a9ed; outline-offset:2px; }
.dm-name { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.dm-unread { flex:none; min-width:20px; padding:2px 5px; border-radius:12px; background:#b5a9ed; color:#171320; font-size:11px; font-weight:700; text-align:center; }
.rail-logo { position:relative; }
.dm-total { position:absolute; right:-3px; bottom:-3px; }
.dm-total[hidden] { display:none; }
.dm-profile { min-width:0; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; padding:3px; border-radius:6px; }
.dm-profile h1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dm-heading { display:grid; min-width:0; gap:3px; text-align:left; }
.dm-heading small { font-size:11px; font-weight:400; color:var(--muted); }
.dm-picker { display:grid; gap:8px; max-height:55vh; overflow:auto; }
.dm-picker .nav-item { width:100%; text-align:left; gap:12px; }
.dm-picker small { display:block; margin-top:4px; }
.rail-dm,.icon-btn[data-action="notifications"] { position:relative; }
.notification-count { position:absolute; right:-4px; top:-5px; font-size:10px; min-width:17px; padding:1px 4px; }
.notification-count[hidden] { display:none; }
.notification-popup { position:fixed; top:48px; right:20px; z-index:80; display:flex; align-items:center; gap:10px; max-width:min(380px,calc(100vw - 24px)); padding:12px; background:var(--raised); color:var(--text); border:1px solid var(--purple); border-radius:var(--radius); box-shadow:0 10px 35px #0006; }
.notification-popup-open { min-width:0; color:inherit; background:none; border:0; text-align:left; cursor:pointer; line-height:1.6; overflow-wrap:anywhere; }
.notification-inbox { display:grid; gap:8px; max-height:60vh; overflow:auto; }
.notification-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; position:relative; width:100%; padding:12px 18px; border:1px solid var(--line); border-radius:7px; background:var(--bg); color:var(--text); text-align:left; cursor:pointer; }
.notification-row small { grid-column:1; color:var(--muted); font-size:11px; }
.notification-row:hover { background:var(--raised); }
.notification-row.unread { border-left:3px solid var(--purple); }
.notification-dot { grid-column:2; grid-row:1; width:8px; height:8px; background:var(--purple); border-radius:50%; }
.dm-call-panel { position:fixed; right:18px; top:108px; width:min(960px,calc(100vw - 340px)); max-height:calc(100dvh - 132px); overflow:auto; z-index:70; padding:16px; border:1px solid var(--purple); border-radius:var(--radius); background:var(--panel); box-shadow:0 14px 50px #0008; }
.dm-call-panel[hidden] { display:none; }
.dm-call-heading { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
.dm-call-heading strong { flex:1; min-width:0; overflow-wrap:anywhere; }
.dm-call-history { color:var(--muted); align-items:center; }
.dm-call-history time { display:block; font-size:12px; margin-top:4px; }
.dm-call-heading>span[role=status] { color:var(--muted); font-size:12px; }
.dm-call-controls { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; position:sticky; bottom:-16px; background:var(--panel); padding:12px 0; margin-top:12px; z-index:2; }
.dm-call-controls [hidden] { display:none; }
.dm-inbox-footer { margin-top:16px; }
.dm-call-panel .media-stage { min-height:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.dm-call-panel .participant-tile { width:100%; min-width:0; min-height:120px; }
.dm-call-panel .participant-name { max-width:calc(100% - 20px); display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; }
.dm-call-panel .participant-avatar>.avatar{width:32px;height:32px;font-size:12px;flex:none}
.dm-call-panel .participant-tile:has(.preview-placeholder) .preview-placeholder{display:none}
.dm-call-panel .participant-tile:has(.preview-placeholder) .participant-name{inset:32px 10px 10px;max-width:none;flex-direction:column;justify-content:center;background:transparent;text-align:center}
.dm-call-panel .participant-tile:has(.preview-placeholder) .participant-avatar>.avatar{width:64px;height:64px;font-size:22px}
.dm-call-heading>.icon-btn{flex:none;width:44px;height:44px}
.dm-call-controls .btn{min-height:44px}
.dm-call-panel button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(max-width:1024px){.notification-popup{right:12px}.dm-call-panel{right:8px;top:92px;width:calc(100vw - 16px);max-height:calc(100dvh - 108px);padding:12px}.dm-call-controls{bottom:-12px}.dm-call-controls .btn{flex:1 1 130px;font-size:12px;padding:10px 8px}.dm-call-heading{gap:8px}.dm-call-heading>span[role=status]{display:none}.dm-call-panel .participant-tile{min-height:150px}.dm-call-panel .participant-state{font-size:10px}.dm-call-panel .participant-tile:has(.preview-placeholder) .participant-avatar>.avatar{width:48px;height:48px;font-size:18px}}
@media(min-width:1025px){.sidebar-collapsed .dm-filter{display:none}}
@media(max-width:1024px){.dm-profile{flex:1}.dm-profile .avatar{flex:none}}
.sidebar-empty { padding:9px 10px; color:#9696a3; font-size:11px; line-height:1.8; }
.sidebar-empty .text-btn { display:block; color:#b5a9ed; margin-top:8px; font-size:11px; }
.sidebar-device { display:flex; align-items:center; justify-content:space-between; margin:0 8px; padding:7px 8px; border:1px solid #2a2933; border-radius:7px 7px 0 0; color:#a2a1b0; }
.sidebar-device>span { display:flex; gap:8px; align-items:center; font-size:11px; }
.sidebar-device .icon { width:15px; height:15px; }
.sidebar-device .icon-btn { width:25px; height:25px; }
.user-box { padding:9px 7px; margin:0; min-height:62px; border:0; background:#141419; gap:2px; }
.user-profile { min-width:0; display:flex; flex:1; align-items:center; gap:8px; padding:5px; text-align:left; border-radius:5px; }
.user-profile:hover { background:#25242e; }
.user-profile>span:last-child { min-width:0; }
.user-profile .avatar { width:32px; height:32px; }
.user-box b { max-width:108px; font-size:11px; white-space:nowrap; }
.user-box small { display:block; font-size:10px; }
.user-box .icon-btn { width:26px; min-width:26px; }
.user-box .icon-btn .icon { width:16px; height:16px; }
.main-wrap { grid-column:3; grid-row:2; min-height:0; display:flex; flex-direction:column; }
.main-wrap>main { flex:1; min-height:0; overflow:auto; width:100%; }
.main-wrap.workspace-main>main { overflow:hidden; }
.topbar,.workspace-header { height:52px; min-height:52px; background:#131318; border-bottom:1px solid var(--line); padding:0 20px; display:flex; align-items:center; gap:14px; }
.topbar .searchbox { height:28px; border-radius:4px; background:#0d0d12; border:1px solid #24242c; width:200px; }
.breadcrumb { font-size:13px; gap:9px; }
.breadcrumb b { font-weight:600; }
.content { padding:28px; max-width:none; margin:0; }
.page-heading h1 { font-size:25px; letter-spacing:-.7px; }
.panel,.meeting-card { border-radius:8px; background:#19191f; }
.settings-layout { grid-template-columns:190px minmax(0,650px); gap:32px; margin-top:30px; }
.settings-nav { padding-right:18px; border-right:1px solid var(--line); }
.settings-nav .nav-item { font-size:12px; }
.settings-layout .panel { border:0; padding:24px; }
.profile-preview { background:#22202d; margin:-24px -24px 24px; padding:26px 24px; border-radius:8px 8px 0 0; }
.settings-layout .badge-box { border-radius:6px; background:#242126; border-color:#40393a; }
.workspace-header .header-title { display:flex; align-items:center; gap:9px; min-width:0; }
.header-title>.icon { width:20px; color:#9494a3; }
.header-title h1 { font-size:14px; font-weight:650; letter-spacing:0; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header-end { display:flex; align-items:center; gap:8px; margin-left:auto; }
.header-end .active { color:#d7d3e8; }
.channel-topic { border-left:1px solid #33323c; padding-left:14px; font-size:11px; color:#9898a6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-search { width:135px; height:27px; font-size:11px; padding:4px 8px; border:1px solid #282830; background:#0d0d12; }
.chat-workspace,.friends-workspace { height:100%; display:flex; flex-direction:column; }
.chat-layout,.friends-body { display:grid; grid-template-columns:minmax(0,1fr) 220px; flex:1; min-height:0; height:auto; }
.members-pane { padding:20px 12px; background:#19191f; border-left:1px solid #25252d; min-height:0; }
.members-pane h2 { font-size:16px; margin:0 8px 25px; }
.members-pane h3 { font-size:10px; letter-spacing:.5px; color:#9393a1; margin:8px 8px 14px; }
.members-pane h3:not(:first-child) { margin-top:25px; }
.member-row { width:100%; gap:10px; margin:0 0 4px; padding:6px 8px; text-align:left; border-radius:5px; }
.member-row:hover { background:#25252e; }
.member-row .avatar { width:31px; height:31px; font-size:11px; }
.member-row b { font-size:12px; color:#d7d7e0; font-weight:500; display:flex; align-items:center; gap:5px; }
.member-row b .icon { width:12px; height:12px; color:#ddc37c; }
.member-row small { font-size:10px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-row.is-offline { opacity:.65; }
.members-hidden .members-pane { display:none; }
.members-hidden .chat-layout,.members-hidden .friends-body,.members-hidden .discovery-layout { grid-template-columns:minmax(0,1fr); }
.message-list { padding:24px 0 12px; scroll-behavior:auto; }
.channel-intro { padding:16px 24px 24px; margin:0; border:0; }
.hash-badge { width:60px; height:60px; background:#25242e; border:0; border-radius:50%; color:#eeeaf6; }
.hash-badge .icon { width:34px; height:34px; }
.channel-intro h2 { font-size:27px; margin:18px 0 8px; font-weight:700; }
.channel-intro p { font-size:13px; color:#a3a3b0; }
.channel-intro .btn { border:0; background:none; color:#aca0ef; padding:0; font-size:12px; min-height:26px; }
.day-divider { display:flex; align-items:center; gap:10px; margin:12px 24px 18px; color:#9695a5; font-size:10px; }
.day-divider:before,.day-divider:after { content:""; flex:1; height:1px; background:#28272f; }
.message { padding:9px 24px; gap:14px; border-radius:0; }
.message:hover { background:#19191f; }
.message .avatar { width:36px; height:36px; font-size:12px; }
.message-meta b { font-size:13px; font-weight:600; }
.message-meta time,.message-meta small { font-size:10px; color:#92929f; }
.message-body { color:#ceced8; font-size:14px; line-height:1.6; }
.message-actions { position:absolute; right:18px; top:-17px; margin:0; background:#202027; border:1px solid #35343f; border-radius:5px; padding:3px; opacity:0; pointer-events:none; box-shadow:0 4px 12px #0003; z-index:2; }
.message:hover .message-actions,.message:focus-within .message-actions { opacity:1; pointer-events:auto; }
.message-actions button { border:0; padding:5px 7px; font-size:11px; margin:0; }
.reactions:empty { display:none; }
.reaction { background:#212028; border-radius:5px; font-size:11px; }
.reaction.mine { background:#2e2847; border-color:#7563c5; }
.composer-wrap { padding:10px 20px 10px; }
.composer { background:#202028; border:1px solid #34333e; border-radius:7px; padding:6px 9px; gap:8px; min-height:48px; }
.composer:focus-within { border-color:#8170cb; }
.composer input { font-size:13px; }
.composer .btn { background:none; border:0; color:#b9adf8; min-height:30px; padding:6px; }
.composer .btn:hover { background:#383147; }
.composer-foot { font-size:9px; padding:6px 1px 0; color:#9494a1; }
.friend-tabs { display:flex; align-items:center; gap:10px; padding-left:16px; border-left:1px solid #34333b; }
.friend-tabs>button { padding:4px 10px; color:#a6a6b4; font-size:12px; border-radius:4px; white-space:nowrap; }
.friend-tabs>button.active { color:#eeeaf9; background:#303039; }
.friend-tabs>button.friend-add { background:#96dfb0; border:0; color:#152c20; padding:4px 10px; min-height:27px; font-weight:600; }
.friends-list { overflow:auto; padding:24px 28px; min-width:0; }
.friend-search { display:flex; border:1px solid #292831; background:#0e0e13; border-radius:5px; align-items:center; margin-bottom:25px; }
.friend-search input { background:none; border:0; padding:9px 12px; font-size:12px; }
.friend-search .icon-btn { margin-right:4px; }
.section-label { font-size:10px; letter-spacing:.7px; color:#a2a2af; font-weight:600; margin:26px 0 14px; }
.section-label span { margin-left:8px; color:#878693; }
.friend-row { padding:12px 8px; border-top:1px solid var(--line); border-bottom:0; border-radius:5px; }
.friend-row:hover { background:#1b1b23; }
.friend-row .avatar { width:36px; height:36px; }
.friend-row b { font-size:13px; }
.friend-row p { font-size:11px; }
.friend-row p span { margin-left:8px; color:#92919e; }
.friend-row .actions .icon-btn { background:#1c1c24; border-radius:50%; }
.friends-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:440px; height:calc(100% - 130px); padding:28px 0; }
.friends-empty h2 { font-size:20px; letter-spacing:-.3px; margin:28px 0 10px; }
.friends-empty p { font-size:13px; color:#a1a0af; line-height:1.8; margin-bottom:24px; }
.friends-empty>.text-btn { font-size:11px; margin-top:18px; }
.empty-illustration { width:210px; height:110px; position:relative; }
.empty-illustration span { display:grid; place-items:center; border:1px solid #57506f; border-radius:22px; width:85px; height:75px; position:absolute; left:18px; top:25px; transform:rotate(-12deg); color:#b2a6e6; background:#272332; box-shadow:0 10px 30px #0003; }
.empty-illustration span+span { left:106px; top:0; transform:rotate(11deg); background:#242635; color:#a3aeda; border-color:#464c6c; }
.empty-illustration .icon { width:36px; height:36px; stroke-width:1.4; }
.empty-illustration i { position:absolute; left:4px; top:0; color:#c0a6ed; font-style:normal; }
.activity-empty { text-align:center; padding:20px 8px; }
.activity-orbit { display:grid; place-items:center; width:47px; height:47px; margin:0 auto 16px; background:#252430; border-radius:50%; color:#ada0d4; }
.activity-empty h3 { font-size:12px; color:#cdcadc; letter-spacing:0; margin:0 0 9px; }
.activity-empty p { font-size:11px; color:#9795a6; line-height:1.7; }
.content:has(.discovery-layout) { padding:0; }
.discovery-layout { display:grid; grid-template-columns:minmax(0,1fr) 220px; min-height:100%; }
.discovery-main { padding:28px; min-width:0; }
.discovery-intro { position:relative; overflow:hidden; padding:26px 28px; margin-bottom:24px; border:1px solid #353046; background:linear-gradient(110deg,#252135,#181820); border-radius:8px; }
.discovery-intro .eyebrow { font-size:9px; color:#b6a7ef; letter-spacing:1.5px; }
.discovery-intro h1 { font-size:30px; margin:12px 0 8px; letter-spacing:-.8px; }
.discovery-intro p { font-size:12px; color:#b1adbf; position:relative; z-index:1; }
.discovery-actions { display:flex; gap:10px; margin-top:20px; position:relative; z-index:1; }
.discovery-actions .btn { font-size:12px; }
.discovery-decoration { position:absolute; right:-14px; top:7px; transform:rotate(-18deg); opacity:.16; color:#c1b5f7; }
.discovery-decoration .icon { width:180px; height:180px; stroke-width:.7; }
.filter-tabs { gap:5px; }
.filter-tabs button { font-size:12px; padding:6px 12px; border-radius:4px; }
.filter-tabs button.active { color:#e0d9fb; background:#30293f; border-color:#4a3e63; }
.community-grid { grid-template-columns:repeat(auto-fill,minmax(min(245px,100%),1fr)); gap:16px; }
.community-card { border-radius:7px; background:#1b1b23; border-color:#2c2b34; }
.community-art { height:110px; background:linear-gradient(160deg,#7162d4,#554489 55%,#1b1b23); }
.community-art.blue { background:linear-gradient(150deg,#497ed5,#28576b 55%,#1b1b23); }
.community-art.orange { background:linear-gradient(150deg,#cd9861,#874952 55%,#1b1b23); }
.community-art.green { background:linear-gradient(150deg,#59ac8a,#315b57 55%,#1b1b23); }
.community-art:before { width:125px; height:125px; border:1px solid #ffffff38; box-shadow:0 0 0 18px #ffffff0a,0 0 0 36px #ffffff08; top:-45px; right:16px; }
.community-art:after { width:44px; height:44px; border:1px solid #ffffff40; top:33px; left:28%; border-radius:9px; background:#ffffff0a; }
.community-card-body { padding:0 16px 16px; }
.community-card .community-icon { width:48px; height:48px; border:4px solid #1b1b23; border-radius:14px; margin-top:-26px; margin-bottom:10px; }
.community-card h3 { font-size:14px; }
.community-card p { font-size:12px; height:40px; line-height:1.65; }
.community-card .meta { font-size:10px; }
.community-card .btn { background:#7867da; border:0; color:white; height:34px; font-size:12px; border-radius:4px; }
.community-card .btn[data-action="open-server"] { background:#273b34; color:#a1dfbb; }
.community-card .btn:hover { filter:brightness(1.15); }
.voice-lobby { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 24px; background:radial-gradient(ellipse at 50% 40%,#201c2f55,transparent 60%); overflow:auto; }
.voice-symbol { width:84px; height:84px; border-radius:50%; background:#2a243b; border:1px solid #493e62; display:grid; place-items:center; color:#b7a2f4; box-shadow:0 0 0 15px #2c244321,0 0 0 30px #2c244312; margin:20px 0 32px; }
.voice-symbol .icon { width:35px; height:35px; }
.voice-lobby h2 { font-size:26px; margin:0 0 8px; }
.voice-lobby>p { font-size:13px; color:#a3a0b3; }
.voice-state { display:flex; gap:8px; align-items:center; color:#b8acd5; font-size:11px; margin:12px 0 25px; }
.voice-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.voice-help { display:flex; align-items:flex-start; text-align:left; gap:10px; margin-top:35px; max-width:380px; color:#9d97ae; }
.voice-help>.icon { width:15px; height:15px; margin-top:3px; }
.voice-help p { font-size:11px; line-height:1.8; }
dialog { background:#19191f; border-color:#383540; border-radius:9px; padding:25px; box-shadow:0 24px 90px #000a; }
dialog::backdrop { background:#07070bbb; backdrop-filter:blur(2px); }
.dialog-head h2 { font-size:20px; }
.server-menu-actions,.quick-switch-list { display:grid; gap:8px; }
.server-menu-actions .btn { justify-content:flex-start; }
.profile-card { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.profile-card h2 { margin:12px 0 0; }
.profile-card p { color:#aaa6ba; }
.profile-card .btn { margin-top:12px; width:100%; }
.pinned-preview { padding:16px; background:#23212c; border-radius:6px; margin:10px 0; }
.pinned-preview p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; margin:8px 0 0; }
.video-preview { border-radius:8px; background:#1b1925; }
.participant-tile { border-radius:8px; background:#202028; border-color:#34323d; }
.media-live-controls { width:fit-content; margin:24px auto 0; border-radius:40px; background:#17171e; padding:10px 14px; }
.media-live-controls .btn { border-radius:50px; }
.auth-story { background:radial-gradient(ellipse at 45% 65%,#342750 0, #1a1726 45%,#111116 80%); }
.auth-story h1 em,.auth-form .eyebrow,.auth-switch button { color:#bbabff; }
.auth-form-wrap { background:#15151b; }
.auth-story .hero-art .sphere { background:radial-gradient(circle at 30% 30%,#ccb7ff,#8265be 65%,#473663); }
.auth-story .hero-art .orbit { border-color:#7b658033; }
.auth-story .hero-art .bubble { background:#8c78bb; color:#f3eaff; }
.auth-story>p { color:#b6aec7; }
.auth-story footer { color:#938aab; }
.nav-backdrop { display:none; }
.device-workspace { max-width:1160px; grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr); align-items:start; }
.device-workspace .video-preview { aspect-ratio:16/10; background:radial-gradient(ellipse at center,#2a243b,#17151f 75%); border:1px solid #36303f; }
.device-workspace .preview-placeholder .avatar { width:80px; height:80px; font-size:28px; box-shadow:0 0 0 12px #ffffff03; }
.device-workspace .media-controls { padding:10px; margin:14px auto; border:1px solid #2e2b37; border-radius:9px; background:#17151e; gap:7px; }
.device-workspace .media-controls .btn { width:auto; padding:8px 12px; font-size:12px; border-radius:6px; }
.device-workspace .media-controls .btn.active { background:#7160cc; border-color:#9481ea; color:white; }
.device-workspace .media-controls .btn[aria-busy="true"] { border-color:#c2a66d; color:#e4c686; }
.device-status-row { display:flex; justify-content:center; gap:22px; margin:12px 0 22px; font-size:11px; color:#a29bac; }
.device-status-row b { margin-left:5px; font-weight:500; color:#ccc7d7; }
.device-status-row b[data-status="active"] { color:#96dfb0; }
.device-status-row b[data-status="pending"] { color:#e4c686; }
.device-workspace .panel { background:#18171e; padding:24px; gap:17px; }
.device-workspace .panel h2 { margin:0; font-size:16px; }
.device-hint { font-size:11px; color:#9f98ad; margin:0 0 5px; line-height:1.8; }
.device-workspace .notice { background:#201c2a; border-color:#3e344f; color:#bdb1d3; }
.device-workspace .form-error { padding:0 0 15px; }
.device-workspace audio { width:100%; }
@media(max-width:1000px) { .device-workspace { grid-template-columns:minmax(0,1fr); max-width:700px; margin:auto; } }
@media(max-width:450px) { .device-workspace .media-controls { gap:5px; padding:7px; } .device-workspace .media-controls .btn { padding:7px 9px; font-size:11px; gap:5px; } .device-workspace .media-controls .icon { width:16px; } }
@media(min-width:1600px) { .shell { grid-template-columns:68px 244px minmax(0,1fr); } .chat-layout,.friends-body,.discovery-layout { grid-template-columns:minmax(0,1fr) 240px; } }
@media(max-width:1150px) { .shell { grid-template-columns:60px 212px minmax(0,1fr); } .chat-layout,.friends-body,.discovery-layout { grid-template-columns:minmax(0,1fr); } .members-pane { display:none; } .members-hidden .members-pane { display:none; } .shell:not(.members-hidden) .members-pane { display:block; position:absolute; right:0; top:84px; bottom:0; width:220px; z-index:9; box-shadow:-12px 0 35px #0004; } .channel-topic { display:none; } .header-end { gap:3px; } .friend-tabs { gap:4px; padding-left:10px; } .friend-tabs>button { padding:4px 7px; } .user-box b { max-width:88px; } }
@media(min-width:1025px) and (max-width:1150px) { .shell:not(.members-hidden) .chat-layout,.shell:not(.members-hidden) .friends-body,.shell:not(.members-hidden) .discovery-layout { grid-template-columns:minmax(0,1fr) 200px; } .shell:not(.members-hidden) .members-pane { position:static; width:auto; box-shadow:none; } .friend-tabs { gap:3px; } .workspace-header { gap:8px; padding:0 12px; } .friends-list,.discovery-main { padding:20px; } }
@media(max-width:1024px) {
 .shell { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:28px minmax(0,1fr); }
 .app-titlebar { padding:0 12px; } .titlebar-context { display:none; }
 .rail { display:flex; position:fixed; top:28px; left:0; bottom:0; width:60px; transform:translateX(-300px); z-index:42; height:auto; }
 .sidebar { position:fixed; top:28px; left:60px; bottom:0; width:236px; height:auto; transform:translateX(-300px); z-index:42; padding:0; }
 .shell.menu-open .rail,.shell.menu-open .sidebar { transform:translateX(0); }
 .nav-backdrop { position:fixed; inset:28px 0 0; background:#050509a8; z-index:40; }
 .shell.menu-open .nav-backdrop { display:block; }
 .main-wrap { grid-column:1; grid-row:2; }
 .mobile-menu { display:inline-flex; }
 .topbar,.workspace-header { height:52px; min-height:52px; padding:0 10px; gap:8px; }
 .workspace-header { flex-wrap:wrap; }
 .header-title { flex:1; } .header-title h1 { font-size:13px; }
 .header-title>.icon { width:17px; } .header-end { gap:2px; }
 .header-end .chat-search { width:80px; }
 .topbar .searchbox { display:flex; width:135px; margin-left:auto; }
 .topbar>.icon-btn:last-child { display:none; }
 .content { padding:22px 16px; }
 .chat-layout,.friends-body { height:auto; }
 .shell:not(.members-hidden) .members-pane { top:80px; bottom:0; width:220px; }
 .friends-workspace>.workspace-header { min-height:93px; height:93px; align-content:center; row-gap:8px; }
 .friend-tabs { order:5; width:100%; border:0; padding:0 3px; justify-content:space-between; }
 .friend-tabs>button { font-size:11px; }
 .friends-workspace .members-pane { top:121px!important; }
 .friends-list { padding:18px 16px; }
 .friends-empty { min-height:330px; padding:20px 0; height:auto; }
 .friends-empty h2 { font-size:18px; } .friends-empty p { font-size:12px; }
 .friend-row .actions { margin-left:0; } .friend-row { flex-wrap:nowrap; gap:9px; }
 .friend-row p span { display:none; }
 .channel-intro { padding:15px 18px 22px; }
 .channel-intro h2 { font-size:22px; overflow-wrap:anywhere; }
 .message { padding:10px 14px; gap:10px; }
 .message-actions { position:static; opacity:1; pointer-events:auto; width:fit-content; border:0; box-shadow:none; background:transparent; padding:3px 0 0; }
 .message-actions button { font-size:10px; padding:4px; }
 .message-body { font-size:13px; }
 .composer-wrap { padding:8px 12px; }
 .composer { padding:5px; gap:3px; }
 .composer input { font-size:12px; }
 .composer-foot { font-size:8px; gap:6px; }
 .discovery-main { padding:20px 16px; }
 .discovery-intro { padding:23px 20px; }
 .discovery-intro h1 { font-size:27px; }
 .discovery-intro p { max-width:220px; }
 .discovery-actions { gap:7px; } .discovery-actions .btn { padding:7px 10px; font-size:11px; }
 .community-grid { grid-template-columns:1fr; }
 .settings-layout { grid-template-columns:1fr; gap:20px; margin-top:20px; }
 .settings-nav { border:0; padding:0; gap:4px; flex-direction:row; }
 .settings-nav .nav-item { width:auto; white-space:nowrap; }
 .settings-layout .panel { padding:20px; }
 .profile-preview { margin:-20px -20px 24px; padding:24px 20px; }
 .voice-lobby { padding:24px 18px; }
 .voice-lobby h2 { font-size:22px; } .voice-lobby>p { font-size:12px; }
 .voice-symbol { width:68px; height:68px; margin:20px 0 28px; }
 .voice-actions .btn { font-size:12px; }
 .auth-story { min-height:250px; }
 .auth-story h1 { margin-top:30px; }
 .user-box b { max-width:108px; }
}
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* TheGoCrew identity: white The, crab-orange Go, purple Crew. */
:root { --brand-white:#ffffff; --brand-orange:#f46b45; --brand-purple:#aa88ff; }
.brand-name { display:inline-flex; align-items:baseline; white-space:nowrap; font-weight:800; letter-spacing:-.7px; line-height:1; }
.brand-the { color:var(--brand-white); }
.brand-go { color:var(--brand-orange); }
.brand-crew { color:var(--brand-purple); }
.brand-mascot { display:block; width:48px; height:48px; object-fit:contain; flex:none; user-select:none; }
.app-titlebar>.brand-mascot { width:23px; height:25px; }
.app-titlebar>.brand-name { font-size:14px; letter-spacing:-.4px; }
.rail-logo { width:46px; height:48px; display:grid; place-items:center; border-radius:14px; background:#26202e; }
.rail-logo .brand-mascot { width:44px; height:44px; }
.rail-logo:hover { background:#3a2834; }
.auth-story .auth-brand { gap:13px; }
.auth-brand .brand-mascot { width:68px; height:68px; }
.auth-brand .brand-name { font-size:34px; letter-spacing:-1.3px; }
.mascot-hero { position:relative; display:grid; place-items:center; width:min(100%,310px); margin:18px auto 20px; isolation:isolate; }
.mascot-hero:before { content:""; position:absolute; inset:10%; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,#ee724b24,transparent 70%); }
.mascot-hero .hero-crab { width:100%; height:auto; filter:drop-shadow(0 18px 28px #09071155); }
.auth-story { background:radial-gradient(ellipse at 45% 65%,#3b2442 0,#1d182b 45%,#111116 80%); }
.auth-story h1 { margin-top:42px; }
.auth-story h1 em { color:var(--brand-orange); }
.mascot-empty .brand-mascot { width:160px; height:160px; }
.boot>.brand-mascot { width:96px; height:96px; }
@media(max-width:1024px) {
 .auth-brand .brand-mascot { width:46px; height:46px; }
 .auth-brand .brand-name { font-size:28px; }
 .auth-story { min-height:280px; }
 .auth-story h1 { position:relative; z-index:1; max-width:310px; margin-top:25px; font-size:32px; }
 .auth-story>p { position:relative; z-index:1; max-width:235px; }
 .mascot-hero { position:absolute; width:145px; right:-16px; bottom:-22px; margin:0; opacity:.5; }
 .mascot-empty .brand-mascot { width:130px; height:130px; }
}
 .file-card { display:flex; gap:12px; align-items:center; max-width:420px; padding:14px; margin:8px 0; background:#202028; border:1px solid #343440; border-radius:8px; color:#bca5ff; text-decoration:none; }
 .file-card span { min-width:0; }
 .file-card b { display:block; overflow-wrap:anywhere; }
 .file-card small { display:block; color:#a6a6b2; margin-top:5px; }
.upload-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin-bottom:8px;border:1px solid #39333f;background:#201b27;border-radius:8px;font-size:12px}.upload-status progress{width:120px;height:8px;accent-color:#a88aff}.upload-status .text-btn{color:#ffa76b}

.attachment-draft{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;margin-bottom:8px;border:1px solid #39333f;background:#201b27;border-radius:10px}.attachment-draft img{max-width:min(240px,100%);max-height:180px;object-fit:contain;border-radius:8px}.attachment-draft .icon-btn{position:absolute;right:8px;top:8px;background:#292431}.attachment-draft small{color:#aaa6ba;padding-right:25px}.chat-image-link{display:block;width:fit-content;max-width:100%;margin:8px 0}.chat-image{display:block;max-width:min(420px,100%);max-height:420px;object-fit:contain;border-radius:8px}

.attachment-draft video{width:min(300px,100%);max-height:180px;border-radius:8px;background:#111}.chat-video{display:block;width:min(420px,100%);max-height:420px;margin:8px 0;border-radius:8px;background:#111}.media-download{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;color:#bca5ff;font-size:12px;text-decoration:none}.media-download:hover{text-decoration:underline}.media-download svg{width:16px;height:16px}
.profile-overlay{position:fixed;inset:0;z-index:1100;background:transparent}.user-profile-card{position:fixed;width:340px;max-height:calc(100dvh - 24px);overflow-y:auto;background:#19181f;border:1px solid #34303e;border-radius:16px;box-shadow:0 16px 60px #0009;color:#f4f1fa}.profile-banner{width:100%;aspect-ratio:5/2;background:radial-gradient(circle at 80% 15%,#f98b5270,transparent 55%),linear-gradient(130deg,#5b3b91,#9c64b9 55%,#ca6c6b)}.profile-close{position:absolute;right:10px;top:10px;background:#15121c99;color:white}.profile-avatar-row{display:flex;align-items:center;gap:12px;margin:-40px 16px 4px;position:relative;min-height:92px}.profile-avatar-ring{position:relative;flex-shrink:0;border:6px solid #19181f;border-radius:50%}.profile-avatar-ring>.avatar{width:80px;height:80px;font-size:28px}.profile-presence{position:absolute;right:-1px;bottom:0;width:22px;height:22px;border:5px solid #19181f;border-radius:50%;background:#72707e}.profile-presence.online{background:#72d9a0}.profile-presence.away{background:#f8c76e}.profile-presence.dnd{background:#f17485}.profile-presence.offline{background:#19181f;box-shadow:inset 0 0 0 3px #888391}.profile-custom-status{max-width:185px;margin-top:30px;padding:9px 12px;border:1px solid #48404f;border-radius:16px 16px 16px 3px;background:#25212c;font-size:12px;color:#e6dfee;overflow-wrap:anywhere}.profile-content{padding:4px 18px 18px}.profile-content h2{font-size:24px;margin:0 0 3px}.profile-handle{font-size:12px;color:#b6afc4;margin:0 0 12px}.profile-content h3{font-size:11px;letter-spacing:.04em;margin:16px 0 5px;color:#b9afc6}.profile-content p{font-size:13px;overflow-wrap:anywhere}.profile-bio{white-space:pre-wrap}.profile-mutual{color:#a994c9}.profile-roles,.profile-badges{display:flex;flex-wrap:wrap;gap:7px}.profile-roles span{padding:4px 8px;border:1px solid #494152;border-radius:12px;font-size:11px}.profile-badge{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid #544263;background:#292130;color:var(--badge-color);padding:5px;cursor:pointer}.profile-badge svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.badge-tooltip{display:none;position:absolute;left:0;top:35px;width:210px;background:#0e0d12;border:1px solid #554961;color:#ddd4ec;padding:9px;border-radius:8px;text-align:left;font-size:11px;z-index:3}.badge-tooltip b{display:block;color:var(--badge-color);margin-bottom:4px}.profile-badge:hover .badge-tooltip,.profile-badge:focus-visible .badge-tooltip{display:block}.profile-upsell{position:relative;margin-top:14px;padding:12px;border:1px solid #694a81;border-radius:10px;background:linear-gradient(110deg,#392544,#2b2037);font-size:13px}.profile-upsell>button{position:absolute;right:5px;top:4px;background:none;border:0;color:#bdabc9}.profile-upsell>div{display:flex;gap:8px;margin-top:10px}.profile-upsell a{flex:1;text-align:center;padding:7px;background:#7954ab;border-radius:6px;color:white;text-decoration:none;font-size:12px}.profile-own-menu{display:flex;flex-direction:column;gap:3px;margin-top:12px}.profile-own-menu button,.profile-own-menu label,.profile-more button{background:none;border:0;text-align:left;color:#ded5ea;font-size:12px;padding:9px;border-radius:6px}.profile-own-menu button:hover,.profile-more button:hover{background:#302735}.profile-own-menu label{display:flex;justify-content:space-between;align-items:center}.profile-own-menu select{background:#29232f;border:1px solid #51465c;color:white;max-width:165px;border-radius:5px;padding:5px}.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}.profile-actions .btn{font-size:11px;padding:8px}.profile-more{position:relative;margin-left:auto}.profile-more summary{cursor:pointer;padding:8px;list-style:none}.profile-more>div{position:absolute;right:0;bottom:35px;width:135px;display:flex;flex-direction:column;background:#100f15;border:1px solid #403647;border-radius:8px;padding:5px}.profile-report-form{margin-top:12px}.profile-report-form[hidden]{display:none}.profile-trigger-name{border:0;background:none;color:inherit;font:inherit;font-weight:700;padding:0;cursor:pointer}.avatar[data-profile]{cursor:pointer}.avatar[data-profile]:focus-visible{outline:2px solid #b494ff;outline-offset:3px}
@media(max-width:600px){.profile-overlay{background:#0008}.user-profile-card{border-radius:16px}.profile-banner{aspect-ratio:5/2;max-height:180px}.profile-avatar-row{margin-left:20px}.profile-content{padding:4px 22px 22px}.badge-tooltip{position:fixed;top:auto;bottom:16px;left:16px;width:calc(100% - 32px)}}
.avatar-portrait{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.avatar-portrait img{display:block;width:100%;height:100%;object-fit:cover}.avatar-frame{position:absolute;left:var(--frame-x,-16.666667%);top:var(--frame-y,-16.666667%);width:var(--frame-width,133.333333%);height:var(--frame-height,133.333333%);pointer-events:none;z-index:2}.avatar-frame img{display:block;width:100%;height:100%;object-fit:contain}.avatar .status-dot{z-index:3}.user-profile-card{height:auto;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden}.profile-card-scroll{height:auto;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.profile-banner{height:136px;aspect-ratio:5/2;overflow:hidden}.profile-banner picture,.profile-banner img{display:block;width:100%;height:100%;object-fit:cover}.profile-effect-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.profile-effect-layer img{display:block;width:100%;height:100%}.profile-close{z-index:5}.profile-presence{z-index:3}.profile-appearance-settings{border-top:1px solid #39313f;border-bottom:1px solid #39313f;margin:18px 0;padding:16px 0}.profile-appearance-settings h3{margin:0 0 12px}.appearance-preview{max-width:340px;border:1px solid #39313f;border-radius:12px;background:#19181f;padding-bottom:10px}.appearance-banner{aspect-ratio:5/2;overflow:hidden;border-radius:12px 12px 0 0}.appearance-banner img{width:100%;height:100%;object-fit:cover}.appearance-preview>.avatar{margin:-32px 0 0 16px;border:4px solid #19181f;position:relative}.appearance-upload-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.appearance-upload-actions .btn{font-size:12px}.profile-crop-dialog{width:min(380px,calc(100vw - 24px));padding:20px;border:1px solid #59456b;border-radius:16px;background:#1c1824;color:#f1eaf7;max-height:90dvh;overflow:auto}.profile-crop-dialog::backdrop{background:#000b}.profile-crop-dialog h2{font-size:20px;margin:0 0 8px}.profile-crop-dialog p{font-size:12px;color:#baa9cc}.profile-crop-viewport{width:100%;position:relative;overflow:hidden;background:#100d17;cursor:grab;touch-action:none;border:1px solid #ac88d0;margin:14px 0}.profile-crop-viewport.avatar{border-radius:50%;height:auto;display:block}.profile-crop-viewport img{position:absolute;max-width:none;pointer-events:none;user-select:none}.crop-avatar-mask{position:absolute;width:23.53%;aspect-ratio:1;border-radius:50%;background:#19181f99;border:3px dashed #eee7fc;bottom:-11.76%;left:4.7%;pointer-events:none}.crop-position-controls{display:flex;gap:10px;margin-top:10px;font-size:11px;color:#baa9cc}.crop-position-controls label{min-width:0;flex:1}.crop-position-controls input{width:100%}.crop-status{min-height:30px}.participant-avatar{display:inline-flex;vertical-align:middle;margin-right:10px}.participant-name{display:flex;align-items:center;gap:6px}
@media(max-width:600px){.user-profile-card{max-height:calc(100dvh - 24px)}.profile-banner{height:auto;aspect-ratio:5/2}.profile-crop-dialog .actions{flex-wrap:wrap}.profile-card-scroll{padding-bottom:env(safe-area-inset-bottom)}}

.user-profile-card{border:0;box-shadow:0 0 0 1px #34303e,0 16px 60px #0009}.profile-card-scroll{scrollbar-width:thin}.crop-avatar-mask{bottom:0;transform:translateY(50%)}.profile-perks-notice{padding:8px;background:#302338;border-radius:7px;font-size:11px}.profile-perks-notice a{color:#c5a0ff}

.appearance-avatar-upload{display:block;position:relative;margin:-32px 0 0 16px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.appearance-avatar-upload>.avatar{border:4px solid #19181f}.appearance-avatar-upload:focus-visible{outline:2px solid var(--purple);outline-offset:3px}

.profile-badge .badge-image{display:block;width:100%;height:100%;object-fit:contain}.badge-crystal{mix-blend-mode:screen}.profile-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-name-line h2{max-width:100%;overflow-wrap:anywhere}.profile-crew-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid #ff8f4855;border-radius:20px;background:#ff8c4820;color:#ffb573;font-size:10px;font-weight:700;padding:3px 6px;white-space:nowrap}.profile-crew-pill img{width:14px;height:16px;object-fit:contain}.profile-crew-pill svg{width:14px;height:14px}.profile-crew-pill[data-profile-action]{cursor:pointer}.message-user-badge{display:inline-flex;width:16px;height:16px;vertical-align:middle;flex-shrink:0}.message-user-badge img,.message-user-badge svg{width:100%;height:100%;object-fit:contain}

.profile-badge.badge-founder-crab{background:transparent;border:0;padding:1px}.badge-founder-crab .badge-image{filter:drop-shadow(0 0 1px #ffae5a66);animation:founder-crab-glimmer 5s ease-in-out infinite}.message-user-badge.badge-founder-crab{width:18px;height:18px}@keyframes founder-crab-glimmer{0%,100%{filter:drop-shadow(0 0 1px #ffae5a55)}50%{filter:drop-shadow(0 0 3px #ffc05f99)}}@media(prefers-reduced-motion:reduce){.badge-founder-crab .badge-image{animation:none}}

.sidebar-collapse{align-self:flex-end;flex-shrink:0;margin:4px 8px}.user-store{position:relative;flex-shrink:0}.store-crystal{position:absolute;right:0;top:0;color:#ff8a36;font-size:10px}.user-box .user-profile{min-width:0}.user-box .user-profile>span{min-width:0}.shell{transition:grid-template-columns .18s ease}.rail,.sidebar{transition:transform .18s ease}
@media(min-width:1025px){.shell.sidebar-collapsed{grid-template-columns:64px 72px minmax(0,1fr)}.sidebar-collapsed .sidebar-search,.sidebar-collapsed .server-heading,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-empty,.sidebar-collapsed .sidebar-secondary,.sidebar-collapsed .sidebar-device>span,.sidebar-collapsed .user-profile>span,.sidebar-collapsed .nav-item>span,.sidebar-collapsed .dm-label{display:none}.sidebar-collapsed .nav-item{font-size:0;justify-content:center;padding:10px}.sidebar-collapsed .nav-item .icon{flex-shrink:0}.sidebar-collapsed .user-box{flex-wrap:wrap;justify-content:center;gap:3px;padding:8px 3px}.sidebar-collapsed .user-profile{flex:none;width:100%;justify-content:center}.sidebar-collapsed .user-box .icon-btn{width:28px;height:28px}.sidebar-collapsed .sidebar-device{justify-content:center}.sidebar-collapsed .sidebar-collapse{align-self:center}}
@media(prefers-reduced-motion:reduce){.shell,.rail,.sidebar{transition:none}}
.main-wrap>main:has(.settings-page){display:flex;overflow:hidden}.settings-page{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;max-width:1200px;width:100%;margin:0 auto}.settings-header{display:flex;flex-shrink:0;gap:12px;align-items:center;position:relative;z-index:4;background:var(--bg);padding:8px 0 16px}.settings-header input{max-width:420px}.settings-header>button{margin-left:auto}.settings-page>.settings-layout{display:grid;flex:1;min-height:0;grid-template-columns:220px minmax(0,1fr);gap:28px;margin-top:0;padding-top:20px;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-top:20px}.settings-nav{display:flex;flex-direction:column;gap:3px;position:sticky;top:var(--settings-nav-top,20px);align-self:start;max-height:none;overflow:visible}.settings-nav h3{font-size:10px;color:var(--muted);margin:18px 10px 7px}.settings-nav small{padding:14px;color:var(--muted)}.settings-nav .nav-item{min-height:34px}.settings-detail{min-width:0}.settings-detail h1{font-size:24px}.settings-detail>.panel,.settings-detail>form,.settings-detail .setting-row{margin-bottom:18px}.settings-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.settings-profile-preview{position:var(--settings-preview-position,sticky);top:0;align-self:start;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.settings-profile-preview .profile-banner img{width:100%;height:100%;object-fit:cover}.settings-profile-preview .avatar{margin-top:-35px;border:5px solid var(--panel)}.settings-profile-preview p{white-space:pre-wrap}.settings-savebar{position:sticky;bottom:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:8px;z-index:5}.settings-savebar span{margin-right:auto}.settings-savebar[hidden],.settings-nav [hidden],.setting-row[hidden]{display:none}#settings-search-results{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.order-detail{padding:14px;border-bottom:1px solid var(--line)}.order-detail summary{cursor:pointer}.settings-detail .list-row{flex-wrap:wrap;overflow-wrap:anywhere}
[data-accent=blue]{--purple:#408ee0}[data-accent=orange]{--purple:#d56a2f}[data-accent=green]{--purple:#329b76}.btn.primary{background:var(--purple)}.message-body{font-size:var(--message-font-size,14px)}[data-density=compact] .message{padding-top:5px;padding-bottom:5px}[data-show-avatars=false] .message>.avatar{display:none}[data-media-preview=false] .message .chat-image-link,[data-media-preview=false] .message .chat-video{display:none}[data-notifications=false] [data-action=notifications]{display:none}[data-reduce-motion=true] *,[data-reduce-motion=true] *::before,[data-reduce-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-high-contrast=true]{--text:#fff;--muted:#dedee8;--line:#9090a0}[data-high-contrast=true] .message-body,[data-high-contrast=true] .nav-item{color:var(--text)}[data-streamer=true] .account-email,[data-streamer=true] .developer-id,[data-streamer=true] input[value*="invite="]{filter:blur(7px);user-select:none}[data-developer=false] [data-profile-action=copy],[data-streamer=true] [data-profile-action=copy]{display:none}.chat-image[hidden]{display:none}.static-gif{max-width:420px;max-height:360px;width:auto;border-radius:8px}.grouped-message>.avatar{visibility:hidden}.grouped-message .message-meta{display:none}
[data-theme=light]{--bg:#f3f3f8;--panel:#fff;--raised:#e8e8f1;--line:#c7c7d6;--text:#242433;--muted:#5d5d70}[data-theme=light] body,[data-theme=light] .content,[data-theme=light] .main-wrap,[data-theme=light] .chat-main{background:var(--bg);color:var(--text)}[data-theme=light] .sidebar,[data-theme=light] .panel,[data-theme=light] .members-pane,[data-theme=light] .workspace-header,[data-theme=light] .topbar,[data-theme=light] .settings-profile-preview{background:var(--panel);color:var(--text)}[data-theme=light] .rail,[data-theme=light] .app-titlebar,[data-theme=light] .user-box{background:#e4e4ee;color:var(--text)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] .composer{background:#fff;color:var(--text);border-color:var(--line)}[data-theme=light] .message-body,[data-theme=light] .nav-item,[data-theme=light] .label{color:var(--text)}[data-theme=light] .message:hover,[data-theme=light] .nav-item.active{background:#e1def2}
@media(max-width:1100px){.settings-profile-grid{grid-template-columns:minmax(0,1fr)}.settings-profile-preview{position:static;max-width:340px}}
@media(max-width:1024px){.settings-page>.settings-layout{grid-template-columns:minmax(0,1fr);gap:14px}.settings-nav{position:sticky;top:0;z-index:3;background:var(--bg);flex-direction:row;max-height:none;overflow-x:auto;white-space:nowrap;padding-bottom:10px}.settings-nav h3{display:none}.settings-nav .nav-item{flex-shrink:0}.settings-header{top:0}.settings-detail>.panel{padding:16px}.settings-savebar{bottom:0}}

.settings-detail button[hidden]{display:none}
:root[data-blur-sensitive="true"] .sensitive-media:not(.sensitive-revealed) .chat-image,:root[data-blur-sensitive="true"] .sensitive-media:not(.sensitive-revealed) .chat-video{filter:blur(22px);pointer-events:none}
:root[data-blur-sensitive="false"] .reveal-sensitive,.reveal-sensitive[hidden]{display:none}
:root[data-show-emoji="false"] .chat-emoji,:root[data-show-emoji="false"] .reaction,:root[data-link-previews="false"] .link-preview-card{display:none}
.link-preview-card{display:grid;gap:5px;margin:8px 0;padding:12px;max-width:430px;border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:8px;background:var(--panel)}.link-preview-card p{margin:0;font-size:12px}.typing-state{font-size:11px;min-height:18px;color:var(--muted);padding:0 4px}.chat-emoji{display:inline-block}
:root[data-animated-emoji="true"]:not([data-reduce-motion="true"]) .chat-emoji{animation:emoji-bob 3s ease-in-out infinite}@keyframes emoji-bob{50%{transform:translateY(-2px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.chat-emoji{animation:none!important}}
:root[data-role-colors="true"] .member-row[data-role="owner"] b{color:#ffb56b}:root[data-role-colors="true"] .member-row[data-role="admin"] b{color:#cfb2ff}:root[data-role-colors="true"] .member-row[data-role="moderator"] b{color:#80d8bd}
:root[data-blur-sensitive="true"] .sensitive-media:not(.sensitive-revealed) .chat-image-link{pointer-events:none}
:root[data-role-colors="true"] .profile-roles [data-role="owner"]{color:#ffb56b}:root[data-role-colors="true"] .profile-roles [data-role="admin"]{color:#cfb2ff}:root[data-role-colors="true"] .profile-roles [data-role="moderator"]{color:#80d8bd}
.settings-page .ringtone-controls{display:flex;flex-wrap:wrap;gap:10px}
.settings-page .media-controls{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0}.settings-page .media-controls .btn{width:auto;min-width:0;flex:0 1 auto;white-space:normal}

.server-banner-header{min-width:0;flex-shrink:0}.server-banner-header.has-banner{position:relative;width:100%;aspect-ratio:16/9;isolation:isolate;overflow:hidden}.server-banner-picture,.server-banner-picture img{display:block;width:100%;height:100%;object-fit:cover}.has-banner>.server-banner-picture{position:absolute;inset:0;z-index:-2}.has-banner::after,.server-banner-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#000b 0%,#0005 48%,#0002 100%);z-index:-1;pointer-events:none}.has-banner .server-heading{position:relative;color:#fff;border-bottom:0;text-shadow:0 1px 3px #000}.has-banner .server-heading:hover{background:#0003}.server-banner-preview{position:relative;isolation:isolate;width:min(100%,400px);aspect-ratio:16/9;overflow:hidden;border-radius:8px}.server-banner-preview .server-banner-picture{position:absolute;inset:0;z-index:-2}.server-banner-preview>span{display:block;padding:16px;color:#fff;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000}.server-appearance{margin-block:20px}.server-appearance h3{margin-top:12px}.server-appearance .muted{margin-block:12px}.server-banner-crop{width:min(520px,calc(100vw - 24px))}.server-banner-crop input[type=range]{width:100%}.server-banner-crop .profile-crop-viewport:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(min-width:1025px){.sidebar-collapsed .server-banner-header{display:none}}

.sidebar:has(>.server-banner-header.has-banner)>.sidebar-collapse{position:absolute;top:54px;right:6px;z-index:2;color:#fff;background:#0006;border-radius:6px}
/* DM inbox and conversation surfaces share the existing theme and avatar renderer. */
.dm-inbox-surface,.dm-workspace{--dm-glass:var(--panel);--dm-row:var(--raised);--dm-edge:var(--line);--dm-accent:var(--purple);--dm-secondary:var(--muted);color:var(--text);background:var(--bg);}
.dm-inbox-surface{max-width:1150px;margin:0 auto;padding:28px;border:1px solid var(--dm-edge);border-radius:calc(var(--radius) * 2);background-color:var(--dm-glass);box-shadow:0 16px 48px var(--panel)}
.dm-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.dm-inbox-heading h1{font-size:28px;letter-spacing:-.7px;margin:8px 0}.dm-inbox-heading p{font-size:13px;line-height:1.6;color:var(--dm-secondary);margin:0;max-width:500px}.dm-inbox-heading .eyebrow{color:var(--dm-accent);font-size:10px;letter-spacing:1.5px}.dm-inbox-heading>.btn{flex:none;min-height:44px}
.dm-inbox-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:0 0 22px;border-bottom:1px solid var(--dm-edge);margin-bottom:14px}.dm-chips{display:flex;gap:5px;flex-wrap:wrap}.dm-chip{min-height:44px;padding:10px 13px;border:1px solid transparent;border-radius:var(--radius);color:var(--dm-secondary);font:inherit;font-size:12px;background:transparent;cursor:pointer}.dm-chip[aria-pressed=true]{color:var(--dm-accent);background:var(--panel);border-color:var(--panel)}.dm-chip span{margin-left:5px;font-size:11px}.dm-sort{margin-left:auto}.dm-sort select,.dm-inbox-search{min-height:44px;border:1px solid var(--dm-edge);border-radius:var(--radius);background:var(--bg);color:var(--text)}.dm-sort select{padding:8px 12px;font:inherit;font-size:12px;max-width:100%}.dm-inbox-search{display:flex;align-items:center;gap:10px;flex:1 0 100%;padding:0 13px}.dm-inbox-search .icon{width:18px;height:18px;color:var(--dm-secondary)}.dm-inbox-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;min-height:44px;outline:none}.dm-inbox-search:focus-within{outline:2px solid var(--dm-accent);outline-offset:2px}.dm-inbox-search input::placeholder{color:var(--dm-secondary)}
.dm-inbox-page{display:grid;gap:9px}.dm-card{position:relative;border:1px solid var(--dm-edge);border-radius:calc(var(--radius) + 4px);background:var(--dm-row);transition:transform .15s,border-color .15s,background .15s;content-visibility:auto;contain-intrinsic-size:auto 88px}.dm-card:hover,.dm-card:focus-within{transform:translateY(-1px);border-color:var(--panel);background:var(--panel)}.dm-card-open{display:flex;align-items:center;gap:16px;padding:19px 20px;width:100%;min-height:86px;text-align:left;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:inherit;background:transparent}.dm-card-open>.avatar{width:44px;height:44px;flex:none;font-size:15px}.dm-card-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.dm-card-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.dm-card.unread .dm-card-name,.dm-nav.unread .dm-name b{font-weight:750}.dm-card-name small{font-size:10px;color:var(--dm-secondary);font-weight:400;margin-left:10px}.dm-card-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dm-secondary);font-size:12px}.dm-card-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:9px;padding-right:28px;flex:none}.dm-card time{color:var(--dm-secondary);font-size:11px;white-space:nowrap}.dm-card .dm-unread{min-width:23px;line-height:19px;background:var(--panel);color:var(--text)}.dm-card.unread{border-left:3px solid var(--purple)}.dm-card-read{position:absolute;right:6px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;width:44px;height:44px;color:var(--dm-accent);background:var(--panel);border:1px solid var(--dm-edge);border-radius:var(--radius)}.dm-card:hover .dm-card-read,.dm-card:focus-within .dm-card-read{opacity:1;pointer-events:auto}.dm-card-open:focus-visible,.dm-card-read:focus-visible,.dm-chip:focus-visible,.dm-sort select:focus-visible,.dm-more:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.dm-inbox-surface mark,#dm-list mark{background:var(--panel);color:var(--text);border-radius:2px}
.dm-avatar-stack{width:48px;height:44px;position:relative;display:block;flex:none}.dm-avatar-stack .avatar{position:absolute;width:29px;height:29px;font-size:10px;left:0;top:0}.dm-avatar-stack .avatar:nth-child(2){left:17px;top:15px}.dm-avatar-stack .avatar:nth-child(3){left:24px;top:0;width:24px;height:24px;font-size:9px}.dm-nav .dm-avatar-stack{width:34px;height:32px}.dm-nav .dm-avatar-stack .avatar{width:24px;height:24px;min-width:24px}.dm-nav .dm-avatar-stack .avatar:nth-child(2){left:10px;top:8px}.dm-nav{min-height:58px}.dm-nav .dm-name b{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-nav .dm-name small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;margin-top:5px}.dm-filter input{min-height:44px}.dm-more{min-height:44px;justify-self:center;margin:10px auto}.dm-empty{text-align:center;padding:48px 16px}.dm-empty img{width:170px;height:170px;object-fit:contain;display:block;margin:0 auto 18px}.dm-empty h2{font-size:21px;margin:0 0 10px}.dm-empty p{color:var(--dm-secondary);font-size:13px;line-height:1.6;margin:0 0 22px}.dm-empty .btn{min-height:44px}.dm-skeleton{min-height:86px;display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--dm-edge);border-radius:12px;background:var(--dm-row)}.dm-skeleton span{width:44px;height:44px;border-radius:50%;background:var(--raised);flex:none}.dm-skeleton i{height:28px;border-radius:6px;background:var(--raised);width:65%;animation:dm-breathe 1.3s ease-in-out infinite alternate}@keyframes dm-breathe{to{opacity:.4}}
.dm-workspace .workspace-header{min-height:72px;height:72px;background:var(--dm-glass);border-bottom:1px solid var(--dm-edge)}.dm-workspace .dm-heading h1{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-workspace .dm-profile{flex:1;min-width:0;max-width:calc(100% - 145px);min-height:44px}.dm-workspace .dm-heading{min-width:0;text-align:left}.dm-workspace .header-end{margin-left:auto;gap:4px;flex:none}.dm-workspace .header-end .icon-btn{width:44px;min-width:44px;height:44px;border-radius:var(--radius)}.dm-workspace .chat-main{position:relative;background:transparent;min-width:0}.dm-workspace .composer-wrap{background:var(--dm-glass);border-top:1px solid var(--dm-edge)}.dm-workspace .composer{border:1px solid var(--dm-edge);background:var(--dm-row);border-radius:12px;min-height:50px}.dm-workspace .composer .icon-btn,.dm-workspace .composer .btn{min-width:44px;min-height:44px}.dm-workspace .channel-intro{border-bottom:1px solid var(--dm-edge);margin:0 24px 22px;padding:12px 0 24px}.dm-workspace .channel-intro p,.dm-workspace #dm-status{color:var(--dm-secondary)}.dm-new-divider{display:flex;align-items:center;gap:12px;color:var(--dm-accent);font-size:11px;margin:22px 24px}.dm-new-divider:before,.dm-new-divider:after{content:'';height:1px;background:var(--purple);flex:1;opacity:.65}.dm-bottom{position:absolute;right:24px;bottom:135px;min-height:44px;z-index:3;background:var(--panel);color:var(--dm-accent);border:1px solid var(--purple);border-radius:22px;box-shadow:0 4px 16px var(--panel)}.dm-bottom[hidden]{display:none}.dm-picker{max-height:320px;overflow:auto}.dm-picker-row{display:flex;align-items:center;gap:12px;min-height:56px;border-radius:var(--radius);padding:8px;cursor:pointer}.dm-picker-row:hover,.dm-picker-row:focus-within{background:var(--raised)}.dm-picker-row>span:not(.avatar){flex:1}.dm-picker-row small{display:block;color:var(--muted);margin-top:4px}.dm-picker-row input{width:22px;height:22px;accent-color:var(--purple)}
@supports(backdrop-filter:blur(8px)){.dm-inbox-surface,.dm-workspace .workspace-header,.dm-workspace .composer-wrap{backdrop-filter:blur(8px)}}
@supports not (backdrop-filter:blur(8px)){.dm-inbox-surface,.dm-workspace .workspace-header,.dm-workspace .composer-wrap{background:var(--panel)}.dm-card,.dm-workspace .composer{background:var(--raised)}}
[data-theme=light] .dm-inbox-surface,[data-theme=light] .dm-workspace{--dm-glass:var(--panel);--dm-row:var(--raised);--dm-edge:var(--line);--dm-accent:var(--purple);--dm-secondary:var(--muted)}.dm-nav.active{box-shadow:inset 3px 0 var(--purple)}
@media(prefers-reduced-transparency:reduce){.dm-inbox-surface,.dm-workspace .workspace-header,.dm-workspace .composer-wrap{background:var(--panel);backdrop-filter:none}.dm-card,.dm-workspace .composer{background:var(--raised)}}
@media(prefers-reduced-motion:reduce){.dm-card{transition:none}.dm-card:hover,.dm-card:focus-within{transform:none}.dm-skeleton i{animation:none}}
@media(hover:none){.dm-card-read{opacity:1;pointer-events:auto}.dm-card-meta{padding-right:38px}}
@media(max-width:1024px){.dm-inbox-surface{padding:18px 14px;border-radius:12px}.dm-inbox-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.dm-inbox-heading h1{font-size:25px}.dm-inbox-heading p{font-size:12px}.dm-inbox-heading>.btn{font-size:12px}.dm-inbox-tools{gap:10px}.dm-sort{width:100%;margin:0}.dm-sort select{width:100%}.dm-chip{padding:10px 11px}.dm-card-open{padding:16px 12px;gap:12px}.dm-card-name{font-size:13px}.dm-card-name small{display:block;margin:4px 0 0}.dm-card-preview{font-size:12px}.dm-card-meta{padding-right:26px}.dm-card time{font-size:10px}.dm-card-read{width:44px;right:0}.dm-workspace .workspace-header{flex-wrap:nowrap;gap:6px;padding:0 8px}.dm-workspace .dm-profile{max-width:none;gap:7px}.dm-workspace .dm-profile>.avatar{width:30px;height:30px;min-width:30px}.dm-workspace .dm-heading h1{font-size:13px}.dm-workspace .header-end{gap:0}.dm-workspace .header-end .icon-btn{width:44px;min-width:44px}.dm-workspace .channel-intro{margin-inline:16px}.dm-bottom{right:12px}.dm-workspace .composer-wrap{padding-inline:8px}.dm-workspace .composer{gap:0;padding:4px}.dm-workspace .composer input{min-width:0}.dm-card-copy{overflow:hidden}}
.dm-filter .sr-only,.dm-sort .sr-only,.dm-inbox-surface .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dm-workspace .dm-header-profile .avatar{width:25px;height:25px;min-width:25px;font-size:10px}.dm-workspace .dm-header-profile .status-dot{display:none}@media(max-width:1024px){.dm-workspace:has(.dm-header-profile) .dm-profile{max-width:calc(100% - 174px)}.dm-workspace:has(.dm-header-profile) .header-end .member-toggle{display:none}}
/* Reference layout: edge-to-edge message rows, one title and one tab bar. */
.dm-inbox-shell{grid-template-rows:52px minmax(0,1fr);grid-template-columns:72px 252px minmax(0,1fr);background:var(--panel)}
.dm-inbox-shell .app-titlebar{height:52px;padding:0 22px;gap:10px;background:var(--panel);border-color:var(--panel)}
.dm-inbox-shell .app-titlebar>.brand-name{font-size:19px;letter-spacing:-.5px}.dm-inbox-shell .app-titlebar>.brand-mascot{width:30px;height:34px}.dm-inbox-shell .titlebar-context{display:none}.dm-inbox-shell .app-titlebar .icon-btn{width:44px;height:44px}
.dm-inbox-shell .main-wrap>.topbar{display:none}.dm-inbox-shell .content{padding:18px 28px 32px;background:var(--panel)}
.dm-inbox-shell .rail{background:var(--panel);border-right:1px solid var(--line);padding:16px 10px;gap:15px}.dm-inbox-shell .server-orb{width:50px;height:50px;min-height:50px;font-size:16px}.dm-inbox-shell .rail-logo{width:52px;height:58px}.dm-inbox-shell .rail-dm.active{background:var(--raised);box-shadow:0 0 20px var(--panel);border-radius:16px}.dm-inbox-shell .rail-servers{gap:15px}
.dm-inbox-shell .sidebar{background:var(--raised);border-color:var(--panel)}.dm-inbox-shell .sidebar-collapse{position:absolute;right:6px;top:64px;width:24px;height:24px;z-index:1;opacity:0}.dm-inbox-shell .sidebar:hover .sidebar-collapse,.dm-inbox-shell .sidebar-collapse:focus-visible{opacity:1}.dm-inbox-shell .sidebar-search{height:66px;min-height:66px;padding:12px 13px;border:0}.dm-inbox-shell .sidebar-search button{font-size:13px;min-height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel);gap:8px}.dm-inbox-shell .sidebar-search button>.icon{width:17px;height:17px;flex:none}.dm-inbox-shell .sidebar-search button>span{flex:1;text-align:left}.dm-inbox-shell .sidebar-search kbd{font-size:11px}
.dm-inbox-shell .sidebar-scroll{padding:6px 12px}.dm-inbox-shell .nav-item{min-height:42px;padding:10px 11px;font-size:14px;color:var(--text);gap:12px;border-radius:7px}.dm-inbox-shell .nav-item>.icon{width:20px;height:20px;flex:none}.dm-inbox-shell .nav-item.active{background:var(--panel);color:var(--text)}.dm-inbox-shell .dm-label{margin-top:27px;padding:0 8px}.dm-inbox-shell .dm-label .nav-label{font-size:12px;letter-spacing:0;color:var(--text)}.dm-inbox-shell .dm-label .icon-btn{width:36px;height:36px}.dm-inbox-shell .dm-filter{margin:7px 0}.dm-inbox-shell .dm-filter input{font-size:12px;min-height:38px;background:var(--panel);border-color:var(--panel);border-radius:7px}.dm-inbox-shell .dm-nav{min-height:58px;gap:11px;padding:9px 8px}.dm-inbox-shell .dm-nav>.avatar{width:36px;height:36px;font-size:12px;flex:none}.dm-inbox-shell .dm-name b{font-size:13px}.dm-inbox-shell .dm-name small{font-size:11px;color:var(--text)}.dm-inbox-shell .sidebar-device{background:transparent}.dm-inbox-shell .user-box{min-height:74px;background:var(--panel);border-top:1px solid var(--line)}.dm-inbox-shell .user-box .avatar{width:38px;height:38px}.dm-inbox-shell .user-box b{font-size:12px}
.dm-inbox-shell .dm-inbox-surface{max-width:none;margin:0;padding:0;min-height:100%;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:transparent;--dm-edge:var(--line);--dm-accent:var(--purple);--dm-secondary:var(--muted)}
.dm-inbox-shell .dm-inbox-heading{margin:0 0 12px;min-height:38px;justify-content:flex-start;gap:10px}.dm-inbox-shell .dm-inbox-heading h1{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-.5px;font-weight:750;margin:0;color:var(--text)}.dm-inbox-shell .dm-inbox-heading h1>.icon{width:26px;height:26px;color:var(--text)}
.dm-inbox-shell .dm-inbox-tools{position:relative;flex-wrap:nowrap;gap:10px;min-height:58px;margin:0;padding:0 0 9px;border-bottom:1px solid var(--line)}.dm-inbox-shell .dm-chips{gap:8px;flex-wrap:nowrap}.dm-inbox-shell .dm-chip{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 14px;border:0;border-radius:13px;color:var(--text);font-size:13px;white-space:nowrap}.dm-inbox-shell .dm-chip>.icon{width:20px;height:20px;flex:none}.dm-inbox-shell .dm-chip[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:inset 0 -2px var(--panel)}.dm-inbox-shell #dm-inbox-unread{display:inline-grid;place-items:center;min-width:20px;height:20px;margin:0;padding:0 5px;border-radius:12px;background:var(--panel);color:var(--text);font-size:11px}.dm-inbox-shell .dm-new-message{margin-left:0;padding:0 0 0 18px;min-height:36px;white-space:nowrap;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font-size:13px;gap:9px}.dm-inbox-shell .dm-new-message:hover{color:var(--text);background:transparent}.dm-inbox-shell .dm-new-message .icon{width:19px;height:19px}
.dm-inbox-shell .dm-inbox-options{margin-left:auto;position:relative;flex:none}.dm-inbox-shell .dm-inbox-options>summary{display:grid;place-items:center;list-style:none;width:38px;height:44px;cursor:pointer;color:var(--text);border-radius:6px}.dm-inbox-shell .dm-inbox-options>summary::-webkit-details-marker{display:none}.dm-inbox-shell .dm-inbox-options>summary:hover,.dm-inbox-shell .dm-inbox-options[open]>summary{color:var(--text);background:var(--panel)}.dm-inbox-shell .dm-inbox-options>summary>.icon{width:19px;height:19px}.dm-inbox-shell .dm-options-popover{position:absolute;top:50px;right:0;z-index:8;display:grid;gap:12px;width:300px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 36px var(--panel)}.dm-inbox-shell .dm-options-popover .dm-sort{margin:0}.dm-inbox-shell .dm-options-popover select{width:100%;min-height:44px}.dm-inbox-shell .dm-options-popover .dm-inbox-search{min-width:0;flex:auto}
.dm-inbox-shell .dm-inbox-page{display:block;padding-top:9px}.dm-inbox-shell .dm-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;contain-intrinsic-size:auto 80px;transition:background .15s}.dm-inbox-shell .dm-card:hover,.dm-inbox-shell .dm-card:focus-within{transform:none;background:var(--panel)}.dm-inbox-shell .dm-card.unread{border-left:0}.dm-inbox-shell .dm-card-open{gap:20px;min-height:80px;padding:15px 4px;border-radius:0}.dm-inbox-shell .dm-card-open>.avatar{width:48px;height:48px;font-size:17px}.dm-inbox-shell .dm-card-copy{gap:6px}.dm-inbox-shell .dm-card-name{font-size:15px;font-weight:600;color:var(--text)}.dm-inbox-shell .dm-card-name small{display:none}.dm-inbox-shell .dm-card-preview{font-size:14px;color:var(--text)}.dm-inbox-shell .dm-card-meta{min-width:65px;padding:0;gap:6px}.dm-inbox-shell .dm-card time{font-size:12px;color:var(--text)}.dm-inbox-shell .dm-card .dm-unread{min-width:21px;height:21px;line-height:17px;padding:2px 5px;background:var(--raised);color:white;font-size:12px}.dm-inbox-shell .dm-row-arrow{display:grid;place-items:center;flex:none;width:24px;color:var(--text)}.dm-inbox-shell .dm-row-arrow .icon{width:19px;height:19px}.dm-inbox-shell .dm-card-read{right:28px;width:44px;height:44px;z-index:2}.dm-inbox-shell .dm-card:hover .dm-card-meta,.dm-inbox-shell .dm-card:focus-within .dm-card-meta{padding-right:0}.dm-inbox-shell .dm-card:has(.dm-card-read):hover time,.dm-inbox-shell .dm-card:has(.dm-card-read):focus-within time{visibility:hidden}.dm-inbox-shell .dm-avatar-stack{width:48px}.dm-inbox-shell .dm-empty{padding-top:65px}.dm-inbox-shell .dm-skeleton{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:80px}
.dm-inbox-shell.sidebar-collapsed{grid-template-columns:72px 72px minmax(0,1fr)}.dm-inbox-shell.sidebar-collapsed .sidebar-collapse{position:static;opacity:1}.dm-inbox-shell.sidebar-collapsed .sidebar-scroll{padding-inline:5px}
[data-theme=light] .dm-inbox-shell,[data-theme=light] .dm-inbox-shell .content{background:var(--bg)}[data-theme=light] .dm-inbox-shell .sidebar,[data-theme=light] .dm-inbox-shell .app-titlebar,[data-theme=light] .dm-inbox-shell .rail,[data-theme=light] .dm-inbox-shell .user-box{background:var(--panel)}[data-theme=light] .dm-inbox-shell .dm-inbox-surface{--dm-secondary:var(--muted);--dm-accent:var(--purple)}[data-theme=light] .dm-inbox-shell .dm-card-name,[data-theme=light] .dm-inbox-shell .dm-inbox-heading h1{color:var(--text)}[data-theme=light] .dm-inbox-shell .dm-card-preview,[data-theme=light] .dm-inbox-shell .dm-card time,[data-theme=light] .dm-inbox-shell .nav-item{color:var(--text)}[data-theme=light] .dm-inbox-shell .dm-options-popover{background:var(--panel)}
@media(min-width:1500px){.dm-inbox-shell{grid-template-columns:82px 292px minmax(0,1fr)}.dm-inbox-shell .content{padding:18px 28px 32px}.dm-inbox-shell .rail{padding-inline:15px}.dm-inbox-shell .sidebar-search{padding-inline:13px}.dm-inbox-shell .sidebar-scroll{padding-inline:13px}.dm-inbox-shell .nav-item{font-size:15px}.dm-inbox-shell .dm-chip{font-size:14px;padding-inline:18px}.dm-inbox-shell .dm-card-name{font-size:16px}.dm-inbox-shell .dm-card-preview{font-size:15px}.dm-inbox-shell .dm-inbox-heading h1{font-size:28px}.dm-inbox-shell .dm-card-open{min-height:81px}}
@media(min-width:1025px) and (max-width:1150px){.dm-inbox-shell{grid-template-columns:64px 226px minmax(0,1fr)}.dm-inbox-shell .content{padding-inline:20px}.dm-inbox-shell .rail{padding-inline:7px}.dm-inbox-shell .dm-chip{padding-inline:10px;gap:7px;font-size:12px}.dm-inbox-shell .dm-chips{gap:3px}.dm-inbox-shell .dm-new-message{font-size:12px;padding-left:10px}}
@media(max-width:1024px){.dm-inbox-shell,.dm-inbox-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0,1fr)}.dm-inbox-shell .app-titlebar{height:48px;padding-inline:14px}.dm-inbox-shell .app-titlebar>.brand-name{font-size:17px}.dm-inbox-shell .app-titlebar>.brand-mascot{width:26px;height:30px}.dm-inbox-shell .rail,.dm-inbox-shell .sidebar{top:48px}.dm-inbox-shell .rail{width:60px;padding-inline:5px}.dm-inbox-shell .sidebar{left:60px;width:236px}.dm-inbox-shell .nav-backdrop{top:48px}.dm-inbox-shell .content{padding:17px 16px 24px}.dm-inbox-shell .dm-inbox-heading{margin-bottom:12px}.dm-inbox-shell .dm-inbox-heading h1{font-size:23px;gap:9px}.dm-inbox-shell .dm-inbox-heading .mobile-menu{width:36px;height:44px;flex:none}.dm-inbox-shell .dm-inbox-tools{flex-wrap:wrap;gap:5px;padding-bottom:10px}.dm-inbox-shell .dm-chips{order:2;width:100%;justify-content:space-between;gap:0}.dm-inbox-shell .dm-chip{font-size:11px;gap:5px;padding:9px 7px;min-height:44px;border-radius:9px}.dm-inbox-shell .dm-chip>.icon{width:16px;height:16px}.dm-inbox-shell .dm-new-message{position:absolute;right:0;top:-55px;min-height:44px;font-size:12px;padding-left:10px}.dm-inbox-shell .dm-inbox-options{position:absolute;right:118px;top:-55px}.dm-inbox-shell .dm-options-popover{right:-118px;width:min(320px,calc(100vw - 32px))}.dm-inbox-shell .dm-inbox-page{padding-top:3px}.dm-inbox-shell .dm-card-open{gap:12px;padding:14px 0;min-height:78px}.dm-inbox-shell .dm-card-open>.avatar{width:42px;height:42px;font-size:15px}.dm-inbox-shell .dm-card-name{font-size:14px}.dm-inbox-shell .dm-card-preview{font-size:12px}.dm-inbox-shell .dm-card time{font-size:10px}.dm-inbox-shell .dm-card-meta{min-width:44px}.dm-inbox-shell .dm-row-arrow{width:13px}.dm-inbox-shell .dm-row-arrow>.icon{width:16px}.dm-inbox-shell .dm-card-read{right:13px}.dm-inbox-shell .dm-card.unread .dm-card-meta{padding-right:20px}.dm-inbox-shell .dm-card.unread .dm-card-read{top:50%;width:38px;height:44px}}
@media(prefers-reduced-motion:reduce){.dm-inbox-shell,.dm-inbox-shell .rail,.dm-inbox-shell .sidebar,.dm-inbox-shell .dm-card{transition:none}}
@media(max-width:360px){.dm-inbox-shell .dm-inbox-heading{padding-bottom:48px}}
@media(max-width:360px){.dm-inbox-shell .dm-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dm-inbox-shell .dm-chip{justify-content:flex-start}}
@media(max-width:360px){.dm-inbox-shell .app-titlebar{gap:6px;padding-inline:10px}.dm-inbox-shell .app-titlebar>.brand-name{font-size:15px}.dm-inbox-shell .app-titlebar>.brand-mascot{width:23px;height:28px}.dm-inbox-shell .app-titlebar .icon-btn{width:36px;flex:none}.dm-inbox-shell .app-titlebar .notification-count{right:0;top:0}}
.community-card .community-art{height:auto;aspect-ratio:2.2/1}
.server-artwork{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.server-artwork img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .15s}
.server-artwork.is-loaded img{opacity:1}
.server-artwork.is-loaded>.artwork-fallback{visibility:hidden}
.server-artwork.is-loading::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffff20,transparent);background-size:200% 100%;animation:artwork-loading 1.2s linear infinite}
.server-artwork.has-error img{display:none}
.artwork-fallback{display:grid;place-items:center;width:100%;height:100%}
.community-art>[data-artwork]{position:absolute;inset:0;z-index:1}
.community-art>.tag{z-index:2}
.community-icon>[data-artwork]{border-radius:8px}
.server-orb>[data-artwork]{border-radius:inherit}
.heading-server-icon{width:24px;height:24px;flex:none;border-radius:7px;overflow:hidden}
.server-heading>span:not(.heading-server-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-icon-preview{width:128px;aspect-ratio:1}
.server-icon-preview>span{display:none}
.invite-artwork{width:64px;height:64px;border-radius:16px;margin-bottom:16px}
.banner-crop-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.banner-crop-previews figure{margin:0;min-width:0}
.banner-crop-previews figcaption{font-size:11px;color:var(--muted);min-height:34px;margin-bottom:6px}
.banner-crop-previews canvas{display:block;width:100%;border-radius:7px;border:1px solid var(--line)}
.community-card:focus-within{outline:2px solid var(--purple);outline-offset:2px}
@keyframes artwork-loading{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.server-artwork img{transition:none}.server-artwork.is-loading::after{animation:none}}

.integrations-panel{margin-block:20px}.integrations-panel h3{margin-top:24px}.integration-card{border:1px solid var(--border,#40394c);border-radius:12px;padding:18px;margin-block:14px}.integration-permission{display:flex;gap:10px;align-items:center;margin-block:9px}.integration-catalog{margin-block:16px}.integration-example{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--bg,#211d2a);border-radius:10px}.integration-secret{width:min(560px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--border,#40394c);border-radius:16px;background:var(--bg,#211d2a);color:inherit}.integration-secret::backdrop{background:#0009}.integration-secret textarea{min-height:100px;width:100%;overflow-wrap:anywhere}.integrations-panel .actions{flex-wrap:wrap}.bot-label{font-size:10px;margin-inline:6px;vertical-align:middle}.composer-wrap{position:relative}.slash-menu{position:absolute;bottom:100%;left:12px;right:12px;z-index:20;max-height:300px;overflow:auto;background:var(--bg,#211d2a);border:1px solid var(--border,#40394c);border-radius:12px;padding:8px;box-shadow:0 8px 28px #0005}.slash-menu button{display:flex;flex-direction:column;text-align:left;width:100%;padding:12px;background:transparent;color:inherit;border:0;border-radius:8px;cursor:pointer}.slash-menu button[aria-selected=true],.slash-menu button:hover{background:#7954ab55}.slash-menu button:focus-visible,.integrations-panel summary:focus-visible{outline:2px solid #ac8bff;outline-offset:2px}.slash-menu span,.slash-menu small{margin-top:4px}.slash-menu p{padding:12px}.integration-secret form{display:grid;gap:14px}@media(max-width:600px){.integration-card{padding:12px}.integrations-panel .actions .btn{flex:1 1 140px}}

.integration-card .integration-permission{display:flex;justify-content:flex-start;gap:10px;align-items:center}.integration-card .integration-permission input{width:18px;height:18px;flex:0 0 18px;margin:0}.integration-avatar{width:48px;height:48px;object-fit:contain;border-radius:50%}

.application-tabs{display:flex;gap:8px;margin-bottom:20px}.application-directory{max-width:1100px;margin-inline:auto}.application-grid{display:grid}.application-card{display:flex;flex-direction:column;gap:16px;margin:0;min-width:0}.application-overview{display:block;text-align:left;background:transparent;color:inherit;border:0;padding:0;cursor:pointer;flex:1}.application-overview h2{font-size:20px;margin:12px 0 8px}.application-overview p{line-height:1.6;color:var(--muted,#b1adbf)}.application-icon{display:inline-flex;padding:12px;border-radius:12px;background:#7954ab33;color:#b6a7ef}.application-icon svg{width:28px;height:28px}.application-card:hover{border-color:#ac8bff}.application-overview:focus-visible,.application-directory a:focus-visible,.application-dialog button:focus-visible{outline:2px solid #ac8bff;outline-offset:4px}.application-filters{display:flex;gap:16px;margin-bottom:20px}.application-dialog .actions{display:flex;flex-wrap:wrap;gap:8px}.application-dialog h3{margin-top:20px}.application-dialog li{margin-block:8px}.application-dialog fieldset{min-width:0;border:1px solid var(--border,#40394c);padding:12px}.application-dialog input,.application-dialog select,.application-dialog textarea{max-width:100%}.application-dialog select{width:100%}.application-dialog p{line-height:1.6;overflow-wrap:anywhere}@media(max-width:600px){.application-filters{flex-direction:column}.application-directory .discovery-intro p{max-width:none}.application-dialog{padding:16px}.application-dialog .actions .btn{flex:1 1 130px}}

.application-overview{align-content:start}

.application-overview{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.main-wrap:has(.application-directory)>.topbar>[data-action=notifications]{margin-left:auto}

/* The session outlives its view: this bar remains available on every route. */
.voice-banner{position:fixed;inset:0 0 auto;z-index:75;display:flex;align-items:center;gap:4px;height:52px;padding:0 max(8px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:#218653;color:#fff;box-shadow:0 2px 12px #0003}
.voice-banner[hidden]{display:none}
.voice-banner.is-reconnecting{background:#77551a}
.voice-banner-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;height:100%;text-align:left;border-radius:4px;color:inherit}
.voice-banner-copy{flex:1;min-width:0}.voice-banner-copy strong,.voice-banner-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-banner-copy strong{font-size:13px}.voice-banner-copy small{font-size:11px;color:#fff;opacity:.9;margin-top:2px}
.dm-call-heading [data-action=dm-call-minimize] .icon{transform:rotate(90deg)}
.voice-banner-return{display:flex;align-items:center;gap:8px;font-size:12px;margin-right:12px}.voice-banner .icon-btn{width:44px;height:44px;flex:none;color:inherit;border-radius:6px}.voice-banner .icon-btn[aria-pressed=false]{background:#0003}.voice-banner button:hover{background:#ffffff20}.voice-banner button:focus-visible{outline:2px solid #fff;outline-offset:-3px}.voice-banner button:disabled{opacity:.5}
.has-voice-session .shell{margin-top:52px;height:calc(100dvh - 52px)}
.has-voice-session .notification-popup{top:104px}
.voice-room-minimize{margin-bottom:16px;min-height:44px}
@media(max-width:1024px){.has-voice-session .rail,.has-voice-session .sidebar{top:80px}.has-voice-session .nav-backdrop{top:80px}.has-voice-session .mobile-voice-session{display:none}.has-voice-session .shell:has(.voice-connected) .composer{margin-bottom:0}.voice-banner-return{font-size:0;gap:0;margin:0}.voice-banner-open{gap:8px}}
/* Keep settings chrome outside the independently scrolling sections. */
.settings-header{position:sticky;top:0;isolation:isolate}
.settings-page>.settings-layout{overflow:hidden;grid-template-rows:minmax(0,1fr)}
.settings-layout>.settings-nav{top:0;height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding-bottom:16px}
.settings-layout>.settings-detail{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:16px;padding-right:8px}
.dm-inbox-shell .dm-inbox-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}
.dm-inbox-shell .dm-inbox-heading h1{grid-column:2;grid-row:1;justify-self:center;text-align:center}
.dm-inbox-shell .dm-inbox-heading .mobile-menu{grid-column:1;grid-row:1}
.channel-danger{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.channel-danger p{font-size:12px;color:var(--muted);line-height:1.6}
@media(max-width:1024px){
 .settings-page>.settings-layout{grid-template-rows:auto minmax(0,1fr)}
 .settings-layout>.settings-nav{height:auto;max-height:80px;overflow-y:hidden;overflow-x:auto;padding-bottom:8px}
 .settings-layout>.settings-detail{padding-right:0}
 .dm-inbox-shell .dm-new-message{position:static;margin-left:auto;order:1}
 .dm-inbox-shell .dm-inbox-options{position:relative;top:auto;right:auto;margin-left:0;order:0}
 .dm-inbox-shell .dm-options-popover{right:auto;left:0}
 .mobile-voice-session{left:8px;right:8px;width:auto}
 .main-wrap>main.content:has(#media-stage){padding:16px 12px;scroll-padding-bottom:150px}
 .content:has(#media-stage)>.page-heading{margin-bottom:12px}
 .content:has(#media-stage) .media-stage{grid-template-columns:minmax(0,1fr);min-height:45dvh;width:100%;gap:12px;align-content:start}
 .content:has(#media-stage) .participant-tile{max-width:none;min-height:clamp(220px,36dvh,360px);aspect-ratio:16/10}
 .content:has(#media-stage) .media-live-controls{bottom:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;padding:10px;z-index:4}
 .content:has(#media-stage) .media-live-controls .btn{min-height:44px;justify-content:center;font-size:12px}
}
@media(max-width:1024px){.dm-inbox-shell .dm-inbox-heading{padding-bottom:0}.settings-header>.icon-btn{width:44px;min-width:44px;height:44px}}
.server-menu-danger{border-top:1px solid var(--line);padding-top:8px;margin-top:4px}.server-menu-danger .btn{width:100%;min-height:44px}.server-menu-danger .btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
/* Task 36: reference voice window, isolated from text and video layouts. */
:root{--voice-bg:var(--bg);--voice-side:var(--panel);--voice-line:var(--line);--voice-text:var(--text);--voice-muted:var(--muted);--voice-control:var(--raised);--voice-orange:var(--yellow);--voice-green:var(--green);--voice-red:#ff303e;--voice-blue:var(--purple);--voice-shadow:#0005;--voice-glow:var(--purple);--voice-warn:var(--yellow)}
.voice-room{height:100%;min-height:0;display:flex;flex-direction:column;color:var(--voice-text);background:var(--voice-bg);overflow:hidden;--voice-level:0}
.main-wrap:has(.voice-room){min-height:0}.main-wrap:has(.voice-room)>#main{height:100%;min-height:0;overflow:hidden}

.shell:has(.voice-room) .sidebar,.shell:has(.voice-room) .rail{background:var(--voice-side)}
.shell:has(.voice-room) .channel-nav.active{background:var(--voice-control);color:var(--voice-text);border-radius:6px}
.shell:has(.voice-room) .channel-nav.active>.icon{color:var(--voice-orange)}
.voice-heading{display:flex;align-items:center;gap:12px;min-height:84px;padding:18px 22px;border-bottom:1px solid var(--voice-line);flex:none}
.voice-heading-symbol{align-self:flex-start;padding-top:4px}.voice-heading-symbol .icon{width:19px;height:19px}
.voice-title{min-width:0;flex:1}.voice-title h1{font-size:17px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}
.voice-title p{font-size:11px;color:var(--voice-muted);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.voice-counter{background:var(--voice-control);padding:3px 8px;border-radius:8px;font-size:11px;font-weight:400;color:var(--voice-muted);margin-left:7px}
.voice-heading-actions{display:flex;align-items:center;gap:3px}.voice-heading .voice-control{width:34px;height:36px;min-width:34px;color:var(--voice-muted);border-radius:8px}
.voice-heading>.voice-control{display:none}.voice-control .icon{width:20px;height:20px}
.voice-control:hover{background:var(--voice-line);color:var(--voice-text)}.voice-control:focus-visible,.voice-room button:focus-visible{outline:2px solid var(--voice-blue);outline-offset:3px}
.voice-layout{display:flex;flex:1;min-height:0}.voice-main{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;padding:8px 22px 24px}
.voice-side{display:flex;flex-direction:column;width:240px;flex:none;min-height:0;border-left:1px solid var(--voice-line);background:var(--voice-side)}
.voice-side[hidden],.voice-room [hidden]{display:none!important}.voice-tabs{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--voice-line);padding:8px 12px;flex:none}
.voice-tabs>[role=tab]{padding:10px 8px;font-size:12px;color:var(--voice-muted);border-bottom:2px solid transparent;flex:1}.voice-tabs>[aria-selected=true]{color:var(--voice-text);border-color:var(--voice-orange)}
.voice-tabs>.voice-control{display:none}.voice-unread{font-size:10px;padding:1px 5px;border-radius:8px;background:var(--voice-orange);color:var(--voice-bg)}
#voice-members{overflow:auto;padding:20px 18px}#voice-members h2{display:flex;justify-content:space-between;font-size:12px;font-weight:500;margin:0 0 18px}#voice-members h2:not(:first-child){margin-top:24px;color:var(--voice-muted)}#voice-members h2>span{font-size:11px;color:var(--voice-muted)}
.voice-member{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:5px 0;text-align:left;border-radius:6px}.voice-member:hover{background:var(--voice-control)}.voice-member>span:last-child{min-width:0}.voice-member b{font-size:12px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-member small{font-size:10px;display:block;color:var(--voice-muted);margin-top:3px}.voice-member .avatar{width:32px;height:32px;border-radius:50%;flex:none}.voice-member.is-offline{opacity:.4}.voice-crown{color:var(--voice-orange)}
.voice-status{flex:none;font-size:12px;min-height:20px;color:var(--voice-muted);padding:4px 0}.voice-room[data-connection=reconnecting] .voice-status{color:var(--voice-warn)}.voice-room[data-connection=disconnected] .voice-status{color:var(--voice-red)}
.voice-room .media-stage.voice-scene,.dm-call-panel .media-stage.voice-scene{position:relative;display:block;flex:1;min-height:220px;width:100%;padding:0;overflow:hidden;container-type:size;--orbit-radius:min(30cqw,32cqh,190px);--voice-avatar:clamp(56px,14cqmin,96px)}
.voice-center{position:absolute;left:50%;top:47%;width:clamp(72px,22cqmin,126px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--voice-control);border:1px solid var(--voice-line);opacity:calc(.65 + var(--voice-level)*.35)}
.voice-center>span{width:4px;height:20%;border-radius:5px;background:var(--voice-muted);transform:scaleY(calc(.7 + var(--voice-level)*.8));transition:transform 100ms}.voice-center>span:nth-child(2n){height:32%}.voice-center>span:nth-child(3){height:42%}
.voice-room .voice-person-tile,.dm-call-panel .voice-person-tile{position:absolute;left:calc(50% - var(--voice-avatar)/2);top:calc(47% - var(--voice-avatar)/2);width:var(--voice-avatar);height:calc(var(--voice-avatar) + 34px);min-height:0;max-width:none;aspect-ratio:auto;overflow:visible;background:none;border:0;border-radius:0;outline:0;transform:translate(calc(var(--orbit-x)*var(--orbit-radius)),calc(var(--orbit-y)*var(--orbit-radius)));transition:transform 250ms ease,opacity 180ms}
.voice-portrait{position:relative;display:block;width:var(--voice-avatar);height:var(--voice-avatar);border-radius:50%;padding:3px;background:var(--voice-side)}
.voice-portrait:before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--voice-blue);opacity:.65;transition:opacity 180ms;pointer-events:none}.voice-person-tile:nth-child(3n) .voice-portrait:before{border-color:var(--voice-orange)}
.voice-person-tile.is-speaking .voice-portrait:before{border-width:3px;opacity:1;box-shadow:0 0 18px var(--voice-glow);transform:scale(calc(1 + var(--voice-level,0)*.05))}
.voice-scene .participant-avatar{display:block;width:100%;height:100%}.voice-scene .participant-avatar>.avatar{width:100%;height:100%;border-radius:50%;font-size:24px}.voice-scene .participant-avatar .status-dot{display:none}.voice-scene .avatar-frame{z-index:2}
.voice-person-label{font-size:12px;line-height:1.5;max-width:calc(var(--voice-avatar) + 32px);width:calc(var(--voice-avatar) + 32px);margin-left:-16px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-top:7px}
.voice-state-badge{position:absolute;bottom:0;z-index:3;display:grid;place-items:center;border-radius:50%;border:3px solid var(--voice-bg);width:22px;height:22px;background:var(--voice-control);color:var(--voice-muted)}.voice-state-badge .icon{width:13px;height:13px}.voice-state-badge:not(.voice-online):after{content:'';position:absolute;width:15px;height:1px;background:currentColor;transform:rotate(-48deg)}.voice-muted{left:-3px}.voice-deafened,.voice-online{right:-2px}.voice-online{background:var(--voice-green);width:16px;height:16px}
.voice-empty{position:absolute;top:calc(47% + 70px);left:12px;right:12px;text-align:center;color:var(--voice-muted);font-size:13px}.voice-count-label{display:none}
.voice-join{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0 18px}.voice-join .btn{min-height:44px}.voice-footer{flex:none}.voice-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 0 0}.voice-controls>.voice-control{width:54px;height:54px;min-width:44px;border-radius:50%;background:var(--voice-control);color:var(--voice-text)}.voice-controls>.voice-control:hover{background:var(--voice-line)}.voice-controls>[data-action=leave-room],.voice-controls>[data-action=dm-call-end]{background:var(--voice-red);width:62px;height:62px}.voice-controls>[data-action=leave-room]:hover,.voice-controls>[data-action=dm-call-end]:hover{background:var(--voice-orange)}.voice-controls>[data-action=leave-room] .icon,.voice-controls>[data-action=dm-call-end] .icon{transform:rotate(135deg)}.voice-controls>button:disabled{opacity:.35;cursor:not-allowed}
.voice-controls>[data-action=room-mic][aria-pressed=false],.voice-controls>[data-action=room-deafen][aria-pressed=true]{color:var(--voice-muted);position:relative}.voice-controls>[data-action=room-mic][aria-pressed=false]:after,.voice-controls>[data-action=room-deafen][aria-pressed=true]:after{content:'';position:absolute;width:25px;height:2px;background:currentColor;transform:rotate(-48deg)}
.voice-menu{display:grid;gap:8px}.voice-menu>.btn{justify-content:flex-start;min-height:44px}.voice-sheet-handle{display:none}
#voice-chat{display:flex;flex-direction:column;flex:1;min-height:0}#voice-chat .message-list{padding:12px 8px}#voice-chat .message{gap:7px;padding:9px 4px}#voice-chat .message>.avatar{width:25px;height:25px;border-radius:50%;flex:none}#voice-chat .message-meta{flex-wrap:wrap;gap:5px}#voice-chat .message-body{font-size:12px}#voice-chat .message-actions{font-size:10px}#voice-chat .composer-wrap{padding:8px}#voice-chat .composer{gap:2px;padding:4px;flex-wrap:wrap}#voice-chat .composer input{width:80px;min-width:0;flex:1}#voice-chat .composer .icon-btn{width:28px;min-width:28px}#voice-chat .composer .btn{min-width:30px;padding:6px}#voice-chat .composer .icon{width:17px;height:17px}.voice-chat-empty{padding:18px 6px;font-size:12px;line-height:1.7;color:var(--voice-muted)}
/* Nine or more participants: stable order, scrollable grid. */

.voice-scene.voice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;justify-items:center;gap:26px 12px;padding:48px 12px 24px!important;overflow:auto!important;--voice-avatar:64px}.voice-scene.voice-grid>.voice-person-tile{position:relative;left:auto;top:auto;transform:none}.voice-scene.voice-grid .voice-center{display:none}.voice-scene.voice-grid .voice-count-label{display:block;position:absolute;top:8px;left:20px;color:var(--voice-muted);font-size:12px}
.dm-call-panel[hidden]{display:none!important}body:has(.dm-call-panel:not([hidden])) #voice-banner{display:none}.dm-call-heading [data-action=dm-call-minimize]:first-of-type .icon{transform:rotate(180deg)}
.dm-call-panel:has(.voice-scene){background:var(--voice-bg);border-color:var(--voice-line);display:flex;flex-direction:column;min-height:520px}.dm-call-panel .voice-scene{min-height:320px!important}.dm-call-panel .voice-controls{padding-bottom:12px}.dm-call-panel .dm-call-controls:has(.voice-controls){display:block}.dm-call-panel .voice-person-tile .participant-avatar>.avatar{width:100%;height:100%}.dm-call-panel .voice-person-tile .participant-state{position:absolute;width:1px;height:1px;padding:0;overflow:hidden}.dm-call-panel .dm-call-heading{flex:none}
@media(min-width:1400px){.voice-side{width:270px}.voice-scene.voice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1025px) and (max-width:1099px){.voice-side{width:220px}.voice-heading{padding:14px}.voice-heading-actions{gap:0}.voice-title h1{font-size:15px}.voice-main{padding:6px 14px 20px}}
@media(max-width:1024px){
 .main-wrap:has(.voice-room){position:fixed;inset:0;z-index:35;height:var(--voice-viewport,100dvh);background:var(--voice-bg)}
 .voice-room{height:100%;padding-top:env(safe-area-inset-top);box-sizing:border-box}.voice-heading{padding:8px 12px;min-height:62px;gap:6px}.voice-heading>.voice-control{display:grid;flex:none}.voice-heading-symbol{display:none}.voice-title h1{font-size:14px}.voice-title p{font-size:10px}.voice-counter{font-size:10px;margin-left:3px;padding:2px 5px}.voice-heading-actions>[data-action=show-pins],.voice-heading-actions>[data-action=invite],.voice-heading-actions>[data-action=voice-minimize]{display:none}
 .voice-main{padding:4px 12px calc(12px + env(safe-area-inset-bottom))}.voice-room .media-stage.voice-scene{min-height:160px;--voice-avatar:clamp(48px,14cqmin,68px);--orbit-radius:min(32cqw,30cqh,150px)}.voice-center{width:clamp(60px,22cqmin,96px)}.voice-person-label{font-size:11px}.voice-controls{gap:12px;padding-top:10px}.voice-controls>.voice-control{width:46px;height:46px}.voice-controls>[data-action=leave-room],.voice-controls>[data-action=dm-call-end]{width:56px;height:56px}.voice-status{font-size:11px}
 .voice-side{position:absolute;z-index:5;bottom:100px;left:8px;right:8px;width:auto;height:48%;border:1px solid var(--voice-line);border-radius:16px 16px 8px 8px;box-shadow:0 -15px 35px var(--voice-shadow)}.voice-room.voice-sheet-full .voice-side{height:calc(100% - 174px)}.voice-side .voice-tabs>.voice-control{display:grid;width:36px;height:36px}.voice-sheet-handle{display:flex;justify-content:center;padding:2px}.voice-sheet-handle>button{height:20px;width:64px;position:relative}.voice-sheet-handle>button:after{content:'';position:absolute;width:32px;height:4px;top:8px;left:16px;border-radius:3px;background:var(--voice-muted)}.voice-panel-open .voice-scene{opacity:.35}.voice-room.voice-sheet-full .voice-scene{opacity:.15}#voice-members{padding:12px 18px}.voice-tabs{padding:2px 12px}.voice-member{min-height:44px}
 .voice-scene.voice-grid{grid-template-columns:repeat(3,minmax(0,1fr));--voice-avatar:48px;gap:14px 8px}.dm-call-panel:has(.voice-scene){inset:8px;width:auto;max-height:none;min-height:0;height:calc(var(--voice-viewport,100dvh) - 16px);padding:12px}.dm-call-panel .voice-scene{--voice-avatar:56px;--orbit-radius:min(30cqw,28cqh,130px)}
}
@media(max-width:900px) and (orientation:landscape){.voice-panel-open .voice-side{position:static;height:auto;width:240px;border-radius:0;flex:none}.voice-panel-open .voice-scene{opacity:1}.voice-panel-open .voice-main{padding-bottom:8px}.voice-heading{min-height:54px;padding-top:4px;padding-bottom:4px}.voice-controls{gap:10px;padding-top:2px}.voice-controls>.voice-control{width:44px;height:44px}.voice-controls>[data-action=leave-room]{width:48px;height:48px}.voice-room .media-stage.voice-scene{--voice-avatar:48px;--orbit-radius:min(27cqw,28cqh,110px);min-height:100px}.voice-person-label{font-size:10px;margin-top:3px}.voice-center{width:56px}.voice-sheet-handle{display:none}}
@media(prefers-reduced-motion:reduce){.voice-room *,.dm-call-panel .voice-scene *{transition:none!important;animation:none!important}.voice-person-tile.is-speaking .voice-portrait:before{box-shadow:none;transform:none}.voice-center>span{transform:none}}
/* Keep the persistent connection banner for other pages; the full voice view has its own controls. */
body:has(.voice-room) #voice-banner{display:none}
.has-voice-session .shell:has(.voice-room){margin-top:0;height:100dvh}
.voice-scene .participant-state,.dm-call-panel .voice-scene .participant-state{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.voice-controls>[data-action=leave-room]:disabled{opacity:.45}
@media(max-width:900px) and (orientation:landscape){
 .main-wrap:has(.voice-room){position:fixed;inset:0;z-index:35;height:var(--voice-viewport,100dvh)}
 .voice-heading>.voice-control{display:grid}.voice-heading-symbol{display:none}
 .voice-heading-actions>[data-action=show-pins],.voice-heading-actions>[data-action=invite],.voice-heading-actions>[data-action=voice-minimize]{display:none}
 .voice-side .voice-tabs>.voice-control{display:grid;width:32px;height:32px}
}
.voice-person-tile .voice-portrait:before,.voice-person-tile:nth-child(3n) .voice-portrait:before{border-color:hsl(var(--voice-hue,225) 70% 65%)}
.voice-person-tile.is-speaking .voice-portrait:before{box-shadow:0 0 18px hsl(var(--voice-hue,225) 70% 65% / .55)}
@media(prefers-reduced-motion:reduce){.voice-person-tile.is-speaking .voice-portrait:before{box-shadow:none}}
.voice-crown{display:inline-flex;vertical-align:middle}.voice-crown .icon{width:12px;height:12px}
.voice-heading>.voice-control:first-child .icon{transform:rotate(180deg)}
.voice-room[data-connection=connecting] .voice-empty{visibility:hidden}
.voice-room[data-connection=connecting] .voice-center{opacity:.4}
.voice-room[data-connection=connecting] .voice-scene:after{content:'';position:absolute;width:56px;height:56px;left:calc(50% - 28px);top:12%;border-radius:50%;background:var(--voice-control);opacity:.5;box-shadow:-88px 100px 0 var(--voice-control),88px 100px 0 var(--voice-control)}
.dm-call-return{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:76;border-color:var(--voice-orange);background:var(--voice-control);color:var(--voice-text);min-height:44px}
.dm-call-return[hidden]{display:none}
/* Task 37: shared video layouts, using the application's common theme. */
.video-heading-actions{display:flex;gap:4px;align-items:center}.video-heading-actions[hidden]{display:none}.video-heading-actions .voice-control{min-width:36px;min-height:36px;border-radius:8px;color:var(--muted)}
.video-duration{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;margin:4px 0 0}.video-room-avatar{display:none}.video-room-avatar .avatar{width:32px;height:32px;border-radius:50%}
.is-video .voice-description,.is-video .voice-heading-actions>[data-action=show-pins],.is-video .voice-heading-actions>[data-action=invite],.is-video .voice-heading-actions>[data-action=voice-panel],.is-video .voice-heading-actions>[data-action=voice-menu]{display:none}
.is-video .voice-heading-symbol{display:block;align-self:center;padding:0}.is-video .voice-heading-symbol>.icon{display:none}.is-video .video-room-avatar{display:block}.is-video .voice-title h1{font-size:15px}.is-video .voice-counter{display:none}
.is-video .voice-main{padding:8px 12px 16px}.is-video .voice-controls{gap:12px;padding-top:12px}.is-video .voice-controls>.voice-control{width:46px;height:46px}.is-video .voice-controls>[data-action=leave-room],.is-video .voice-controls>[data-action=dm-call-end]{width:56px;height:56px}
.voice-room .media-stage.video-stage,.dm-call-panel .media-stage.video-stage{position:relative;display:block;flex:1;min-height:0;width:100%;overflow:hidden;padding:0;container-type:size;--video-cols:3;--video-rows:2}
.video-stage>.video-main[hidden]{display:none}.video-stage>.video-main{min-width:0;min-height:0;height:100%;width:100%;box-sizing:border-box}.video-stage>.video-tiles{display:grid;grid-template-columns:repeat(var(--video-cols),minmax(0,1fr));gap:8px;align-content:center;align-items:center;width:100%;height:100%;min-height:0;overflow:auto;padding:2px;scrollbar-width:thin;box-sizing:border-box}
.video-stage[data-count="1"]{--video-cols:1;--video-rows:1}.video-stage[data-count="2"]{--video-cols:2;--video-rows:1}.video-stage:is([data-count="7"],[data-count="8"],[data-count="9"]){--video-rows:3}
.video-stage .video-tile{position:relative;display:block;width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:16/9;max-height:calc((100cqh - 16px)/var(--video-rows));border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--raised);outline:0;box-sizing:border-box}
.video-stage .video-surface{position:absolute;inset:0}.video-stage .video-surface>video{display:block;width:100%;height:100%;object-fit:contain}.video-tile[data-local=true][data-source=camera] .video-surface>video{transform:scaleX(-1)}
.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;color:var(--muted);background:var(--panel)}.video-placeholder .participant-avatar{display:block}.video-placeholder .participant-avatar>.avatar{width:clamp(40px,12cqw,80px);height:clamp(40px,12cqw,80px);border-radius:50%;font-size:24px}.video-placeholder-name{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.has-video .video-placeholder{display:none}
.video-label{position:absolute;left:7px;bottom:7px;max-width:calc(100% - 14px);display:flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--bg) 80%,transparent);padding:4px 7px;border-radius:6px;color:var(--text);font-size:11px;line-height:1.3;z-index:2}.video-label button{font-size:inherit;color:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}.video-label .icon{width:12px;height:12px}.video-owner{color:var(--yellow);display:flex;align-items:center}.video-owner[hidden]{display:none}.video-mic{display:flex;position:relative;flex:none}.video-mic.is-muted:after{content:'';position:absolute;width:14px;height:1px;background:currentColor;left:-1px;top:5px;transform:rotate(-48deg)}
.video-tile-tools{position:absolute;right:6px;top:6px;display:flex;gap:4px;opacity:0;transition:opacity 150ms;z-index:3}.video-tile:hover .video-tile-tools,.video-tile:focus-within .video-tile-tools{opacity:1}.video-tile-tools>.icon-btn{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:6px;color:var(--text);background:color-mix(in srgb,var(--bg) 80%,transparent)}.video-tile-tools .icon{width:15px;height:15px}.video-tile-tools [aria-pressed=true]{background:var(--purple)}.video-stage button:focus-visible,.video-heading-actions button:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}
.video-stage .video-tile.is-speaking{border-color:var(--purple);outline:1px solid var(--purple);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--purple) 25%,transparent)}.video-stage .video-tile.is-speaking .video-label:before{content:'●';color:var(--green);font-size:10px}
.video-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.video-overflow{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:var(--raised);border:1px solid var(--line);border-radius:9px;color:var(--text);min-height:64px;aspect-ratio:16/9;width:100%}.video-overflow b{font-size:22px;font-weight:500}.video-overflow span{font-size:11px;color:var(--muted)}.video-overflow:hover{border-color:var(--purple)}.video-overflow[hidden]{display:none!important}
.voice-room .video-stage[data-layout=focus],.dm-call-panel .video-stage[data-layout=focus]{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,24%);gap:12px}.video-stage[data-layout=focus]>.video-main{padding:2px}.video-stage[data-layout=focus]>.video-main>.video-tile{height:100%;max-height:none;aspect-ratio:auto;border-color:var(--purple)}.video-stage[data-layout=focus]>.video-tiles{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:2px}.video-stage[data-layout=focus]>.video-tiles>.video-tile{flex:none;max-height:calc((100cqh - 100px)/3);min-height:48px}.video-stage[data-layout=focus] .video-overflow{flex:0 0 auto;max-height:90px;min-height:56px}
.own-screen-main .video-placeholder>.participant-avatar,.own-screen-main .video-placeholder>.video-placeholder-name{display:none}.own-screen-message{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;color:var(--muted);font-size:12px;line-height:1.6}.own-screen-message>.icon{width:40px;height:40px;color:var(--purple)}.own-screen-message strong{color:var(--text);font-size:17px;font-weight:500}
.video-tile:fullscreen{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0;background:var(--bg)}.video-tile:fullscreen .video-tile-tools{opacity:1}
.voice-controls>[data-action=room-camera][aria-pressed=false]{position:relative;color:var(--muted)}.voice-controls>[data-action=room-camera][aria-pressed=false]:after{content:'';position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(-48deg)}.voice-controls>[data-action=room-screen][aria-pressed=true]{background:var(--purple)}
.dm-call-panel.is-video{display:flex;flex-direction:column;height:min(720px,calc(100dvh - 132px));background:var(--panel)}.dm-call-panel.is-video .dm-call-controls{position:static;flex:none}.dm-call-panel.is-video .video-stage{min-height:0;padding:0}.dm-call-panel.is-video .video-tile .participant-avatar>.avatar{width:64px;height:64px}
@media(max-width:1024px){
 .is-video .voice-heading{gap:6px}.is-video .voice-heading-symbol .avatar{width:26px;height:26px}.is-video .voice-title h1{font-size:13px}.video-heading-actions{gap:0}.video-heading-actions>.voice-control{min-width:32px;width:32px;min-height:40px}.is-video .voice-main{padding:4px 8px calc(10px + env(safe-area-inset-bottom))}.is-video .voice-status{min-height:14px;font-size:10px}
 .voice-room .media-stage.video-stage,.dm-call-panel .media-stage.video-stage{--video-cols:2;--video-rows:3}.video-stage[data-count="1"]{--video-cols:1;--video-rows:1}.video-stage[data-count="2"]{--video-rows:1}.video-stage:is([data-count="7"],[data-count="8"],[data-count="9"]){--video-rows:5}.video-stage>.video-tiles{gap:6px}.video-stage .video-tile{border-radius:7px}.video-label{font-size:10px;left:4px;bottom:4px;gap:3px;padding:3px 5px}.video-tile-tools{right:3px;top:3px}.video-tile-tools>.icon-btn{min-width:28px;min-height:28px;width:28px;height:28px}.video-tile-tools .icon{width:13px;height:13px}
 .voice-room .video-stage[data-layout=focus],.dm-call-panel .video-stage[data-layout=focus]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 108px;gap:8px}.video-stage[data-layout=focus]>.video-tiles{flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:6px}.video-stage[data-layout=focus]>.video-tiles>.video-tile{width:144px;min-width:144px;max-height:none;height:100%;aspect-ratio:auto}.video-stage[data-layout=focus] .video-overflow{width:100px;min-width:100px;max-height:none;height:100%;aspect-ratio:auto}
 .is-video .voice-controls{gap:7px;padding-top:8px}.is-video .voice-controls>.voice-control{width:44px;height:44px;min-width:44px}.is-video .voice-controls>[data-action=leave-room]{width:52px;height:52px}.is-video .voice-heading-actions{display:none}.is-video .video-duration{font-size:10px}
 .is-video.voice-panel-open .video-stage{opacity:.35}.is-video.voice-sheet-full .video-stage{opacity:.15}.dm-call-panel.is-video{height:calc(var(--voice-viewport,100dvh) - 16px)}
}
@media(max-width:900px) and (orientation:landscape){
 .voice-room .media-stage.video-stage,.dm-call-panel .media-stage.video-stage{--video-cols:3;--video-rows:2}.video-stage[data-count="1"]{--video-cols:1;--video-rows:1}.video-stage[data-count="2"]{--video-cols:2;--video-rows:1}
 .voice-room .video-stage[data-layout=focus],.dm-call-panel .video-stage[data-layout=focus]{grid-template-columns:minmax(0,1fr) 140px;grid-template-rows:minmax(0,1fr);gap:8px}.video-stage[data-layout=focus]>.video-tiles{flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.video-stage[data-layout=focus]>.video-tiles>.video-tile{width:100%;min-width:0;height:calc((100cqh - 70px)/3);max-height:none;min-height:44px}.video-stage[data-layout=focus] .video-overflow{width:100%;min-width:0;height:50px;min-height:50px}.is-video .voice-controls{padding-top:4px}.is-video .voice-main{padding-bottom:6px}.is-video.voice-panel-open .video-stage{opacity:1}
}
@media(prefers-reduced-motion:reduce){.video-tile-tools{transition:none}.video-stage .video-tile.is-speaking{box-shadow:none}}
.video-stage.video-many[data-layout=grid]>.video-tiles{align-content:start;grid-auto-rows:min-content}
.video-stage.video-many[data-layout=grid] .video-tile{max-height:none;min-height:calc((100cqw - (var(--video-cols) - 1)*8px)/var(--video-cols)*.5625)}
@media(pointer:coarse){.video-tile-tools>.icon-btn{min-width:44px;min-height:44px}}
@media(max-width:900px) and (orientation:landscape){.video-stage[data-layout=focus]>.video-tiles>.video-tile{height:calc((100cqh - 86px)/3)}}
/* Keep the focus frame proportional to the reference instead of stretching it vertically. */
.video-stage[data-layout=focus]>.video-main{display:flex;align-items:center;justify-content:center}
.video-stage[data-layout=focus]>.video-main>.video-tile{height:auto;max-height:100%;aspect-ratio:3/2}
@media(max-width:1024px) and (orientation:portrait){.voice-room .video-stage[data-layout=focus],.dm-call-panel .video-stage[data-layout=focus]{grid-template-rows:minmax(0,auto) 108px;align-content:center}.video-stage[data-layout=focus]>.video-main{height:auto}.video-stage[data-layout=focus]>.video-main>.video-tile{max-height:calc(100cqh - 120px)}}
/* Task 36: grid density must override the circular scene avatar size. */
.voice-room .media-stage.voice-scene.voice-grid,.dm-call-panel .media-stage.voice-scene.voice-grid{--voice-avatar:64px}
.dm-call-panel #room-status:empty{display:none}
@media(max-width:1024px),(max-width:900px) and (orientation:landscape){.voice-room .media-stage.voice-scene.voice-grid,.dm-call-panel .media-stage.voice-scene.voice-grid{--voice-avatar:48px}}
@media(min-width:1400px){.voice-room .media-stage.voice-scene.voice-grid{row-gap:18px}}


.mobile-panel-head,.members-backdrop{display:none}
@media(max-width:1024px){
 .shell .workspace-header{flex-wrap:nowrap;position:relative;z-index:44;background:var(--panel)}
 .shell .header-title{min-width:0}.shell .header-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .shell .header-end{flex-shrink:0}.shell .header-end .chat-search{display:none}
 .shell .workspace-header .icon-btn,.shell .mobile-menu{width:36px;min-width:36px;height:44px}
 .shell .friends-workspace>.workspace-header{flex-wrap:wrap}
 .shell:not(.members-hidden) .members-pane,.shell .friends-workspace .members-pane{position:fixed;top:var(--mobile-panel-top,80px)!important;bottom:0;right:0;width:min(320px,85vw);max-width:85vw;z-index:43;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);padding:0 12px 20px;box-shadow:-12px 0 35px #0004;touch-action:pan-y}
 .shell .members-backdrop,.shell .nav-backdrop{position:fixed;inset:var(--mobile-panel-top,80px) 0 0;z-index:40;background:#0008;border:0;border-radius:0;padding:0}
 .shell:not(.members-hidden):has(.members-pane) .members-backdrop{display:block}
 .shell .rail,.shell .sidebar,.has-voice-session .shell .rail,.has-voice-session .shell .sidebar{top:var(--mobile-panel-top,80px)}
 .shell .rail{width:60px}.shell .sidebar{left:60px;width:calc(min(320px,85vw) - 60px)}
 .shell:not(.menu-open) .rail,.shell:not(.menu-open) .sidebar{transform:translateX(-100vw)}
 .mobile-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;background:var(--panel);padding:8px 0;z-index:2;min-height:52px;border-bottom:1px solid var(--line);margin-bottom:16px}
 .sidebar>.mobile-panel-head{padding-inline:10px;flex:none;margin:0}
 .mobile-panel-head .icon-btn{width:44px;height:44px;flex:none}
 .shell .chat-layout,.shell .friends-body{grid-template-columns:minmax(0,1fr)}
 .shell .message{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;min-width:0}
 .shell .message>.avatar{width:36px;height:36px;min-width:36px;flex:none}
 .shell .message>.grow{min-width:0;flex:1}
 .shell .message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-height:22px}
 .shell .message-meta .time{margin:0;font-size:10px;white-space:nowrap}
 .shell .message-body{font-size:14px;line-height:1.5;overflow-wrap:anywhere;word-break:normal;min-width:0;padding:3px 0;border-radius:var(--radius)}
 .shell .message-body a,.shell .reply-quote,.shell .file-card{overflow-wrap:anywhere;min-width:0;max-width:100%}
 .shell .chat-image{max-width:100%;height:auto}
 .shell .composer-wrap{padding:8px 10px max(8px,env(safe-area-inset-bottom));background:var(--panel)}
 .shell .composer{display:flex;align-items:center;gap:4px;min-width:0;min-height:52px;padding:4px 6px;background:var(--raised);border:1px solid var(--line);border-radius:12px}
 .shell .composer input[name=body]{flex:1;min-width:0;width:0;min-height:44px;font-size:14px;padding:8px 4px}
 .shell .composer .icon-btn,.shell .composer .btn{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:36px;width:36px;height:44px;min-height:44px;padding:6px}
 .shell .dm-workspace .workspace-header{height:52px;min-height:52px}
 .shell .dm-workspace .dm-profile{max-width:none;gap:8px;padding:0;min-width:0}
 .shell .dm-workspace .dm-profile>.avatar{width:30px;height:30px;min-width:30px}
 .shell .dm-workspace .dm-heading h1{font-size:13px}.shell .dm-workspace .dm-heading small{font-size:10px}
 .shell .dm-header-profile{display:none}
 .shell .dm-workspace .header-end .member-toggle{display:inline-flex}
 #modal{max-width:85vw;max-height:85dvh;overflow:auto;overscroll-behavior:contain}
 #modal .dialog-head{position:sticky;top:0;z-index:2;background:var(--panel)}
}

/* All surfaces use the same palette; personal colors and role colors remain semantic. */
.shell,.main-wrap,.shell .chat-main,.dm-inbox-shell .content{background:var(--bg);color:var(--text)}
.shell .sidebar,.shell .rail,.shell .app-titlebar,.shell .user-box,.shell .workspace-header,.shell .topbar,.shell .members-pane{background:var(--panel);border-color:var(--line);color:var(--text)}
.shell .message-body,.dm-inbox-shell .dm-card-name,.dm-inbox-shell .dm-inbox-heading h1{color:var(--text)}
.shell .composer,.dm-inbox-shell .sidebar-search button,.dm-inbox-shell .dm-filter input{background:var(--raised);color:var(--text);border-color:var(--line)}
.dm-inbox-shell .nav-item,.dm-inbox-shell .dm-card-preview,.dm-inbox-shell .dm-card time,.dm-inbox-shell .dm-name small,.dm-inbox-shell .dm-label .nav-label,.dm-inbox-shell .dm-row-arrow{color:var(--muted)}
.dm-inbox-shell .nav-item.active,.dm-inbox-shell .dm-chip[aria-pressed=true]{background:var(--raised);color:var(--text)}
.dm-inbox-shell .dm-chip,.dm-inbox-shell .dm-new-message,.dm-inbox-shell .dm-inbox-options>summary{color:var(--muted)}
.dm-inbox-shell .dm-chip[aria-pressed=true]{box-shadow:inset 0 -2px var(--purple)}
.dm-inbox-shell .dm-inbox-tools,.dm-inbox-shell .dm-card,.dm-inbox-shell .dm-skeleton,.dm-inbox-shell .dm-new-message{border-color:var(--line)}
.dm-inbox-shell .dm-card:hover,.dm-inbox-shell .dm-card:focus-within,.dm-inbox-shell .dm-inbox-options[open]>summary{background:var(--raised)}
.dm-inbox-shell .dm-options-popover{background:var(--panel);border-color:var(--line)}

.voice-panel-backdrop{display:none}
@media(max-width:1024px){
 .voice-room.voice-panel-open .voice-panel-backdrop{display:block;position:fixed;inset:var(--mobile-panel-top,80px) 0 0;z-index:40;border:0;border-radius:0;background:#0008;padding:0}
 .voice-room.voice-panel-open .voice-side{position:fixed;inset:var(--mobile-panel-top,80px) 0 0 auto;width:min(320px,85vw);max-width:85vw;height:auto!important;z-index:43;border-radius:0;border:1px solid var(--line);background:var(--panel);overscroll-behavior:contain;touch-action:pan-y}
 .voice-room.voice-panel-open .voice-heading,.voice-room.voice-panel-open .voice-footer{position:relative;z-index:44}
 .voice-side .voice-sheet-handle{display:none}
 .voice-side .voice-tabs{background:var(--panel);padding:8px;min-height:52px}
 .voice-side .voice-tabs>[data-action=voice-panel]{min-width:44px;min-height:44px;margin-left:auto}
 .reply-quote{max-height:6em;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
}

@media(max-width:1024px){
 .voice-side #voice-members,.voice-side #voice-chat .message-list{touch-action:pan-y}
 .voice-side .voice-tabs{touch-action:none;user-select:none}
 .voice-room.voice-panel-open .voice-side{padding-bottom:80px}
}

/* Keep decoration layers local to each avatar while lists scroll. */
.avatar{isolation:isolate;contain:layout;overflow:visible}
.avatar>.avatar-portrait{position:absolute;inset:0;display:block;width:100%;height:100%;flex:none;min-width:0;margin:0;padding:0}
.avatar>.avatar-frame{display:block;max-width:none;max-height:none;line-height:0}
.avatar>.avatar-frame>img{max-width:none;max-height:none;border-radius:0}
.sidebar-scroll,.members-pane,#voice-members{overscroll-behavior:contain;overflow-x:hidden}
.member-row,.voice-member,.voice-person{min-width:0}
.member-row b,.voice-member b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1024px){
 .shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
 .shell .main-wrap{min-width:0;width:100%}
 .voice-heading .voice-title{min-width:0;flex:1}
 .voice-heading .voice-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Profile presence is rendered once, beside the shared measured avatar. */
.profile-avatar-ring{display:flex;align-items:center;justify-content:center}
.profile-avatar-ring:has(.avatar-frame){border-color:transparent}

/* A single name label owns the bottom row, even in compact share thumbnails. */
.video-tile:not(.own-screen-main):not(.has-video) .video-placeholder{display:grid;place-items:center;padding:8px 10px 34px;gap:0}
.video-tile:not(.own-screen-main) .video-placeholder .participant-avatar{height:100%;max-height:80px;max-width:100%;aspect-ratio:1;min-height:0;margin:0}
.video-tile:not(.own-screen-main) .video-placeholder .participant-avatar>.avatar{width:100%;height:100%;min-width:0;aspect-ratio:1}
.video-label{min-width:0;box-sizing:border-box}
.video-label .profile-trigger-name{flex:1;min-width:0;padding:0;text-align:left}
.video-label .video-owner{flex:none}

.profile-avatar-ring>.profile-presence{border-color:var(--panel)}
.avatar>.status-dot,.profile-avatar-ring>.profile-presence{right:14.644661%;bottom:14.644661%;transform:translate(50%,50%)}

.crewboost-page{position:relative;background:#090910;color:#f5f4fa;margin:-24px;min-height:100%;padding:0 28px 40px;font-family:inherit}.boost-hero{min-height:320px;position:relative;overflow:hidden;border-bottom:1px solid #20202a;background:radial-gradient(ellipse at 72% 45%,#52150980,transparent 55%)}.boost-hero-copy{position:relative;z-index:2;padding:28px 0 30px;max-width:62%}.boost-brand{font-size:19px;font-weight:800;margin-bottom:15px}.boost-brand span{color:#ff5029}.boost-hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 16px;font-weight:800}.boost-hero h1 em{font-style:normal;color:#ff642c}.boost-hero p{font-size:14px;color:#bfc0cf;line-height:1.6;max-width:470px}.boost-mini{display:flex;gap:18px;margin-top:25px;font-size:10px}.boost-mini span{display:flex;gap:8px;align-items:center}.boost-mini .icon{color:#ff682b;background:#321616;padding:7px;box-sizing:content-box;border-radius:10px;width:17px;height:17px}.boost-hero-crab{position:absolute;width:330px;height:330px;object-fit:contain;right:120px;top:4px;filter:drop-shadow(0 0 28px #fc4d1533)}.boost-handnote{position:absolute;right:12px;top:74px;transform:rotate(-10deg);color:#ff682b;font:italic 22px cursive;text-align:center}.boost-handnote span{display:block;font-size:50px}.boost-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;padding-top:28px}.boost-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.boost-section-heading h2,.boost-wallet h2,.boost-levels h2{font-size:25px;margin:0 0 8px;letter-spacing:-.6px}.boost-section-heading p,.boost-wallet>p{margin:0;color:#b5b4c4;font-size:12px}.boost-period{display:flex;padding:4px;background:#15131d;border:1px solid #302638;border-radius:30px;flex-shrink:0}.boost-period button{background:none;border:0;color:#a6a3b5;padding:7px 10px;border-radius:20px;cursor:pointer;font-size:11px}.boost-period button[aria-pressed=true]{background:linear-gradient(120deg,#ff9836,#ff492d);color:white}.boost-saving{font-size:12px;color:#ff9b4c}.boost-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.boost-package{position:relative;border:1px solid #2c2331;background:radial-gradient(ellipse at top,#24131e80,transparent 70%),#0d0c15;border-radius:14px;padding:22px 16px 25px;text-align:center;min-height:340px}.boost-package.popular{border:2px solid #ff8432;box-shadow:0 0 15px #ff692733,inset 0 0 22px #ff4f1515}.boost-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(#ffae50,#ff572a);border-radius:20px;padding:5px 16px;font-size:10px;font-weight:800}.boost-crystals{height:78px;display:flex;align-items:center;justify-content:center;position:relative}.boost-crystals img{width:58px;height:78px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 8px #ff5c3380)}.boost-crystals.count-3 img{width:100px}.boost-crystals.count-2 img{width:49px;margin:0 -7px}.boost-crystals.count-5 img{width:37px;margin:0 -9px}.boost-crown{position:absolute;top:-18px;color:#ffa442;font-size:31px}.boost-package h3{font-size:19px;margin:12px 0 5px}.boost-period-label{font-size:11px;color:#9b93a2}.boost-price{display:block;font-size:21px;margin:10px 0 16px;white-space:nowrap}.boost-price small{font-size:10px;color:#a6a0af;font-weight:400}.boost-buy{width:100%;background:transparent;border:1px solid #ff703a;color:#ffc19b;border-radius:22px;padding:10px 5px;font-weight:700;font-size:11px;cursor:pointer}.popular .boost-buy{background:linear-gradient(#ff9d39,#ff432b);color:white;border:0}.boost-package ul{padding:0;margin:20px 0 0;list-style:none;text-align:left;color:#c1bfce;font-size:10px;line-height:2.5}.boost-package li:before{content:'✓';color:#ff542e;font-weight:800;font-size:15px;margin-right:8px}.boost-side{border:1px solid #27212f;border-radius:14px;padding:21px 19px;background:linear-gradient(145deg,#16121d80,#090911);align-self:start}.boost-side h2{font-size:19px;margin:6px 0 25px}.boost-benefit{display:flex;gap:12px;margin-bottom:22px;align-items:center}.boost-benefit>span{font-size:24px;color:#ff9a44;background:#291620;border:1px solid #563025;width:44px;height:44px;display:grid;place-items:center;border-radius:16px;flex-shrink:0}.boost-benefit:nth-of-type(2)>span{color:#a997ff;background:#191b3b}.boost-benefit:nth-of-type(3)>span{color:#62caff;background:#142c40}.boost-benefit b{font-size:12px}.boost-benefit p{font-size:10px;line-height:1.5;color:#a3a0b4;margin:5px 0 0}.boost-progress{border:1px solid #472127;border-radius:13px;padding:16px;background:radial-gradient(ellipse at top left,#8d231740,transparent 80%),#140e18;overflow:hidden}.boost-progress>img{width:90px;height:100px;object-fit:contain;float:left;margin:-6px 9px 0 -8px}.boost-progress>b{display:block;font-size:13px;line-height:1.6;margin-top:6px;min-height:90px}.boost-progress .field{clear:both;margin:8px 0 14px}.boost-progress strong{display:block;font-size:12px}.boost-progress progress{appearance:none;width:100%;height:17px;margin:10px 0;border:1px solid #8a4931;border-radius:20px;overflow:hidden;background:#231521}.boost-progress progress::-webkit-progress-bar{background:#231521}.boost-progress progress::-webkit-progress-value{background:linear-gradient(#ffa13b,#ff4b2d);border-radius:20px}.boost-progress small{display:block;text-align:right;color:#ffba83;font-size:10px}.boost-trust{border:1px solid #27212f;border-radius:14px;margin:25px 0;padding:19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.boost-trust>span{font-size:12px;position:relative;padding-left:40px}.boost-trust .icon{position:absolute;left:0;color:#ffad48;width:28px;height:28px}.boost-trust small{display:block;font-size:10px;color:#a6a0b4;margin-top:5px}.boost-payment-logos{display:flex;align-items:center;gap:14px}.boost-payment-logos>b{padding:7px;background:#15131e;border-radius:7px}.visa{font-style:italic;color:#56c8ff}.troy{font-style:italic}.mastercard{display:flex}.mastercard i{display:block;width:16px;height:16px;background:#ec3425;border-radius:50%}.mastercard i+i{background:#ffae25;margin-left:-6px}.boost-wallet,.boost-levels{border:1px solid #27212f;padding:22px;border-radius:14px;margin-top:22px}.boost-wallet h2 span{color:#ff9850;font-size:15px}.boost-wallet-empty{color:#9993a8;font-size:12px;margin-top:22px}.boost-slot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.boost-slot-list label{display:flex;gap:8px;align-items:center;padding:10px;background:#19121e;border-radius:8px;font-size:12px}.boost-slot-list img{width:25px;height:30px;object-fit:contain;mix-blend-mode:screen}.boost-slot-list small{display:block;font-size:10px;color:#a59bb0;margin-top:4px}.boost-table-wrap{overflow:auto}.boost-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.boost-table td,.boost-table th{padding:13px;text-align:left;border-bottom:1px solid #29212f}.boost-table th{color:#ffc291}.boost-small-crab{display:none}.boost-pay-frame{width:100%;height:620px;border:0;background:white;border-radius:10px}.rail-store{color:#ff8250!important;position:relative}.rail-store.active{background:linear-gradient(140deg,#8656d8,#ed5828)!important;color:white!important}.rail-store:hover:after{content:'CrewBoost';position:absolute;left:52px;background:#17121f;color:#fff;padding:8px 12px;border-radius:6px;z-index:1000;font-size:12px}.booster-crystal{width:14px;height:18px;object-fit:contain;mix-blend-mode:screen;vertical-align:middle;margin-left:4px}.booster-role{color:#ffae70;font-size:10px;margin-left:4px}.crewboost-page .form-error{color:#ff9898}.crewboost-page details{margin-top:20px;font-size:11px;color:#c1b7cf}@media(min-width:1450px){.boost-small-crab{display:block;position:fixed;bottom:20px;left:82px;width:155px;pointer-events:none;z-index:6}.boost-small-crab img{width:130px}.boost-small-crab span{display:block;border:1px solid #cc5429;border-radius:12px;padding:10px;font-size:11px;text-align:center;background:#120d19;width:125px;transform:rotate(-6deg)}}@media(max-width:1250px){.boost-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.boost-package{padding:20px 10px}.boost-price{font-size:18px}.boost-handnote{display:none}.boost-hero-crab{right:5px;width:280px}.boost-mini{gap:10px}.boost-mini span{font-size:9px}}@media(max-width:1050px){.boost-layout{grid-template-columns:1fr}.boost-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.boost-side h2{grid-column:1/-1}.boost-progress{grid-column:2;grid-row:2/5}.boost-hero-copy{max-width:65%}.boost-packages{gap:12px}}@media(max-width:650px){.crewboost-page{margin:-16px;padding:0 16px 30px}.boost-hero{min-height:480px}.boost-hero-copy{max-width:100%;padding-top:24px}.boost-hero h1{font-size:34px}.boost-hero p{font-size:12px;max-width:90%}.boost-mini{display:grid;grid-template-columns:1fr 1fr;width:65%;gap:12px}.boost-hero-crab{width:200px;height:200px;right:0;top:auto;bottom:0}.boost-section-heading{align-items:flex-start;flex-direction:column}.boost-packages{grid-template-columns:1fr;gap:28px}.boost-package{min-height:0;padding:24px}.boost-price{font-size:25px}.boost-package ul{font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.boost-side{display:block}.boost-trust{align-items:flex-start;flex-direction:column}.boost-slot-list{grid-template-columns:1fr}.boost-hero .boost-mini{padding-bottom:100px}.boost-handnote{display:none}}
.boost-user-menu{margin-left:auto;border:1px solid #342435;background:#17101d;color:#fff;padding:9px 14px;border-radius:25px;display:flex;align-items:center;gap:10px;cursor:pointer}.boost-user-menu .icon{width:14px;height:14px}@media(min-width:1100px){.boost-small-crab{display:block;position:fixed;bottom:105px;left:82px;width:155px;pointer-events:none;z-index:6}.boost-small-crab img{width:130px}.boost-small-crab span{display:block;border:1px solid #cc5429;border-radius:12px;padding:10px;font-size:11px;text-align:center;background:#120d19;width:125px;transform:rotate(-6deg)}}
.boost-main,.boost-side{min-width:0}.boost-table-wrap{max-width:100%}@media(max-width:1050px){.boost-layout{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1100px){.boost-small-crab{display:block;bottom:105px;left:82px;width:155px;position:fixed;z-index:6;pointer-events:none}.boost-small-crab img{width:130px}.boost-small-crab span{display:block;border:1px solid #cc5429;border-radius:12px;padding:10px;font-size:11px;text-align:center;background:#120d19;width:125px;transform:rotate(-6deg)}}

.boost-tax-label{display:block;text-align:center;color:#aaa6ba;font-size:11px;margin:4px 0 10px}.boost-order-summary{padding:12px 16px;border:1px solid var(--border,#343440);border-radius:10px;background:#17141e}.boost-order-summary p{display:flex;justify-content:space-between;gap:12px;margin:8px 0;font-size:13px}.boost-order-summary p:last-child{padding-top:10px;border-top:1px solid #343440}
.boost-shop-links{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 26px}.boost-shop-links p{font-size:12px;color:#aaa4b8;margin:0}.boost-shop-links .btn{font-size:12px;flex-shrink:0}.boost-purchase-actions{display:grid;gap:9px;margin-top:15px}.boost-purchase-actions .boost-buy,.boost-gift{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.boost-purchase-actions .boost-buy{font-family:inherit;font-size:12px}.boost-gift{font-family:inherit;font-size:12px;border:1px solid #3e303d;background:#17111c;color:#d9c9db;padding:9px 4px}.boost-gift svg{width:16px;height:16px;flex-shrink:0}.boost-gift:hover{background:#2b1924;border-color:#ad6244;color:#fff0e4}.boost-buy:hover{background:#ff79341c}.popular .boost-buy:hover{background:linear-gradient(#ffb45c,#ff5e35)}.boost-purchase-actions button:disabled{opacity:.55;cursor:wait}.boost-purchase-actions button:focus-visible,.commerce-cart-link:focus-visible,.commerce-remove:focus-visible{outline:2px solid #c2a5ff;outline-offset:3px}
.commerce-cart-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #493025;border-radius:8px;background:#241a18;color:#ffceaf;padding:3px 10px;min-height:27px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.commerce-cart-link svg{width:17px;height:17px}.commerce-cart-link b{display:grid;place-items:center;min-width:19px;height:19px;border-radius:6px;background:#ff8136;color:#160c08;font-size:11px}.commerce-cart-link:hover{background:#372219;border-color:#ff9254}.app-titlebar .commerce-cart-link{margin-left:auto;margin-right:8px;position:relative;z-index:2}.app-titlebar .commerce-cart-link+.icon-btn{margin-left:0}.commerce-added{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid #63402e;border-radius:14px;background:#211b26;color:#f5f0fa;box-shadow:0 12px 40px #0008;max-width:calc(100vw - 32px)}.commerce-added strong{display:block;font-size:13px}.commerce-added small{display:block;color:#bcb2c7;font-size:12px;margin-top:5px}.commerce-added .btn{white-space:nowrap}.commerce-added .icon-btn{flex-shrink:0}
.commerce-page{max-width:1140px;margin:0 auto}.commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.commerce-heading h1{margin:5px 0 8px;font-size:30px}.commerce-heading p{margin:0;color:#aaa5b7;font-size:13px}.commerce-heading .commerce-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#ffac75}.commerce-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:start}.commerce-items{display:grid;gap:14px;min-width:0}.commerce-item{display:flex;gap:16px;padding:22px;border:1px solid #342b3c;border-radius:14px;background:#191720;min-width:0}.commerce-product-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:70px;font-size:34px;color:#b8a0f4}.commerce-product-icon img{width:52px;height:68px;object-fit:contain}.commerce-item-info{flex:1;min-width:0}.commerce-item h2{font-size:16px;margin:7px 0}.commerce-item p{font-size:12px;line-height:1.6;color:#aaa5b7;margin:0}.commerce-item-kind{font-size:10px;font-weight:600;color:#aaa5b7}.commerce-item-kind.is-gift{color:#d7bcfa}.commerce-item-controls{display:flex;align-items:flex-end;gap:18px;margin-top:16px}.commerce-item-controls .field{margin:0;width:70px}.commerce-item-controls input{height:36px;padding:6px 9px}.commerce-remove{border:0;background:none;color:#c1afbd;font-size:12px;cursor:pointer;padding:10px 0}.commerce-remove:hover{color:#ffacb7;text-decoration:underline}.commerce-item-price{text-align:right;flex-shrink:0;padding-top:20px}.commerce-item-price b{font-size:17px}.commerce-item-price small{display:block;margin-top:6px;color:#aaa5b7;font-size:11px}.commerce-summary{margin:0;padding:24px;border:1px solid #3c3043;border-radius:14px;min-width:0}.commerce-summary h2{font-size:19px;margin:0 0 20px}.commerce-summary dl{margin:0 0 24px}.commerce-summary dl>div{display:flex;justify-content:space-between;gap:12px;margin:13px 0;font-size:12px;color:#b8b0c2}.commerce-summary dd{margin:0;white-space:nowrap;color:#f2edf7;font-weight:600}.commerce-summary .commerce-total{padding-top:17px;margin-top:17px;border-top:1px solid #3b3041;font-size:17px;font-weight:700;color:#f2edf7}.commerce-total dt small{display:block;font-size:10px;font-weight:400;color:#aaa5b7;margin-top:4px}.commerce-summary h3{font-size:13px;margin:0 0 2px}.commerce-summary .field{min-width:0}.commerce-checkout{width:100%}.commerce-payment-note{text-align:center;color:#aaa5b7;font-size:11px}.commerce-summary [role=status]:empty{display:none}.commerce-summary [role=status]{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.commerce-empty{text-align:center;padding:56px 24px;border:1px solid #342b3c;border-radius:14px}.commerce-empty>span{font-size:44px;color:#b196e6}.commerce-empty h2{font-size:22px;margin:16px 0 10px}.commerce-empty p{color:#aaa5b7;line-height:1.6;margin:0 0 24px}.commerce-orders-note{display:flex;gap:20px;align-items:center;justify-content:space-between}.commerce-orders-note h2{font-size:17px;margin-top:0}.commerce-orders-note p{color:#aaa5b7;font-size:13px;line-height:1.6}.commerce-orders-note .btn{flex-shrink:0}
@media(min-width:761px){.shell.sidebar-collapsed .settings-nav .nav-item{font-size:12px;justify-content:flex-start;padding:8px 10px}.shell.sidebar-collapsed .settings-nav .nav-item>span{display:inline}}
@media(max-width:1050px){.commerce-grid{grid-template-columns:1fr}.commerce-item-price{min-width:100px}}@media(max-width:650px){.boost-shop-links{align-items:flex-start}.boost-shop-links p{max-width:190px;line-height:1.6}.commerce-heading{align-items:flex-start;flex-direction:column;gap:14px}.commerce-item{padding:16px;gap:12px;flex-wrap:wrap}.commerce-product-icon{width:38px}.commerce-product-icon img{width:38px}.commerce-item-price{padding-top:0;margin-left:50px;text-align:left;width:100%;display:flex;align-items:center;gap:12px}.commerce-item-price small{margin:0}.commerce-summary{padding:20px}.commerce-added{right:16px;bottom:18px;gap:10px;padding:12px;flex-wrap:wrap}.commerce-added>div{flex:1}.commerce-added .btn{font-size:12px;padding:8px 12px}.commerce-orders-note{align-items:flex-start;flex-direction:column}}

.avatar-effects{position:absolute;inset:-10%;width:120%;height:120%;pointer-events:none;overflow:hidden;border-radius:50%;z-index:2;contain:layout paint}.avatar-effects *{position:absolute;animation-play-state:paused!important}.effects-playing *{animation-play-state:running!important}.frame-glow{inset:5%;border-radius:50%;box-shadow:inset 0 0 8px var(--frame-glow),0 0 8px var(--frame-glow);border:1px solid var(--frame-glow);opacity:.18;animation:frame-breathe var(--frame-duration) ease-in-out infinite}.frame-light{inset:3%;border-radius:50%;border:2px solid transparent;border-top-color:var(--frame-glow);border-right-color:color-mix(in srgb,var(--frame-glow) 25%,transparent);animation:frame-orbit var(--frame-duration) linear infinite;animation-direction:var(--frame-direction)}.frame-particle{left:var(--particle-x);top:var(--particle-y);width:3px;height:3px;background:var(--frame-glow);box-shadow:0 0 4px var(--frame-glow);border-radius:50%;opacity:.4;animation:frame-float var(--frame-duration) ease-in-out infinite;animation-delay:var(--particle-delay)}.particle-star{clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);width:7px;height:7px}.particle-crystal{width:4px;height:7px;border-radius:1px}.particle-petal{width:5px;height:7px;border-radius:80% 0 80% 0}.particle-bubble{background:transparent;border:1px solid var(--frame-glow);width:5px;height:5px}.particle-spark{width:2px;height:6px}@keyframes frame-breathe{50%{opacity:.55;transform:scale(.98)}}@keyframes frame-orbit{to{transform:rotate(360deg)}}@keyframes frame-float{0%,100%{opacity:.1;transform:translate(-50%,-50%) rotate(var(--particle-turn)) scale(.6)}50%{opacity:.9;transform:translate(-50%,-120%) rotate(calc(var(--particle-turn) + 35deg)) scale(1)}}
.badge-catalog-glow{position:relative;isolation:isolate;--badge-color:#d9a8ff}.badge-catalog-glow:before{content:'';position:absolute;inset:16%;border-radius:50%;box-shadow:0 0 5px 2px var(--badge-color);opacity:.3;z-index:-1;animation:catalog-badge-glow 5s ease-in-out infinite;pointer-events:none}@keyframes catalog-badge-glow{50%{opacity:.6;transform:scale(1.06)}}
.accessories-page{max-width:1400px;margin:auto;padding:24px 28px 56px}.accessories-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.accessories-brand{font-size:23px;font-weight:800;letter-spacing:-.7px}.accessories-brand span{color:var(--orange,#ff984e)}.accessories-top nav{display:flex;gap:8px}.accessories-top .btn{font-size:12px}.accessories-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px;padding:44px 42px;border:1px solid #9878dc3d;border-radius:22px;background:radial-gradient(ellipse at 85% 50%,#8856b344,transparent 55%),linear-gradient(120deg,#2e203c,#201b2d 70%);overflow:hidden}.accessories-eyebrow{color:#ffbd8a;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.accessories-hero h1{font-size:clamp(28px,3.2vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0 16px;max-width:560px}.accessories-hero h1 em{font-style:normal;color:#ffae72}.accessories-hero p{color:#bfb2ce;font-size:14px;line-height:1.8;max-width:440px}.accessories-hero .btn{margin-top:14px}.accessories-hero-art{display:flex;align-items:center;justify-content:center;gap:30px;min-height:200px}.accessories-hero-art .avatar{width:90px;height:90px;font-size:28px}.accessories-hero-art .hero-center{width:128px;height:128px;font-size:36px;transform:translateY(-12px)}.accessories-promise{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0 30px;font-size:11px;color:#b9adc8}.accessories-promise span{display:inline-flex;align-items:center;gap:7px}.accessories-promise svg{width:14px;height:14px;color:#ffb57f}.accessories-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.accessories-filters{display:flex;gap:6px;flex-wrap:wrap}.accessories-filters button{border:1px solid #ffffff12;border-radius:8px;padding:9px 13px;background:#ffffff04;color:#c9bfd5;font:inherit;font-size:12px;cursor:pointer}.accessories-filters button[aria-pressed=true]{color:#ffbc8c;background:#ff984e18;border-color:#ff984e55}.accessories-search{position:relative;width:240px}.accessories-search input{width:100%;padding:10px 12px 10px 36px;border-radius:8px;border:1px solid #ffffff1a;background:#100e17;color:#eee;font:inherit;font-size:12px}.accessories-search svg{position:absolute;left:12px;top:11px;width:15px;height:15px;color:#9f91b3}.accessories-collection{margin-top:30px;scroll-margin-top:20px}.collection-banner{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:150px;border:1px solid color-mix(in srgb,var(--collection-color) 25%,transparent);border-radius:16px;padding:26px 30px;margin-bottom:18px;overflow:hidden;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--collection-color) 17%,transparent),transparent 65%),#201b2a}.collection-banner h2{font-size:27px;letter-spacing:-.6px;margin:7px 0}.collection-banner p{color:#b7acc5;font-size:12px;margin:8px 0;line-height:1.7}.collection-banner small{font-size:9px;color:var(--collection-color);letter-spacing:2px;text-transform:uppercase;font-weight:800}.collection-banner-art{display:flex;gap:12px;align-items:center;padding-inline:10px}.collection-banner-art img{width:95px;height:95px;object-fit:contain;pointer-events:none}.collection-banner-art img:nth-child(2){transform:translateY(-8px)}.decoration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.decoration-card{position:relative;border:1px solid #ffffff12;border-radius:13px;background:#211d2b;overflow:hidden;transition:border-color .15s}.decoration-card:hover,.decoration-card:focus-within{border-color:color-mix(in srgb,var(--card-glow) 60%,transparent)}.decoration-preview{display:flex;position:relative;align-items:center;justify-content:center;min-height:190px;width:100%;padding:30px;border:0;border-bottom:1px solid #ffffff09;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--card-glow) 9%,transparent),transparent 65%),#19151f;cursor:pointer;color:inherit;font:inherit}.decoration-preview .store-avatar{width:100px;height:100px;font-size:30px}.decoration-preview-hint{position:absolute;bottom:13px;color:#b4a6c1;font-size:10px;opacity:0}.decoration-preview:hover .decoration-preview-hint,.decoration-preview:focus-visible .decoration-preview-hint{opacity:1}.decoration-tier{position:absolute;top:12px;left:12px;color:#b7a6ca;font-size:9px;letter-spacing:.5px}.decoration-owned{position:absolute;top:12px;right:12px;font-size:9px;background:#68d2ad18;color:#90e0bc;padding:4px 6px;border-radius:5px}.decoration-card-body{padding:15px}.decoration-card h3{font-size:14px;margin:0 0 8px}.decoration-card-price{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin:12px 0 14px}.decoration-card-price strong{font-size:18px}.decoration-card-price small{font-size:9px;color:#a79bb5}.decoration-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.decoration-actions .btn{font-size:11px;min-height:36px;justify-content:center}.decoration-actions .gift-button{padding-inline:11px}.decoration-actions .gift-button svg{width:16px;height:16px}.accessories-bottom{margin-top:28px;color:#a99cb8;font-size:11px;text-align:center;line-height:1.8}.accessories-empty{padding:40px;text-align:center;color:#c7b9d6;border:1px dashed #665373;border-radius:14px}.accessories-empty h2{font-size:20px}.accessories-status{padding:50px 20px;text-align:center;color:#b9aacb}.accessories-status .btn{margin-top:12px}.accessories-page button:focus-visible,.accessories-page a:focus-visible,.accessories-page input:focus-visible,.decoration-detail button:focus-visible{outline:2px solid #ffba88;outline-offset:3px}.decoration-detail{max-width:600px;margin:auto;--card-glow:#b493ff}.decoration-detail .decoration-preview{min-height:245px;border-radius:12px;cursor:default}.decoration-detail .store-avatar{width:160px;height:160px;font-size:48px}.decoration-detail h3{font-size:21px;margin-bottom:10px}.decoration-detail p{font-size:13px;color:#c2b4d1;line-height:1.7}.decoration-detail .decoration-card-price{margin-block:20px}.decoration-locked-list{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 18px}.decoration-locked-list a{font-size:11px;color:#cbb1ec;border:1px solid #79628e55;border-radius:6px;padding:7px 9px}.rail-accessories.active{box-shadow:0 0 0 1px #ffac77aa;background:#ff984e29!important;color:#ffb57f!important}
@media(min-width:1500px){.decoration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.accessories-page{padding:22px 20px 40px}.accessories-hero{padding:28px;gap:10px}.accessories-hero-art{gap:15px}.accessories-hero-art .avatar{width:60px;height:60px}.accessories-hero-art .hero-center{width:90px;height:90px}.collection-banner-art img{width:72px;height:72px}.collection-banner-art img:last-child{display:none}}@media(max-width:650px){.accessories-page{padding:16px 12px 32px}.accessories-top{align-items:flex-start}.accessories-brand{font-size:20px}.accessories-top nav{flex-direction:column;align-items:flex-end;gap:5px}.accessories-top .btn{padding:6px 9px;font-size:10px}.accessories-hero{grid-template-columns:1fr;padding:25px 22px}.accessories-hero h1{font-size:34px}.accessories-hero p{font-size:12px}.accessories-hero-art{min-height:140px;gap:28px}.accessories-hero-art .avatar{width:65px;height:65px}.accessories-hero-art .hero-center{width:90px;height:90px}.accessories-promise{gap:12px;margin-bottom:24px;font-size:10px}.accessories-toolbar{gap:12px}.accessories-search{width:100%}.accessories-filters{gap:5px}.accessories-filters button{padding:8px 10px;font-size:11px}.collection-banner{padding:21px 18px;min-height:135px;gap:5px}.collection-banner h2{font-size:23px}.collection-banner p{max-width:210px;font-size:11px}.collection-banner-art{padding:0}.collection-banner-art img{width:75px;height:75px}.collection-banner-art img:not(:first-child){display:none}.decoration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.decoration-preview{min-height:155px;padding:24px 12px}.decoration-preview .store-avatar{width:78px;height:78px;font-size:24px}.decoration-card-body{padding:11px}.decoration-card h3{font-size:12px}.decoration-card-price{align-items:flex-start;flex-direction:column;margin-block:10px}.decoration-card-price strong{font-size:17px}.decoration-actions{gap:5px}.decoration-actions .btn{font-size:10px;padding:7px;min-height:35px}.decoration-actions .gift-button{padding:7px}.decoration-tier{font-size:8px;top:10px;left:8px}.decoration-owned{font-size:8px;right:8px;top:27px}.decoration-preview-hint{display:none}.decoration-detail .decoration-preview{min-height:230px}.decoration-detail .store-avatar{width:145px;height:145px}}
@media(prefers-reduced-motion:reduce){.avatar-effects{display:none}.badge-catalog-glow:before{animation:none}.decoration-card{transition:none}}:root[data-reduce-motion=true] .avatar-effects{display:none}:root[data-reduce-motion=true] .badge-catalog-glow:before{animation:none}
/* Store navigation and catalog reuse the existing commerce and profile surfaces. */
.nav-crystal{width:20px;height:24px;object-fit:contain;flex:none}.nav-item.has-boost{color:#d9c4ff}.boost-nav-dot{width:6px;height:6px;background:#d3b4ff;border-radius:50%;margin-left:auto;flex:none}.store-nav-count{margin-left:auto;min-width:19px;padding:1px 5px;border-radius:6px;background:var(--purple);color:white;text-align:center;font-size:10px}.store-nav-count[hidden]{display:none}
.accessories-page{min-width:0;width:100%;color:var(--text)}.accessories-top{flex-wrap:wrap}.accessories-top .commerce-cart-link{margin-left:auto}.accessories-brand{font-size:21px}.shop-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.shop-tabs a{flex:none;padding:12px 2px;color:var(--muted);font-weight:650;border-bottom:3px solid transparent;min-height:44px}.shop-tabs a:hover{color:var(--text)}.shop-tabs a[aria-current=page]{color:var(--text);border-color:var(--yellow)}
.accessories-hero{background:radial-gradient(ellipse at 85% 25%,#8a55b52b,transparent 65%),color-mix(in srgb,var(--panel) 88%,transparent);border-color:color-mix(in srgb,var(--purple) 45%,var(--line));backdrop-filter:blur(10px);padding:32px;grid-template-columns:1.2fr 1fr}.accessories-hero p{color:var(--muted)}.accessories-hero h1{font-size:clamp(28px,3vw,43px)}.accessories-hero-art{gap:12px;min-width:0}.accessories-hero-art>img{object-fit:contain;flex:0 1 auto;min-width:0}.shop-hero-crab{width:40%;max-height:210px}.shop-hero-frame{width:25%;max-height:150px}.shop-row-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.shop-row-heading h2{margin:5px 0;font-size:23px}.shop-row-heading small{color:var(--yellow)}.shop-row-heading p{margin:0;color:var(--muted);font-size:12px}.shop-row-controls{display:flex;gap:6px;flex:none}.shop-row-controls .btn{min-width:40px;padding:8px}.shop-product-row{display:grid;grid-auto-flow:column;grid-auto-columns:230px;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 3px 14px;scrollbar-width:thin}.shop-product-row .decoration-card{scroll-snap-align:start;min-width:0}.decoration-card{background:color-mix(in srgb,var(--panel) 90%,transparent);border-color:var(--line)}.decoration-preview{background:transparent;border-bottom-color:var(--line)}.decoration-card h3 button{padding:0;text-align:left;font:inherit;min-height:24px}.decoration-card h3 button:hover{text-decoration:underline}.decoration-tier,.decoration-preview-hint,.decoration-card-price small,.accessories-bottom{color:var(--muted)}.decoration-owned{color:#b5f5d4;background:#153d2d}.decoration-tier{max-width:55%}.decoration-card-price{flex-wrap:wrap}.decoration-actions{align-items:stretch}.decoration-actions .btn{white-space:normal}.shop-discount{font-size:12px;color:var(--yellow)}.shop-catalog{display:flex;align-items:flex-start;gap:24px;min-width:0}.shop-catalog-results{flex:1;min-width:0}.shop-catalog .decoration-grid{grid-template-columns:repeat(auto-fill,minmax(min(195px,100%),1fr))}.shop-filter-panel{width:190px;flex:none;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,transparent);padding:16px}.shop-filter-panel[hidden]{display:none}.shop-filter-panel fieldset{border:0;min-width:0;padding:0;margin:0 0 24px}.shop-filter-panel legend{font-weight:700;margin-bottom:12px}.shop-check{display:flex;gap:9px;align-items:center;font-size:12px;min-height:38px;cursor:pointer;color:var(--text)}.shop-check input{width:17px;height:17px;flex:none;accent-color:var(--purple)}.shop-swatches,.shop-theme-chips{display:flex;flex-wrap:wrap;gap:8px}.shop-swatch{width:32px;height:32px;border-radius:50%;background:var(--swatch);border:2px solid color-mix(in srgb,var(--text) 40%,transparent);display:grid;place-items:center}.shop-swatch span{visibility:hidden;color:#111;text-shadow:0 0 2px white;font-weight:900}.shop-swatch[aria-pressed=true]{outline:2px solid var(--yellow);outline-offset:2px}.shop-swatch[aria-pressed=true] span{visibility:visible}.shop-swatch[style*="#22232d"] span{color:white;text-shadow:none}.shop-theme-chips button{border:1px solid var(--line);padding:7px 10px;border-radius:16px;font-size:12px;min-height:34px}.shop-theme-chips button:hover{background:var(--raised)}.shop-theme-chips button[aria-pressed=true]{background:var(--purple);color:white;border-color:var(--purple)}.shop-sort{display:flex;align-items:center;gap:10px;font-size:12px;margin-left:auto;color:var(--muted)}.shop-sort select{width:auto;max-width:100%;padding:10px;color:var(--text);background:var(--panel)}.accessories-search input{background:var(--panel);color:var(--text);border-color:var(--line)}.accessories-toolbar{gap:10px}.accessories-toolbar .accessories-search{flex:1;max-width:250px;min-width:150px}.shop-gifts>div{min-width:0}.shop-gift-codes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;align-items:start}.shop-gift-codes .panel{min-width:0}.shop-gift-codes input{max-width:100%}.shop-profile-preview{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;padding-bottom:24px;margin-bottom:24px}.shop-profile-banner{height:110px;position:relative;overflow:hidden}.shop-profile-banner>.shop-banner-image{width:100%;height:100%;object-fit:cover}.shop-profile-banner .shop-banner-preview{width:100%;height:100%;border-radius:0}.shop-profile-preview>.decoration-preview{min-height:210px;border:0}.shop-profile-preview>h3,.shop-profile-preview>small,.shop-profile-preview>p{display:block;margin:0 24px 8px}.decoration-detail p{color:var(--muted)}.decoration-detail a{text-decoration:underline}.shop-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-skeleton i{height:280px;border-radius:14px;background:var(--raised);animation:shop-loading 1.2s ease-in-out infinite alternate}.accessories-empty{color:var(--muted);border-color:var(--line)}.accessories-empty h2,.accessories-empty h3{color:var(--text)}.accessories-status{color:var(--muted)}.accessories-bottom p{margin:14px 0 0}.accessories-page :is(button,a,input,select):focus-visible,.shop-product-row:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}@keyframes shop-loading{to{opacity:.4}}
@media(min-width:1025px){.sidebar-collapsed .store-nav-count{position:absolute;top:2px;right:1px;font-size:9px}.sidebar-collapsed .boost-nav-dot{position:absolute;right:4px;top:8px}}
@media(max-width:1100px){.accessories-page{padding:20px 12px 36px}.accessories-hero{padding:25px;gap:12px}.shop-filter-panel{width:165px;padding:12px}.shop-catalog{gap:14px}.shop-catalog .decoration-grid{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}.shop-sort{margin-left:0}}
@media(max-width:650px){.shop-tabs{gap:19px;font-size:13px}.accessories-top{gap:10px}.accessories-brand{font-size:18px}.accessories-hero{grid-template-columns:1fr;padding:24px 20px}.accessories-hero-art{min-height:145px;gap:18px}.accessories-hero-art .shop-hero-crab{width:36%;height:150px}.accessories-hero-art .shop-hero-frame{width:24%;height:110px}.shop-catalog{flex-direction:column}.shop-filter-panel{width:100%}.shop-filter-panel fieldset{margin-bottom:16px}.shop-catalog-results{width:100%}.shop-product-row{grid-auto-columns:min(235px,78vw)}.shop-row-heading{align-items:flex-start}.shop-row-heading h2{font-size:20px}.shop-row-heading p{font-size:11px}.shop-row-controls{gap:4px}.shop-row-controls .btn{min-width:36px;padding:7px}.shop-gift-codes{grid-template-columns:1fr}.accessories-toolbar .accessories-search{order:3;max-width:none;flex-basis:100%}.shop-sort{flex:1;justify-content:flex-end}.shop-sort select{width:145px}.shop-catalog .decoration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-product-row .decoration-preview{min-height:190px}.shop-product-row .store-avatar{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.shop-skeleton i{animation:none}.shop-product-row{scroll-behavior:auto}}:root[data-reduce-motion=true] .shop-skeleton i{animation:none}
.decoration-detail .shop-profile-banner .shop-banner-preview{width:calc(100% - 36px);height:calc(100% - 32px);margin:16px 18px;max-width:none}.shop-profile-banner:has(.shop-banner-preview){height:150px;background:transparent!important}.shop-profile-banner .shop-banner-preview>.banner-frame-border{inset:-10px;border-image-width:24px}
.decoration-card{content-visibility:auto;contain-intrinsic-size:auto 340px}

.accessories-types{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #ffffff12;padding-bottom:17px;margin:12px 0 22px}.accessories-types button{font:inherit;font-size:12px;cursor:pointer;border:1px solid transparent;padding:10px 14px;border-radius:8px;background:transparent;color:#bcb0ca}.accessories-types button[aria-pressed=true]{color:#ffc59b;background:#ff984e17;border-color:#ff984e44}.shop-banner-preview{position:relative;isolation:isolate;width:220px;max-width:100%;aspect-ratio:5/2;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px #0003}.shop-banner-image{display:block;width:100%;height:100%;object-fit:cover}.banner-frame-border{position:absolute;inset:0;pointer-events:none;z-index:2;border:14px solid transparent;border-image-slice:28%;border-image-width:14px;border-image-repeat:stretch;filter:drop-shadow(0 0 2px var(--banner-frame-glow,#c9a4ff))}.profile-banner,.appearance-banner{position:relative;isolation:isolate}.profile-banner>.banner-frame-border,.appearance-banner>.banner-frame-border{border-image-width:16px}.decoration-detail .shop-banner-preview{width:340px;max-width:100%}.decoration-locked-catalog{font-size:12px;color:#c5afdd}.decoration-locked-catalog summary{cursor:pointer;padding:8px 0}.decoration-locked-list{max-height:220px;overflow:auto;padding:4px}.decoration-locked-list a:focus-visible,.decoration-locked-catalog summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(max-width:650px){.accessories-types{gap:4px}.accessories-types button{padding:9px 8px;font-size:10px}.shop-banner-preview{width:145px;max-width:100%}.banner-frame-border{border-image-width:10px}.decoration-detail .shop-banner-preview{width:300px}.decoration-detail .banner-frame-border{border-image-width:14px}}

/* Keep corner ornaments legible at banner scale without changing source images. */
.banner-frame-border{inset:-14px;border-image-slice:24%;border-image-width:24px}.profile-banner>.banner-frame-border,.appearance-banner>.banner-frame-border{border-image-width:28px}.profile-banner:has(>.banner-frame-border),.appearance-banner:has(>.banner-frame-border){width:calc(100% - 36px);margin:18px 18px 12px;overflow:visible;border-radius:8px}.profile-banner:has(>.banner-frame-border) picture,.profile-banner:has(>.banner-frame-border) img,.appearance-banner:has(>.banner-frame-border) img{border-radius:inherit}.shop-banner-preview{overflow:visible}.shop-banner-image{border-radius:inherit}.decoration-detail .banner-frame-border{border-image-width:34px}@media(max-width:650px){.shop-banner-preview>.banner-frame-border{inset:-10px;border-image-width:18px}.decoration-detail .banner-frame-border{inset:-14px;border-image-width:28px}}

.crew-auth{--auth-accent:#ff8d51;background:#100f14;color:var(--text);min-height:100vh;overflow:hidden;background-image:radial-gradient(ellipse at 85% 12%,#5d241d30,transparent 40%)}
.auth-topline{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.crew-auth .auth-brand{display:inline-flex;align-items:center;gap:10px;font-size:23px}.crew-auth .auth-brand img{width:45px;height:45px;object-fit:contain}.auth-explore{color:#c1b8c4;font-size:12px}.auth-explore span{margin-left:12px;color:var(--auth-accent)}
.auth-layout{max-width:1240px;margin:12px auto 0;padding:0 48px;display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:64px;align-items:center}.auth-card{padding:32px;background:linear-gradient(145deg,#211c24,#19171e);border:1px solid #3d303b;border-radius:22px;box-shadow:0 20px 70px #0003;position:relative;z-index:1}.crew-auth .eyebrow{color:#ffab7c;font-size:10px;letter-spacing:1.7px}.auth-card h1{font-size:30px;letter-spacing:-1px;margin:13px 0 9px;line-height:1.15}.auth-card h1:focus{outline:none}.auth-subtitle{color:#bcb2c2;font-size:12px;line-height:1.7;margin-bottom:24px}.auth-card .form-stack{gap:17px}.auth-field{min-width:0}.auth-field .label{font-size:12px;margin-bottom:7px;color:#e4dce7}.auth-field input{background:#121116;border-color:#44343f;min-height:45px;border-radius:9px;transition:border-color .15s}.auth-field input:hover{border-color:#82604e}.auth-field input:focus{border-color:#ffad7a}.auth-field input[aria-invalid=true]{border-color:var(--red)}.auth-field small{display:block;font-size:10px;color:#b9acbf;margin-top:6px;line-height:1.5}.auth-field small:empty{display:none}.auth-field .auth-field-error,.auth-field-error{color:var(--red);font-size:11px}.auth-field-error:empty{display:none}.auth-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-password{position:relative}.auth-password input{padding-right:49px}.auth-eye{display:grid;place-items:center;position:absolute;right:3px;top:3px;width:40px;height:39px;border-radius:7px;color:#c3b6c9}.auth-eye:hover{background:#37252d;color:#ffc197}.auth-eye[aria-pressed=true]{color:#ffab7c}.auth-strength{display:flex;gap:5px;margin-top:9px}.auth-strength i{height:3px;border-radius:5px;flex:1;background:#44323e}.auth-strength .filled{background:#ff9f62}.auth-strength[aria-valuenow="4"] .filled{background:var(--green)}.auth-consent{font-size:11px;color:#c6bacb;line-height:1.6}.auth-consent .row{align-items:flex-start;gap:10px}.auth-consent input{width:17px;height:17px;flex:none;accent-color:#ff8751;margin:2px 0 0}.auth-consent .auth-legal-links{margin:6px 0 0 27px}.auth-legal-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#b9acbf}.auth-legal-links button{padding:3px 0;font-size:inherit}.auth-legal-links button:hover,.auth-login-help button:hover{color:#ffc49f;text-decoration:underline}.auth-login-help{display:flex;justify-content:space-between;gap:12px;align-items:center}.auth-login-help small{font-size:10px}.auth-login-help button{font-size:11px;color:#ffb68c;padding:4px 0}.crew-auth .auth-submit,.crew-auth .auth-end .btn.primary{min-height:47px;border:1px solid #ff9b62;background:linear-gradient(110deg,#ffa35f,#ed663e);color:#20100d;box-shadow:0 5px 22px #ec682c19;font-weight:750;justify-content:space-between;padding:12px 17px}.crew-auth .auth-submit:hover,.crew-auth .auth-end .btn.primary:hover{background:linear-gradient(110deg,#ffb479,#ff8156)}.auth-submit[aria-busy=true]{cursor:wait}.auth-social{display:flex;gap:10px}.auth-social .btn{flex:1;white-space:normal}.crew-auth .auth-switch{margin:23px 0 20px;font-size:12px;text-align:center;color:#c6bacb}.crew-auth .auth-switch button{color:#ffb286;font-weight:700;padding:4px}.auth-card-footer{border-top:1px solid #3a2d39;padding-top:17px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.auth-instagram{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#d1c1d6}.auth-instagram .icon{width:15px;height:15px}.auth-instagram:hover{color:#ffb68c}
.auth-showcase{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;isolation:isolate}.auth-showcase:before{content:'';position:absolute;inset:12% -20% 0;background:radial-gradient(ellipse,#a13e272b,transparent 66%);z-index:-1}.auth-showcase-copy{padding:18px 0 0 15px;position:relative;z-index:2}.auth-showcase-copy h2{font-size:clamp(39px,4.4vw,60px);line-height:1.08;letter-spacing:-2.5px;font-weight:750;margin:18px 0 14px}.auth-showcase-copy em,.auth-section-heading em{font-style:normal;color:#ff9b62}.auth-showcase-copy p{color:#c8b4c3;font-size:13px}.auth-art-stage{height:345px;position:relative;width:100%;max-width:500px;margin:0 auto;isolation:isolate}.auth-art-stage img{object-fit:contain;position:absolute;z-index:2;background:none;border:0;border-radius:0}.auth-art-stage .auth-main-crab{width:75%;height:92%;left:12%;top:3%;z-index:3;filter:drop-shadow(0 20px 22px #0003)}.auth-float{animation:auth-float 4.5s ease-in-out 1}.auth-art-stage .auth-frame-one{width:29%;height:36%;left:0;top:8%;animation-delay:-1s}.auth-art-stage .auth-frame-two{width:29%;height:36%;right:0;top:47%;animation-delay:-2s}.auth-art-stage .auth-founder{width:18%;height:22%;left:1%;top:69%;animation-delay:-.5s}.auth-art-stage .auth-crystal{width:18%;height:23%;right:2%;top:3%;animation-delay:-1.5s}.auth-art-stage .auth-explorer{width:14%;height:17%;right:22%;bottom:-3%;animation-delay:-2.5s}.auth-orbit{position:absolute;width:85%;height:35%;border:1px solid #e1784733;border-radius:50%;left:8%;top:57%;transform:rotate(-17deg);z-index:0}.auth-particles{position:absolute;inset:0;z-index:1;background-image:radial-gradient(circle at 11% 45%,#ffc082 1px,transparent 2px),radial-gradient(circle at 85% 33%,#ffc082 1px,transparent 3px),radial-gradient(circle at 68% 9%,#ffaf74 1px,transparent 2px),radial-gradient(circle at 40% 86%,#ffaf74 1px,transparent 3px),radial-gradient(circle at 10% 90%,#ffc082 1px,transparent 2px);animation:auth-shimmer 4s ease 1}.auth-showcase-foot{display:flex;justify-content:center;gap:22px;color:#bf9c9f;font-size:8px;letter-spacing:1.3px;margin-top:16px}.auth-scroll{display:flex;justify-content:center;gap:16px;align-items:center;color:#b9a7bb;font-size:11px;padding:35px 20px 52px}.auth-scroll span{color:#ff9b62;font-size:20px}
.auth-intro{border-top:1px solid #38242d;max-width:1240px;margin:0 auto;padding:75px 48px 0;scroll-margin-top:30px}.auth-section-heading{text-align:center;max-width:550px;margin:0 auto 75px}.auth-section-heading h2{font-size:42px;line-height:1.18;letter-spacing:-1.5px;margin:15px 0}.auth-section-heading p{color:#c0b1c6;font-size:13px;line-height:1.8}.auth-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:95px}.auth-feature-copy h3{font-size:38px;line-height:1.15;letter-spacing:-1.2px;margin:17px 0}.auth-feature-copy p{font-size:14px;color:#cbbdcc;line-height:1.9;max-width:420px}.auth-feature-copy small{font-size:11px;line-height:1.7;display:block;max-width:410px;color:#ae9bb5}.auth-frame-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center}.auth-frame-gallery img{width:100%;height:145px;object-fit:contain;background:none}.auth-badge-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px}.auth-badge-gallery img{width:100%;height:180px;object-fit:contain}.auth-badge-gallery img:nth-child(2){height:240px}.auth-boost-story{padding-top:65px;border-top:1px solid #32222c}.auth-feature-copy ul{padding-left:18px;color:#e2c6d1;font-size:12px;line-height:2.3}.auth-feature-copy li::marker{color:#ff9657}.auth-end{padding:45px 0 55px;text-align:center;border-top:1px solid #32222c}.auth-end h3{font-size:28px;margin-bottom:20px}.auth-end .btn{min-width:220px;gap:25px}.auth-bottom{max-width:1320px;margin:auto;padding:25px 48px 30px;border-top:1px solid #32222c;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#b19db5}.auth-bottom>span .brand-name{font-size:15px;margin-right:10px}.auth-bottom>a{display:flex;align-items:center;gap:7px}.auth-bottom .icon{width:16px;height:16px}.auth-legal h3{font-size:16px;margin:24px 0 8px}.auth-legal p{font-size:13px;line-height:1.85;color:#d2c7d5}.auth-legal a{color:#ffc095;text-decoration:underline;overflow-wrap:anywhere}
@keyframes auth-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes auth-shimmer{0%,100%{opacity:.35}50%{opacity:1}}
@media(min-width:1500px){.auth-layout{padding-top:26px;padding-bottom:12px}.auth-art-stage{height:385px}}
@media(max-width:1050px){.auth-layout{gap:30px;padding:0 32px;grid-template-columns:minmax(0,430px) minmax(0,1fr)}.auth-topline{padding:24px 32px}.auth-card{padding:27px}.auth-showcase-copy{padding-left:0}.auth-showcase-copy h2{font-size:42px}.auth-art-stage{height:280px}.auth-showcase-foot{font-size:7px;gap:12px}.auth-feature-row{gap:35px}.auth-frame-gallery img{height:115px}.auth-feature-copy h3{font-size:32px}}
@media(max-width:800px){.auth-layout{grid-template-columns:minmax(0,460px);justify-content:center;margin-top:5px}.auth-showcase{display:none}.auth-topline{max-width:524px}.auth-intro{padding:50px 32px 0}.auth-feature-row{gap:25px}.auth-feature-copy h3{font-size:28px}.auth-frame-gallery{gap:8px}.auth-frame-gallery img{height:100px}.auth-badge-gallery{gap:4px}.auth-badge-gallery img{height:100px}.auth-badge-gallery img:nth-child(2){height:145px}.auth-section-heading{margin-bottom:50px}.auth-section-heading h2{font-size:34px}.auth-bottom{padding:25px 32px;flex-wrap:wrap}}
@media(max-width:500px){.auth-topline{padding:20px}.crew-auth .auth-brand{font-size:20px}.crew-auth .auth-brand img{width:36px;height:36px}.auth-explore{font-size:10px}.auth-explore span{margin-left:4px}.auth-layout{padding:0 16px;gap:0}.auth-card{padding:25px 20px;border-radius:17px}.auth-card h1{font-size:28px}.auth-name-grid{grid-template-columns:1fr;gap:17px}.auth-card-footer{gap:13px}.auth-login-help{flex-wrap:wrap}.auth-intro{padding:45px 23px 0}.auth-feature-row{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.auth-feature-copy h3{font-size:32px}.auth-feature-copy p{font-size:13px}.auth-frame-gallery{gap:8px;order:2}.auth-frame-gallery img{height:105px}.auth-badge-gallery{order:2;max-width:340px}.auth-badge-gallery img{height:120px}.auth-badge-gallery img:nth-child(2){height:150px}.auth-boost-story{padding-top:40px}.auth-section-heading h2{font-size:31px}.auth-section-heading p{font-size:12px}.auth-section-heading{margin-bottom:45px}.auth-end h3{font-size:24px}.auth-bottom{padding:24px;gap:16px}.auth-bottom>span{width:100%}}
@media(prefers-reduced-motion:reduce){.crew-auth *,.crew-auth *:before,.crew-auth *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Public introduction: shared with the existing login and registration forms. */
.auth-story-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:28px 0 0}.auth-story-nav a{padding:10px 16px;border:1px solid #44343f;border-radius:30px;color:#e8dce8;font-size:12px;transition:background .2s,border-color .2s}.auth-story-nav a:hover{background:#ff9b6214;border-color:#ff9b62}.crew-auth a:focus-visible,.crew-auth button:focus-visible,.auth-story-nav a:focus-visible{outline:2px solid #ffb47d;outline-offset:5px}.crew-auth [id^=crew-]{scroll-margin-top:28px}
.auth-stories{margin-top:44px}.auth-world{margin:0;position:relative}.auth-world img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px}.auth-world figcaption{display:flex;justify-content:space-between;gap:18px;padding:18px 2px;color:#ffab7c;font-size:10px;letter-spacing:1.7px}.auth-world figcaption span{color:#c6bacb;letter-spacing:0;font-size:12px}
.auth-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px;border-top:1px solid #3a2d39;border-bottom:1px solid #3a2d39}.auth-story{padding:38px 28px 30px;min-width:0}.auth-story+.auth-story{border-left:1px solid #3a2d39}.auth-story-icon{display:grid;place-items:center;width:48px;height:48px;background:#ff9b6212;border:1px solid #ff9b6230;border-radius:15px;margin-bottom:24px;color:#ffab7c}.auth-story-icon svg{width:25px;height:25px}.auth-story .eyebrow{font-size:9px;letter-spacing:1.2px}.auth-story h3,.auth-together h3{font-size:clamp(25px,2.6vw,35px);line-height:1.2;letter-spacing:-1px;margin:14px 0 18px}.auth-story p,.auth-together p,.auth-difference p{font-size:13px;line-height:1.9;color:#c6bacb}.auth-story ul{padding:0;list-style:none;margin:24px 0;color:#eee3ee;font-size:12px;line-height:1.8}.auth-story li{position:relative;padding-left:17px;margin:12px 0}.auth-story li:before{content:'';width:5px;height:5px;border-radius:50%;background:#ffab7c;position:absolute;left:0;top:8px}.auth-story .auth-story-note{font-size:11px;color:#a99bac;margin-top:26px}.auth-story-game .auth-story-icon{color:#b6a0ff;border-color:#b6a0ff30;background:#b6a0ff12}.auth-story-work .auth-story-icon{color:#88caff;border-color:#88caff30;background:#88caff12}
.auth-together{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:64px 28px}.auth-together em{font-style:normal;color:#ff9b62}.auth-story-link{display:inline-flex;gap:28px;align-items:center;color:#ffb68c;font-size:13px;padding:12px 0;margin-top:8px}.auth-story-link:hover{text-decoration:underline}.auth-voice-art{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:260px;position:relative;background:radial-gradient(ellipse,#9c54261a,transparent 68%)}.auth-voice-symbol{display:grid;place-items:center;width:75px;height:75px;border:1px solid #ff9b6250;border-radius:50%;color:#ffae79;box-shadow:0 0 60px #ff9b6212}.auth-voice-symbol svg{width:34px;height:34px}.auth-soundwave{display:flex;align-items:center;justify-content:center;gap:6px;height:100px;margin:10px 0}.auth-soundwave i{width:5px;height:var(--height);border-radius:8px;background:linear-gradient(#ffbf8a,#ed663e);animation:auth-wave 1.8s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.2s)}.auth-voice-art>span:last-child{color:#b9acbf;font-size:9px;letter-spacing:2px}
.auth-difference{padding:44px 0 64px;border-top:1px solid #3a2d39}.auth-difference .auth-section-heading h3{font-size:30px;letter-spacing:-1px;margin:14px 0}.auth-difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}.auth-difference-grid article{padding:0 20px}.auth-difference-grid article>span{font-size:12px;color:#ffab7c;letter-spacing:2px}.auth-difference-grid h4{font-size:17px;margin:16px 0 10px}.auth-difference-grid p{margin:0;font-size:12px}
.auth-contact{max-width:1144px;margin:0 auto;padding:48px 28px;border-top:1px solid #44343f;display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.auth-contact h2{font-size:28px;letter-spacing:-.7px;margin:14px 0}.auth-contact p{color:#b9acbf;font-size:12px;line-height:1.8}.auth-contact address{font-style:normal;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px 20px}.auth-contact address>a,.auth-contact address>div{display:flex;flex-direction:column;gap:10px;min-width:0}.auth-contact small{font-size:9px;letter-spacing:1.5px;color:#a99bac}.auth-contact address span{display:flex;align-items:center;gap:6px;font-size:12px;color:#eee3ee;overflow-wrap:anywhere}.auth-contact address .icon{width:16px;height:16px;flex:none}.auth-contact address a:hover span{color:#ffb68c}.auth-showcase-copy h2{animation:auth-copy-in .7s ease-out both}
@keyframes auth-wave{from{transform:scaleY(.42);opacity:.5}to{transform:scaleY(1);opacity:1}}@keyframes auth-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.auth-story{padding:28px 18px}.auth-story h3{font-size:25px}.auth-together{gap:25px;padding:48px 18px}.auth-contact{margin:0 28px;padding:36px 0;grid-template-columns:1fr}.auth-difference-grid{gap:16px}.auth-difference-grid article{padding:0 10px}}
@media(max-width:640px){.auth-stories{margin-top:28px}.auth-world img{border-radius:12px}.auth-world figcaption{flex-direction:column;gap:8px;line-height:1.5}.auth-usecases{grid-template-columns:1fr;margin-top:16px}.auth-story{padding:30px 8px}.auth-story+.auth-story{border-left:0;border-top:1px solid #3a2d39}.auth-story-icon{margin-bottom:18px}.auth-story h3{font-size:30px}.auth-story .auth-story-note{margin-bottom:0}.auth-story-nav{gap:8px}.auth-story-nav a{font-size:11px;padding:9px 12px}.auth-together{grid-template-columns:1fr;padding:38px 8px;gap:12px}.auth-voice-art{min-height:220px}.auth-difference{padding:32px 0}.auth-difference-grid{grid-template-columns:1fr;gap:25px;margin-top:26px}.auth-difference-grid article{padding:0 8px}.auth-difference .auth-section-heading h3{font-size:26px}.auth-contact{margin:0 22px;gap:24px}.auth-contact address{grid-template-columns:1fr;gap:24px}.auth-contact h2{font-size:26px}.auth-contact address span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.auth-soundwave i,.auth-showcase-copy h2{animation:none}.auth-story-nav a{transition:none}}
.auth-contact .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.auth-showcase-copy h2{animation:none}

.auth-product-stories{padding-top:28px}.auth-product-story{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:42px;padding:54px 0;border-bottom:1px solid #3a2d39}.auth-product-story figure{margin:0;min-width:0}.auth-product-story figure img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px}.auth-product-story figcaption{color:#a99bac;font-size:10px;line-height:1.6;padding-top:12px}.auth-product-copy{min-width:0}.auth-product-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.17;letter-spacing:-1.2px;margin:16px 0 20px}.auth-product-copy h3 em{font-style:normal;color:#ff9b62}.auth-product-copy p{font-size:13px;line-height:1.9;color:#c6bacb}.auth-product-copy ul{list-style:none;padding:0;margin:22px 0;color:#eee3ee;font-size:12px;line-height:1.9}.auth-product-copy li{position:relative;padding-left:18px;margin:10px 0}.auth-product-copy li:before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;background:#ffab7c;border-radius:50%}.auth-product-story-mobile{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.auth-product-story-mobile figure{order:2}.auth-product-story-mobile .auth-product-copy{order:1}
@media(max-width:900px){.auth-product-story{gap:26px}.auth-product-copy h3{font-size:29px}.auth-product-copy .eyebrow{font-size:9px;letter-spacing:1px}}
@media(max-width:640px){.auth-product-stories{padding-top:10px}.auth-product-story,.auth-product-story-mobile{grid-template-columns:minmax(0,1fr);gap:24px;padding:34px 0}.auth-product-story-mobile figure,.auth-product-story-mobile .auth-product-copy{order:initial}.auth-product-copy{padding:0 8px}.auth-product-copy h3{font-size:32px}.auth-product-story figure img{border-radius:10px}}
.auth-profile-links{display:flex;flex-wrap:wrap;gap:4px 14px;width:100%}.auth-profile-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#d1c1d6;font-size:11px}.auth-profile-links a:hover{color:#ffb68c}

.invite-page,.admission-page{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:24px}.invite-home{color:var(--text);font-size:24px;font-weight:800;text-decoration:none}.invite-card{width:100%;max-width:440px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel,#20212b);color:var(--text);text-align:left;margin:12px 0;white-space:normal}.invite-page>[data-invite-code]{width:min(440px,100%)}.invite-banner{height:126px;background:linear-gradient(125deg,var(--purple),#286e85);overflow:hidden}.invite-banner img{width:100%;height:100%;object-fit:contain}.invite-card-content{padding:24px}.invite-card h2{font-size:22px;line-height:1.3;margin:12px 0}.invite-card p{overflow-wrap:anywhere;line-height:1.6}.invite-eyebrow{font-size:12px;color:var(--muted);margin-top:0}.invite-server-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--panel,#20212b);border:3px solid var(--line);font-size:22px;font-weight:700;overflow:hidden}.invite-server-icon img{width:100%;height:100%;object-fit:contain}.invite-counts{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.invite-counts span{display:flex;align-items:center;gap:6px}.invite-card .btn{width:100%;justify-content:center}.invite-invalid{padding:24px}.invite-skeleton .invite-banner{opacity:.35}.invite-skeleton .invite-card-content{min-height:160px;color:var(--muted)}.invite-message{display:block;max-width:440px}.invite-friends,.invite-management,.admission-applications{max-height:360px;overflow:auto}.invite-friends small,.admission-applicant small{display:block;color:var(--muted)}#server-invites,#admission-settings,#pending-members{margin:20px 0}#server-invites .grow{min-width:0;overflow-wrap:anywhere}#modal details{padding:12px 0}#modal summary{cursor:pointer}#modal .invite-friends .btn{flex-shrink:0}.admission-rules{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:8px}.admission-question{display:flex;gap:16px;align-items:center}.admission-question>.field{flex:1}.admission-applicant{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.admission-applicant>span{min-width:0;overflow-wrap:anywhere}.admission-applicant>span>span{display:block;margin-top:12px}.admission-waiting{max-width:560px}.invite-card button:focus-visible,[data-invite-action]:focus-visible,[data-admission-action]:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.invite-card button:disabled{opacity:.6;cursor:wait}.invite-card button:hover:enabled{filter:brightness(1.1)}@media(max-width:520px){.invite-page,.admission-page{padding:16px 8px}.invite-card-content{padding:18px}.invite-banner{height:104px}.admission-question{align-items:stretch;flex-direction:column;gap:4px}#modal .list-row{flex-wrap:wrap}#modal .actions{flex-wrap:wrap}}
.form-stack[hidden],#active-members[hidden]{display:none!important}.invite-counts .dot{background:var(--green,#44b985)}
.pending-count[hidden]{display:none!important}
.invite-dialog .actions{display:flex;gap:8px;flex-wrap:wrap}
.invite-message{width:280px;max-width:100%}
.invite-message .invite-card{max-width:280px;margin:4px 0;border-radius:10px}
.invite-message .invite-banner{height:56px}
.invite-message .invite-card-content{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:4px 8px;padding:10px}
.invite-message .invite-eyebrow{grid-column:1/-1;margin:0;font-size:10px;line-height:1.3}
.invite-message .invite-server-icon{grid-column:1;grid-row:2/4;width:32px;height:32px;border-width:2px;font-size:12px}
.invite-message .invite-card h2{grid-column:2;grid-row:2;margin:0;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.invite-message .invite-counts{grid-column:2;grid-row:3;gap:10px;margin:0;font-size:10px;line-height:1.3}
.invite-message .invite-card-content>p:not(.invite-eyebrow):not(.invite-counts):not(.form-error){grid-column:1/-1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:12px;line-height:1.35}
.invite-message .invite-card .btn{grid-column:1/-1;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.3}
.invite-message .form-error{grid-column:1/-1;margin:0;font-size:12px}
.invite-message .form-error:empty{display:none}
.invite-message .invite-invalid{padding:12px}
.invite-message .invite-skeleton .invite-card-content{display:block;min-height:100px}

.context-layer{position:fixed;inset:0;z-index:2000;pointer-events:none}.context-surface{pointer-events:auto;position:absolute;width:286px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;padding:7px;border:1px solid var(--line);border-radius:12px;background:rgba(28,25,36,.97);backdrop-filter:blur(18px);box-shadow:0 16px 48px #0008;color:var(--text,#f1edf6)}.context-surface button{font:inherit;width:100%;display:flex;gap:11px;align-items:center;text-align:left;background:none;border:0;color:inherit;min-height:38px;padding:8px 10px;border-radius:6px;cursor:pointer}.context-surface button>span{flex:1;min-width:0}.context-surface button small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.context-surface button:hover,.context-surface button:focus-visible{background:#a88be226;outline:2px solid var(--purple,#ad88ef);outline-offset:-2px}.context-surface .context-danger{color:#ff989f}.context-surface [role=separator]{height:1px;background:var(--line);margin:6px 8px}.context-surface [aria-disabled=true]{opacity:.45;cursor:default}.context-mobile{pointer-events:auto;background:#08060c99}.context-sheet{bottom:0;left:0;width:100%;max-width:100%;max-height:85dvh;border-radius:18px 18px 0 0;padding:12px 12px max(12px,env(safe-area-inset-bottom));}.context-sheet button{min-height:48px}.context-sheet [data-back]>.icon{transform:rotate(180deg)}[data-context-user],[data-context-conversation],[data-profile],[data-action=show-profile],.dm-nav,.dm-card-open{-webkit-touch-callout:none;user-select:none}.context-press{touch-action:none}.context-private-name{display:block;font-size:11px;color:var(--muted)}.context-pinned-label{font-size:11px;color:var(--muted);padding:10px 12px 4px}.context-private-dialog textarea{min-height:100px}.ignored-message{padding:12px 18px;color:var(--muted);border-bottom:1px solid var(--line)}.ignored-message>summary{cursor:pointer}.context-undo{position:fixed;z-index:2100;bottom:28px;left:50%;transform:translateX(-50%);background:#292231;color:var(--text,#fff);padding:12px 18px;border:1px solid var(--line);border-radius:10px;max-width:calc(100vw - 24px)}.context-undo button{margin-left:14px}.profile-private-note{margin-top:16px}.profile-private-note textarea{width:100%;min-height:70px;resize:vertical}.profile-private-note small{color:var(--muted)}
@media(prefers-reduced-transparency:reduce){.context-surface{background:#211d2b;backdrop-filter:none}}

.context-volume{padding:10px;border-radius:6px}
.context-volume label{display:block}.context-volume label>span{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.context-volume output{font-variant-numeric:tabular-nums;flex:none;color:var(--text)}
.context-volume input{display:block;width:100%;height:32px;padding:0;margin:4px 0;accent-color:var(--purple);cursor:pointer;touch-action:pan-y}
.context-volume small{display:block;font-size:11px;color:var(--muted);line-height:1.4}
.context-volume:focus-within{background:#a88be226}
.context-volume input:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.context-sheet .context-volume input{height:44px}

.auth-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}.desktop-download{display:flex;align-items:center;gap:8px;flex-shrink:0}.desktop-download-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 17px;border:1px solid #ff9b624d;border-radius:9px;background:#ff9b6212;color:var(--auth-accent,#ff9b62);font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.desktop-download-link:hover{background:#ff9b6226;border-color:#ff9b6280}.desktop-info{position:relative}.desktop-info summary{display:flex;align-items:center;justify-content:center;width:30px;height:30px;list-style:none;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer}.desktop-info summary::-webkit-details-marker{display:none}.desktop-info summary:hover,.desktop-info[open] summary{color:var(--text);border-color:#ff9b6280;background:#ff9b6212}.desktop-info summary:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.desktop-info-card{position:absolute;z-index:30;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 40px);padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 40px #0005;line-height:1.6}.desktop-info-card strong{display:block;font-size:13px;color:var(--text)}.desktop-info-card p{margin:8px 0 0;font-size:12px;color:var(--muted)}.desktop-preferences{margin:16px 24px}.desktop-preferences input[type=checkbox]{width:auto}.desktop-preferences p{color:var(--muted)}@media(max-width:500px){.auth-topline{flex-wrap:wrap;gap:12px}.auth-top-actions{flex:1 0 100%;gap:18px}.desktop-download-link{min-height:34px;padding:6px 13px;font-size:11px}.desktop-info summary{width:28px;height:28px}.desktop-preferences{margin:12px}}

.desktop-auth-return{max-width:480px;min-height:100dvh;margin:auto;padding:64px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.desktop-auth-return img{object-fit:contain}.desktop-auth-return h1{margin:0;font-size:28px}.desktop-auth-return p{margin:0;color:var(--muted);line-height:1.7}.desktop-auth-return .btn{margin:8px 0;min-width:180px}