/* Shell proportions and neutral materials adapted from world.page's accepted
   WorldShellV1, inspected 2026-11-10. No community themes or remote assets. */
:root{--rail-width:72px;--nav-width:288px;--bg:#fafafa;--surface:#fff;--ink:#333;--muted:#686868;--line:#d5d8dc;--rail:var(--bg);--toolbar:linear-gradient(#fff,#f2f3f5);--raised:linear-gradient(#fff,#f2f3f5);--inset:#edf0f3;--accent:#087bad;--shadow:0 4px 9px #00000012;--control-shadow:0 1px 2px #0000001c;--column-shadow:-4px 0 9px #00000012,4px 0 9px #00000012}
:root[data-theme=dark]{--bg:#252628;--surface:#303133;--nav:#2c2d2f;--ink:#e4e5e7;--muted:#b6bac0;--line:#1d1f21;--rail:var(--bg);--toolbar:linear-gradient(#43464a,#2c2e31);--raised:linear-gradient(#43464a,#2c2e31);--inset:#24272a;--accent:#89b5e1;--shadow:0 4px 9px #00000030;--control-shadow:0 1px 2px #00000055;--column-shadow:-4px 0 9px #00000030,4px 0 9px #00000030}
/* A single application canvas runs behind the rail and all main content. */
body{background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#rail,#workspace,#main,#discover-view,#community-view,.community-page,.chat-history,#community-pages{background:transparent}
#rail{padding:0;gap:0;overflow:hidden;z-index:30}
#rail>.globe{width:100%;height:48px;min-height:48px;border-radius:0;background:var(--toolbar);color:var(--ink);box-shadow:var(--shadow);margin:0;z-index:2}
#rail>.globe svg{width:24px;height:24px}
#rail .rail-rule{display:none}
#community-icons{padding:12px 12px 0;gap:12px;max-height:calc(100dvh - 210px)}
.rail-button{width:48px;height:48px;border-radius:50%;color:var(--muted)}
.community-icon{border-radius:10px;width:48px;height:48px;box-shadow:var(--control-shadow)}
.rail-button.active{background:transparent;box-shadow:none}
.community-icon.active{outline:1px solid var(--muted);outline-offset:3px}
.rail-button.active:before{display:none}
#add-community{margin:12px 0;border:1px solid var(--line);background:var(--raised);box-shadow:var(--control-shadow)}
.rail-bottom{width:100%;align-items:center;gap:10px;padding-top:12px}
.rail-bottom>.profile{width:100%;height:48px;border-radius:0;margin:0;background:var(--toolbar);color:var(--muted);box-shadow:none;font-weight:400;font-size:12px}
.rail-bottom>.profile svg{width:22px;height:22px}
#navigator{background:var(--nav,var(--surface));box-shadow:var(--column-shadow);border:0;top:0;bottom:0;z-index:20}
.nav-title{padding:0;gap:0;border:0;box-shadow:var(--shadow);position:relative;flex-shrink:0}
.nav-tools{display:flex;width:100%;height:48px}
.nav-tools>.icon-button{width:25%;height:48px;border-radius:0;color:var(--ink)}
.nav-tools>.icon-button svg{width:22px;height:22px}
.nav-tools>.icon-button:hover{background:#8881}
#close-nav{position:absolute;right:2px;top:50px;z-index:5;background:var(--surface)}
#nav-scroll{background:transparent}
.community-cover{height:104px;margin:0;display:flex;align-items:center;padding:16px;gap:14px;border-bottom:1px solid var(--line)}
.community-cover:after{display:none}
.community-cover img{width:48px;height:56px;border-radius:8px;object-fit:cover;box-shadow:var(--control-shadow);flex-shrink:0}
.community-cover>div{position:static;color:var(--ink)}
.community-cover>div>span{display:none}
.community-cover h2{font-size:14px;letter-spacing:0;margin:0 0 5px}
.community-cover small{font-size:10px;color:var(--muted)}
.section-heading{margin:14px 0 3px;height:30px;padding:0 12px;letter-spacing:0;font-size:11px;font-weight:500;background:var(--toolbar);border:0;box-shadow:inset 0 1px #ffffff30,inset 0 -1px #00000009}
.nav-row{height:34px;min-height:34px;margin:0;width:100%;border-radius:0;padding:0 12px;gap:9px;color:var(--muted);border:1px solid transparent;font-size:12px}
.nav-row.active{box-shadow:inset 0 1px 3px #00000012;border-color:var(--line);background:var(--inset);color:var(--ink)}
.nav-row:hover{background:var(--inset)}
.nav-row svg{width:16px;height:16px}
.nav-footer{height:48px;min-height:48px;padding:4px 20px;background:var(--toolbar);border:0;box-shadow:none}
.nav-footer .avatar{width:36px;height:36px;border-radius:6px}
.nav-footer small{font-size:9px}
.toolbar{height:48px;min-height:48px;border:0;box-shadow:var(--shadow);border-radius:0}
#topbar{padding:0 12px 0 0;gap:4px}
#topbar .wordmark{font-size:15px;margin-left:16px;letter-spacing:-.6px}
body.in-community #topbar .wordmark{display:none}
#search-form{height:32px;max-width:100%;margin-left:14px;margin-right:12px;border-radius:5px;background:var(--bg);box-shadow:inset 0 1px 3px #00000012,0 1px #ffffff70}
#topbar .top-actions{gap:6px;height:48px;align-items:center}
#room-heading{font-size:12px;padding:0 8px}
#room-heading>svg{display:none}
#room-heading>small{display:none}
.shell-grip{height:48px;min-width:32px;width:32px;padding:0;position:relative;color:var(--muted);border:0;background:transparent;flex-shrink:0;cursor:pointer}
.shell-grip:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:14px;transform:translate(-50%,-50%);background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 5px);opacity:.65}
.shell-grip svg{display:none}
body.in-community #menu{display:block}
body.nav-collapsed #navigator{display:none}
body.in-community.nav-collapsed #workspace{margin-left:var(--rail-width)}
#bottom-bar{height:48px;min-height:48px;background:var(--toolbar);padding:0 12px 0 0;gap:16px;border:0;box-shadow:none}
#bottom-bar .inventory-grip{height:48px}
.discovery-heading{display:none}
#discover-view{padding-top:22px;padding-left:0}
.filter-row{padding-bottom:18px}
.filter{border-radius:5px;box-shadow:var(--control-shadow);font-size:11px}
.filter.active{box-shadow:inset 0 1px 3px #00000015;background:var(--inset)}
.pin-media{border-radius:8px}.pin-save{border-radius:5px}
/* The message bar forms the workspace part of the continuous bottom toolbar. */
body.chat-room #bottom-bar>*{visibility:hidden}
body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer{position:fixed;bottom:0;left:calc(var(--rail-width) + var(--nav-width));right:0;height:48px;min-height:48px;padding:0 32px;display:flex;align-items:center;background:var(--toolbar);z-index:15;box-shadow:none}
body.chat-room.nav-collapsed #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer{left:var(--rail-width)}
body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer:before,body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer:after{content:"";position:absolute;top:17px;width:12px;height:14px;background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 5px);opacity:.65}
body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer:before{left:12px}
body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer:after{right:10px}
body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer .composer-note{display:none}
body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer .composer-box{width:100%;height:34px;padding:0 5px;border-radius:5px;background:var(--surface);align-items:center;box-shadow:inset 0 1px 2px #0000000a}
.chat-history{background:transparent}
.chat-intro{border:0;margin-bottom:16px}.chat-intro h1{font-size:20px}.chat-intro p{font-size:12px}
.avatar{background:#dce2e7!important;color:#3c4856;border-radius:7px;box-shadow:var(--control-shadow)}
.message-head{background:var(--raised);min-height:36px;max-width:288px;border-radius:5px;padding:6px 10px;box-shadow:var(--control-shadow);align-items:center}
.message-body{width:100%;max-width:660px}.message-head strong{font-size:12px}.message-head small{margin-left:auto}
.message p{padding:8px 0}.message .reaction{background:transparent}
#members{background:var(--nav,var(--surface))}
@media(max-width:760px){:root{--rail-width:54px;--nav-width:216px}#rail>.globe{height:48px}#community-icons{padding:12px 9px 0}.community-icon{width:36px;height:40px;border-radius:7px}#add-community{width:36px;height:36px}.rail-bottom .rail-button:not(.profile){width:36px;height:36px}.nav-tools{height:48px}.nav-tools>.icon-button{height:48px}.nav-tools>.icon-button svg{width:20px;height:20px}.nav-title{height:48px;min-height:48px}.community-cover{padding:12px;height:104px}.community-cover h2{font-size:12px}.community-cover small{font-size:9px}#close-nav{top:50px;right:3px;width:22px;height:22px}.nav-footer{padding:4px 12px}.community-cover{gap:10px}.community-cover img{width:38px;height:48px}.shell-grip{min-width:28px;width:28px}#topbar{padding:0 8px 0 0}.wordmark{display:none}#search-form{margin-left:12px;margin-right:6px}#room-heading{padding:0 5px}#bottom-bar{height:48px;min-height:48px}body.chat-room #community-pages>.community-page:not([hidden])>.chat-host>.chat-composer{left:var(--rail-width);padding:0 24px}.chat-history{padding:18px 14px}.message-head{padding:6px;gap:6px}.message-head small{font-size:8px}.discovery-heading{display:none}.scroll-view{padding-top:20px}body.in-community.nav-collapsed #workspace{margin-left:var(--rail-width)}body.nav-open.nav-collapsed #navigator{display:flex}}

/* Community tools share the left navigator; no secondary right column. */
#navigator #members{position:static;width:100%;height:auto;border:0;padding:22px 16px;background:transparent;box-shadow:none;overflow:visible}
#nav-users[aria-pressed=true]{background:var(--inset);box-shadow:inset 0 1px 3px #00000012}