:root{color-scheme:dark;--bg:#090b0e;--panel:#13171c;--panel-2:#1b2027;--line:rgba(255,255,255,.075);--text:#f5f6f7;--muted:#969ca6;--accent:#59d0d5;--green:#63d6ad;--red:#ef8897;--accent-soft:color-mix(in srgb,var(--accent) 10%,transparent);--ease:cubic-bezier(.22,1,.36,1);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;font-size:14px;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:none;border:none}button:disabled{opacity:.4;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:36px;font-weight:620;line-height:1.13}h2{font-size:26px;font-weight:610;line-height:1.2}h3{font-size:17px;font-weight:600}input,textarea,select{background:#0d1014;color:var(--text);border:1px solid #ffffff12;border-radius:12px;padding:13px 15px;min-width:0;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::placeholder{color:#727a87}textarea{resize:vertical}select{cursor:pointer}label{color:var(--muted);font-size:13px}::selection{background:var(--accent);color:#081318}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#30363f;border-radius:8px}button{transition:background .2s,color .2s,border-color .2s,transform .22s var(--ease)}button:active:not(:disabled){transform:scale(.98)}
.btn{border:1px solid var(--line);border-radius:999px;background:#ffffff08;min-height:42px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap}.btn:hover{background:#ffffff10;border-color:#ffffff14}.btn.primary{background:#f1f4f4;border-color:transparent;color:#101419}.btn.primary:hover{background:#fff;box-shadow:0 3px 18px #ffffff10}.btn.subtle{background:transparent;border-color:transparent;color:var(--muted)}.btn.subtle:hover{color:var(--text);background:#ffffff06}.btn.danger{color:var(--red);border-color:#f2748b30}.card{border:1px solid var(--line);border-radius:22px;background:var(--panel)}.eyebrow{font-size:11px;font-weight:560;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#283039;color:#d1d8e1;font-size:12px;font-weight:600;flex-shrink:0}.avatar.accent{background:var(--accent-soft);color:var(--accent)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.green{color:var(--green)}.flex{display:flex;align-items:center;gap:12px}.spacer{flex:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--muted);flex-shrink:0}.icon-btn:hover{background:#ffffff07;color:var(--text)}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:90px;z-index:200;padding:13px 20px;background:var(--text);color:var(--bg);border-radius:12px;transform:translateY(-80px)}.skip-link:focus{transform:none}
.app-shell{min-height:100vh;padding-left:72px}.space-rail{position:fixed;inset:0 auto 0 0;z-index:30;width:72px;background:#080a0c;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:27px 10px 19px;gap:19px}.platform-mark{width:27px;height:27px;color:#e9edef;margin-bottom:17px;padding:0}.rail-divider{width:22px;border-top:1px solid #ffffff0d;margin:0 0 3px}.space-btn{position:relative;display:grid;place-items:center;width:45px;height:45px;border-radius:15px;color:#777f8b;background:#ffffff04;border:1px solid transparent}.space-btn:hover{color:var(--space-color);background:#ffffff08}.space-btn.active{border-color:color-mix(in srgb,var(--space-color) 22%,transparent);color:var(--space-color);background:color-mix(in srgb,var(--space-color) 9%,#0e1115)}.space-btn.active:before{content:"";position:absolute;left:-15px;width:3px;height:15px;background:var(--space-color);border-radius:0 4px 4px 0}.space-btn.add{border:1px dashed #ffffff20;width:40px;height:40px;border-radius:50%;margin-top:7px}.rail-bottom{margin-top:auto;display:grid;gap:16px;place-items:center}.rail-avatar{width:35px;height:35px;border-radius:50%;background:#d4c5b0;color:#39312b;font-weight:650;font-size:11px;border:3px solid #151a20}.topbar{height:80px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid var(--line);background:#0b0e12e8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.community-brand{display:flex;align-items:center;text-align:left;gap:12px;min-width:208px;padding:5px 0}.community-brand-mark{width:33px;height:33px;color:var(--accent)}.community-brand>span:nth-child(2){min-width:0}.brand-name{display:block;font-size:13px;font-weight:650;letter-spacing:.03em;text-transform:uppercase;max-width:188px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand-domain{font-size:11px;color:#7d8693;margin-top:5px;max-width:188px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-chevron{color:#737c88;margin-left:3px;transform:rotate(90deg)}.top-nav{display:flex;align-items:center;gap:4px;background:#ffffff04;border:1px solid #ffffff05;padding:4px;border-radius:999px}.top-nav button{font-size:13px;font-weight:550;color:var(--muted);padding:11px 20px;min-height:40px;border-radius:999px}.top-nav button:hover{color:var(--text);background:#ffffff04}.top-nav button.active{color:#f7f8fa;background:#262c34;box-shadow:0 2px 8px #0003}.top-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.demo-tag{color:#7e8895;font-size:10px;padding:5px 8px;border-radius:5px;letter-spacing:.04em}.search-button{display:flex;gap:10px;color:var(--muted);align-items:center;font-size:12px;padding:11px 13px;background:transparent;border:1px solid var(--line);border-radius:999px;min-height:40px}.search-button:hover{background:#ffffff05}.search-button kbd{font-size:10px;color:#6c7582;padding-left:6px}.notification-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);right:10px;top:9px}.notification-btn{position:relative}.phone-toggle{border:1px solid var(--line)}.shell-body{display:flex;min-height:calc(100vh - 80px)}.channel-sidebar{width:220px;min-width:220px;border-right:1px solid var(--line);padding:29px 16px 20px;background:#0b0e12;display:flex;flex-direction:column;gap:28px;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto}.sidebar-heading{font-size:10px;font-weight:600;color:#737d8a;letter-spacing:.09em;margin:0 12px 10px;display:flex;align-items:center;justify-content:space-between}.sidebar-nav{display:grid;gap:3px}.side-link{display:flex;align-items:center;gap:12px;text-align:left;min-height:43px;padding:11px 12px;color:#929ba8;border-radius:11px;font-size:13px;letter-spacing:-.01em}.side-link.active{color:var(--text);background:#ffffff07}.side-link.active svg{color:var(--accent);opacity:1}.side-link:hover:not(.active){color:var(--text);background:#ffffff04}.side-link svg{opacity:.7}.side-badge{margin-left:auto;font-size:10px;padding:2px 5px;border-radius:4px;color:#99a5b3}.live-dot{width:5px;height:5px;background:var(--red);border-radius:50%;margin-left:auto}.membership-card{padding:17px 13px;border:1px solid var(--line);border-radius:16px;background:#12171d;margin-top:auto}.membership-card .member-row{display:flex;gap:8px;align-items:center;color:#ddcca9;font-size:11px;font-weight:550}.membership-card p{font-size:12px;line-height:1.6;color:#8c96a2;margin:11px 0 14px}.membership-card button{font-size:11px;width:100%;min-height:37px;padding:9px 10px}.powered{font-size:10px;color:#67717e;display:flex;align-items:center;justify-content:center;gap:5px}.powered strong{color:#aab3bf;font-size:13px;letter-spacing:-.04em}.view-content{flex:1;min-width:0;padding:34px 30px 25px;max-width:1800px;margin:0 auto;width:100%;outline:none}.view-content.page-enter{animation:pageIn .45s var(--ease)}.view-content.terminal-content{padding:20px 24px}.view-content.mobile-content{padding:20px 35px}.creator-shell .channel-sidebar{width:220px;min-width:220px}.mobile-menu,.mobile-tabbar,.mobile-profile{display:none}.prototype-bottom{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#656e7b;margin:35px 0 0}.prototype-bottom span{opacity:.4}.drawer-scrim{display:none}.sidebar-resources{border:0}.sidebar-resources summary{list-style:none;cursor:pointer;min-height:32px;margin-bottom:0}.sidebar-resources summary::-webkit-details-marker{display:none}.sidebar-resources summary svg{transform:rotate(90deg);transition:.2s}.sidebar-resources[open] summary{margin-bottom:10px}.sidebar-resources[open] summary svg{transform:rotate(-90deg)}
.modal-overlay{position:fixed;inset:0;z-index:100;background:#030609ae;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px;animation:overlayIn .2s ease}.modal-box{position:relative;width:min(600px,100%);max-height:88dvh;overflow:auto;background:#171c22;border:1px solid #ffffff12;border-radius:26px;padding:34px;box-shadow:0 40px 130px #0008;animation:dialogIn .35s var(--ease)}.modal-box h2{font-size:29px;margin:0 25px 13px 0;line-height:1.12;letter-spacing:-.04em}.modal-box h3{margin-bottom:8px}.modal-box p{color:var(--muted);font-size:14px;line-height:1.65}.modal-box .modal-close{position:absolute;right:13px;top:13px;background:#ffffff04;width:37px;height:37px}.modal-box input:not([type=checkbox]):not([type=radio]),.modal-box textarea,.modal-box select{width:100%}.modal-fields{display:grid;gap:20px;margin-top:26px}.modal-fields label{display:grid;gap:9px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:27px}.modal-eyebrow{margin-bottom:16px;color:var(--accent)}.search-results{display:grid;gap:5px;margin-top:20px}.search-result{display:flex;align-items:center;gap:15px;text-align:left;padding:16px 13px;background:transparent;border:1px solid transparent;border-radius:13px;font-size:14px}.search-result:hover,.search-result:focus-visible{background:#ffffff05}.search-result>svg:first-child{color:var(--accent)}.search-result span{flex:1}.search-result small{display:inline-block;font-size:12px;color:var(--muted);margin-top:5px}.search-help{font-size:11px;color:#7e8894;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}#toast-root{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:150;display:grid;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:11px;border:1px solid #ffffff12;background:#232a32ee;backdrop-filter:blur(16px);box-shadow:0 10px 35px #0005;border-radius:999px;padding:15px 22px;font-size:13px;line-height:1.4;max-width:min(520px,90vw);animation:toastIn .35s var(--ease)}.toast svg{color:var(--accent)}
.channel-view{max-width:1000px;margin:auto}.channel-head{padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:28px}.channel-head p{margin-top:11px;font-size:14px;color:var(--muted);line-height:1.6}.channel-messages{display:flex;flex-direction:column;gap:30px;min-height:390px;max-height:calc(100dvh - 360px);overflow:auto;padding:10px 15px 30px}.channel-message{display:flex;gap:15px}.channel-message-body{min-width:0}.channel-message-body strong{font-size:14px;font-weight:600}.channel-message-body time{font-size:11px;color:#76818f;margin-left:10px}.channel-message-body p{font-size:14px;line-height:1.7;margin-top:7px;color:#c1c8d1;white-space:pre-wrap;overflow-wrap:anywhere}.channel-compose{display:flex;align-items:center;gap:10px;background:#171c23;border:1px solid #ffffff0b;padding:8px 10px 8px 6px;border-radius:18px}.channel-compose:focus-within{border-color:#ffffff20}.channel-compose input{flex:1;border:none;background:none;font-size:14px;box-shadow:none}.channel-compose .btn{width:43px;height:43px;padding:0}.channel-note{font-size:11px;color:#707c8b;margin-top:13px;text-align:center}.channel-day{display:flex;align-items:center;gap:18px;color:#707c88;font-size:11px;margin:0 0 26px}.channel-day:before,.channel-day:after{content:'';flex:1;height:1px;background:var(--line)}.notification-list{display:grid;gap:0;margin-top:17px}.notification-item{padding:21px 0;border-bottom:1px solid var(--line);display:flex;align-items:start;gap:14px}.notification-item p{font-size:13px}.notification-item small{display:inline-block;color:#768390;font-size:11px;margin-top:5px}.new-space-preview{padding:18px;background:#ffffff03;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:14px}.shortcut-key{background:#ffffff06;border:1px solid #ffffff0b;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:10px}.space-list{display:grid;gap:8px;margin-top:24px}.space-choice{display:flex;align-items:center;gap:14px;border:1px solid transparent;border-radius:15px;padding:15px 13px;text-align:left;width:100%}.space-choice:hover{background:#ffffff05}.space-choice.is-current{border-color:#ffffff0e;background:#ffffff04}.space-choice-mark{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--choice-accent) 10%,transparent);color:var(--choice-accent);display:grid;place-items:center}.space-choice strong{font-size:14px;font-weight:600;display:block}.space-choice small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.space-choice>svg:last-child{margin-left:auto;color:var(--accent)}.space-create{width:100%;margin-top:20px;gap:10px}.workspace-modal .eyebrow{margin-bottom:14px}.workspace-modal>p{max-width:380px}.mobile-tabbar{padding-bottom:env(safe-area-inset-bottom)}
@keyframes pageIn{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes dialogIn{from{opacity:0;transform:translateY(13px) scale(.985)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1700px){.view-content{padding:40px 44px}.topbar{padding:0 36px}.community-brand{min-width:214px}}
@media(max-width:1280px){.topbar{gap:22px;padding:0 22px}.community-brand{min-width:185px}.top-nav button{padding:11px 17px}.top-tools{gap:5px}.search-button span,.search-button kbd{display:none}.search-button{width:40px;justify-content:center;padding:10px;border:none}.channel-sidebar,.creator-shell .channel-sidebar{width:204px;min-width:204px;padding:27px 12px}.view-content{padding:30px 24px}.demo-tag{display:none}.brand-name,.brand-domain{max-width:163px}}
@media(max-width:1050px){.topbar{gap:18px}.community-brand{min-width:165px}.brand-name,.brand-domain{max-width:138px}.top-nav button{padding:11px 14px}.top-tools .notification-btn{display:none}.channel-sidebar,.creator-shell .channel-sidebar{width:185px;min-width:185px;padding:25px 9px}.side-link{font-size:12px;gap:9px;padding:10px}.membership-card{padding:14px 10px}.membership-card p{font-size:11px}}
@media(max-width:900px){.channel-sidebar,.creator-shell .channel-sidebar{display:none}.topbar{height:74px;padding:0 20px;gap:17px}.community-brand{min-width:0}.brand-name{font-size:12px}.brand-domain{font-size:10px}.top-nav{margin-left:auto}.top-nav button{font-size:12px;padding:11px 16px}.top-tools{margin-left:0}.mobile-menu{display:flex;width:35px;margin-left:-6px}.channel-sidebar.open{display:flex;position:fixed;left:72px;top:74px;bottom:0;width:236px;height:calc(100dvh - 74px);z-index:50;background:#10141a;padding:25px 18px;animation:dialogIn .25s var(--ease)}.drawer-scrim.open{display:block;position:fixed;inset:74px 0 0 72px;z-index:40;background:#0008;backdrop-filter:blur(3px)}.side-link{font-size:14px;min-height:46px}.view-content{padding:28px}.view-content.mobile-content{padding:22px}.shell-body{min-height:calc(100dvh - 74px)}}
@media(max-width:700px){.topbar{gap:10px}.brand-domain{max-width:135px}.top-nav button{padding:10px 12px}.top-tools .search-button{display:none}.top-tools .phone-toggle{width:37px;height:37px}}
@media(max-width:620px){.app-shell{padding-left:0;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.space-rail,.top-nav,.mobile-menu{display:none}.topbar{height:76px;padding:0 21px;gap:12px}.community-brand{gap:11px;max-width:calc(100% - 115px)}.community-brand-mark{width:30px;height:30px}.brand-name{max-width:170px;font-size:12px;letter-spacing:.015em}.brand-domain{max-width:165px;font-size:11px;margin-top:4px}.brand-chevron{display:none}.top-tools{gap:6px;margin-left:auto}.top-tools .search-button{display:flex;width:37px;height:40px}.top-tools .phone-toggle{width:37px;height:37px;border:0}.mobile-profile{display:flex;width:31px;height:31px;border:0;background:#d4c5b0;color:#39312b;font-size:10px;font-weight:650}.top-tools .notification-btn{display:none}.view-content{padding:25px 19px}.view-content.terminal-content{padding:14px 10px}.view-content.mobile-content{padding:14px 8px}.channel-sidebar.open{left:0;top:76px;height:calc(100dvh - 157px);padding:25px 18px}.drawer-scrim.open{inset:76px 0 81px 0}.mobile-tabbar{position:fixed;display:flex;align-items:center;justify-content:space-around;bottom:0;left:0;right:0;z-index:35;min-height:76px;border-top:1px solid #ffffff09;background:#101419ee;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -8px 30px #0001}.mobile-tabbar button{position:relative;display:flex;flex:1;gap:5px;align-items:center;justify-content:center;flex-direction:column;color:#7c8795;min-height:66px;font-size:11px;font-weight:550}.mobile-tabbar button.active{color:var(--accent)}.mobile-tabbar button.active:before{position:absolute;content:'';top:7px;width:34px;height:29px;border-radius:12px;background:var(--accent-soft);z-index:-1}.mobile-tabbar svg{width:20px;height:20px;margin:0 0 2px}.prototype-bottom{font-size:10px;line-height:1.6;text-align:center;margin-top:30px}.modal-overlay{padding:0;align-items:flex-end}.modal-box{border-radius:26px 26px 0 0;padding:35px 24px calc(28px + env(safe-area-inset-bottom));max-height:91dvh;width:100%;border-bottom:0;animation:dialogIn .4s var(--ease)}.modal-box:before{content:'';display:block;position:absolute;top:9px;left:calc(50% - 17px);width:34px;height:4px;border-radius:3px;background:#4c545e}.modal-box .modal-close{top:17px;right:14px}.modal-box h2{font-size:28px;margin-right:29px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1;min-height:46px}#toast-root{bottom:calc(91px + env(safe-area-inset-bottom));width:max-content;max-width:91vw}.toast{font-size:12px;padding:13px 17px;border-radius:16px;max-width:91vw}.channel-head{margin-bottom:20px;padding-bottom:20px}.channel-head h1{font-size:25px}.channel-head .pill{font-size:10px}.channel-head .flex{gap:10px}.channel-head p{font-size:13px}.channel-messages{max-height:calc(100dvh - 405px);min-height:280px;gap:26px;padding-left:0;padding-right:0}.channel-message{gap:11px}.channel-message-body p{font-size:14px}.channel-message-body time{font-size:10px}.channel-message-body strong{font-size:13px}.channel-day{margin-bottom:16px}.channel-note{font-size:10px}.channel-view .channel-compose{position:sticky;bottom:calc(91px + env(safe-area-inset-bottom))}.btn{min-height:44px}.icon-btn{min-width:40px;min-height:40px}h1{font-size:30px}.search-help{font-size:10px}.skip-link{left:20px}}
@media(max-width:360px){.topbar{padding:0 14px}.community-brand{gap:8px;max-width:calc(100% - 110px)}.brand-name,.brand-domain{max-width:126px}.top-tools{gap:0}.view-content{padding-left:15px;padding-right:15px}.top-tools .phone-toggle{display:none}.community-brand{max-width:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.channel-name-button{display:flex;align-items:center;gap:12px;padding:5px 0;text-align:left}.channel-name-button>svg{color:var(--muted);transform:rotate(90deg)}.channel-name-button:hover>svg{color:var(--text)}
.search-result.selected{background:#ffffff06;border-color:#ffffff04}.search-results{max-height:54dvh;overflow:auto}.search-result.selected>svg:last-child{color:var(--text)}

.channel-name-button{min-width:0;flex:1}.channel-name-button h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-head .flex>.spacer{display:none}@media(max-width:620px){.channel-name-button{gap:7px}.channel-name-button h1{font-size:24px}.channel-head .pill{padding:5px 7px;font-size:10px}.channel-head .flex{gap:9px}}
/* The role switch changes the preview, while account connections remain personal. */
.view-switch{display:flex;align-items:center;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;margin-right:6px;background:#ffffff02}.view-switch button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:8px 12px;border-radius:999px;color:#87919e;font-size:11px;font-weight:550}.view-switch button.active{background:var(--accent-soft);color:var(--accent)}.view-switch button:hover:not(.active){color:var(--text);background:#ffffff05}.view-switch-mobile{display:none;align-items:center;gap:7px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;background:var(--accent-soft);color:var(--accent);min-height:40px;font-size:11px;font-weight:550;white-space:nowrap}.view-switch-mobile>svg:last-child{transform:rotate(90deg)}.role-demo-note{font-size:11px!important;color:#7b8897!important;line-height:1.6!important;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.space-choice small{line-height:1.6}.top-nav button{padding-left:15px;padding-right:15px}.top-tools .search-button span,.top-tools .search-button kbd{display:none}.top-tools .search-button{width:40px;border:0;padding:10px;justify-content:center}
@media(max-width:1280px){.topbar{gap:18px}.community-brand{min-width:170px}.top-nav button{padding-left:12px;padding-right:12px}.view-switch button{padding:8px 10px}.top-tools{gap:4px}.top-tools .notification-btn{display:none}.brand-name,.brand-domain{max-width:148px}}
@media(max-width:1000px){.app-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.topbar{height:74px;gap:18px}.top-nav{display:none}.top-tools{margin-left:auto}.view-switch{display:none}.view-switch-mobile{display:flex}.channel-sidebar,.creator-shell .channel-sidebar{display:none}.channel-sidebar.open{display:flex;position:fixed;left:72px;top:74px;width:236px;height:calc(100dvh - 154px);z-index:50;padding:25px 18px;background:#10141a}.drawer-scrim.open{display:block;position:fixed;inset:74px 0 80px 72px;background:#0008;z-index:40}.mobile-menu{display:flex}.mobile-tabbar{position:fixed;display:flex;align-items:center;justify-content:space-around;bottom:0;left:72px;right:0;z-index:35;min-height:76px;border-top:1px solid #ffffff09;background:#101419ee;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-tabbar button{position:relative;display:flex;flex:1;gap:5px;align-items:center;justify-content:center;flex-direction:column;color:#7c8795;min-height:66px;font-size:11px;font-weight:550}.mobile-tabbar button.active{color:var(--accent)}.mobile-tabbar svg{width:20px;height:20px}.top-tools .search-button{display:flex}.prototype-bottom{margin-bottom:5px}#toast-root{bottom:calc(91px + env(safe-area-inset-bottom))}}
@media(max-width:620px){.topbar{height:76px;padding:0 18px;gap:10px}.mobile-tabbar{left:0}.mobile-menu{display:none}.top-tools{gap:7px}.top-tools .search-button,.top-tools .phone-toggle{display:none}.top-tools .mobile-profile{display:flex;min-width:30px;min-height:30px;width:30px;height:30px}.view-switch-mobile{font-size:11px;min-height:38px;padding:8px 10px;gap:6px}.community-brand{min-width:0;max-width:calc(100% - 151px);gap:8px}.brand-name,.brand-domain{max-width:145px}.community-brand-mark{width:28px;height:28px}.brand-name{font-size:11px}.brand-domain{font-size:10px}.channel-sidebar.open{left:0;top:76px;height:calc(100dvh - 156px)}.drawer-scrim.open{inset:76px 0 80px 0}.mobile-tabbar button{font-size:10px}.mobile-tabbar svg{width:19px;height:19px}}
@media(max-width:360px){.topbar{padding:0 13px}.top-tools .mobile-profile{display:none}.community-brand{max-width:calc(100% - 120px)}.brand-name,.brand-domain{max-width:140px}}
/* Desktop product surfaces: community, collaboration and execution. */
.top-nav button{padding-left:13px;padding-right:13px}.topbar{gap:22px}.community-brand{min-width:185px}.top-tools{gap:5px}.view-content.desktop-chat-content{padding:0;overflow:hidden;min-width:0}.desktop-chat-shell .shell-body{height:calc(100dvh - 80px);min-height:0}.desktop-chat-shell .mobile-menu{display:none}.view-content.pro-content{padding:15px 18px 22px;min-width:0;max-width:none}.view-content.live-content{padding:22px 26px;min-width:0;max-width:none}.trading-mode-bar{display:flex;align-items:center;gap:20px;min-height:45px;margin-bottom:15px}.trading-mode-title{display:flex;align-items:center;gap:13px;min-width:0}.trading-mode-title .eyebrow{font-size:10px;letter-spacing:.13em;color:#a9b4bf;white-space:nowrap}.trading-mode-title>span:last-child{font-size:12px;color:#788592;white-space:nowrap}.trading-modes{display:flex;align-items:center;padding:3px;border:1px solid #ffffff0c;border-radius:9px;background:#11161c;gap:3px;margin-left:auto}.trading-modes>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:80px;min-height:32px;border-radius:6px;color:#83909f;font-size:11px;font-weight:550}.trading-modes>button.active{background:#28323d;color:#f1f5f8;box-shadow:0 2px 5px #0002}.trading-modes>button[data-value=pro].active{background:var(--accent-soft);color:var(--accent)}.trading-desk-link{display:flex;align-items:center;gap:7px;font-size:11px;color:#8c9aa7;padding:8px 0;min-height:34px;white-space:nowrap}.trading-desk-link:hover{color:var(--accent)}
@media(max-width:1280px){.topbar{gap:15px}.community-brand{min-width:165px}.top-nav button{font-size:12px;padding-left:11px;padding-right:11px}.view-switch button{padding-left:9px;padding-right:9px}.top-tools{gap:2px}.view-content.pro-content{padding:13px 14px 20px}.trading-mode-title>span:last-child{display:none}}
@media(max-width:1100px){.brand-name,.brand-domain{max-width:128px}.community-brand{min-width:148px}.topbar{gap:11px;padding-left:18px;padding-right:18px}.top-tools .notification-btn{display:none}.top-nav button{padding-left:9px;padding-right:9px}}
@media(max-width:1000px){.top-tools .accounts-shortcut{display:none}.desktop-chat-shell .shell-body{height:calc(100dvh - 150px - env(safe-area-inset-bottom))}.view-content.live-content{padding:20px}.view-content.pro-content{padding:13px 12px 20px}}
@media(max-width:700px){.trading-mode-bar{gap:10px;flex-wrap:wrap;margin-bottom:12px}.trading-mode-title{display:none}.trading-modes{margin-left:0}.trading-desk-link{margin-left:auto;font-size:10px}.view-content.live-content{padding:14px 12px}.topbar{padding-left:18px;padding-right:18px}.top-tools{gap:7px}}
@media(max-width:360px){.topbar{padding-left:13px;padding-right:13px}.trading-modes>button{min-width:68px}}
.without-channel-sidebar .mobile-menu{display:none}