[hidden]{display:none!important} :root{font-family:'Segoe UI',Inter,Arial,sans-serif,system-ui,sans-serif;color:#f4f3fc;background:#0c0e18;font-synthesis:none;--bg:#0c0e18;--card:#141725;--card2:#191c2e;--stroke:#292d40;--text:#f4f3fc;--muted:#8f92ac;--accent:#a38bff;--purple:#7366e9;--green:#9cdbc1}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse 55% 26% at 57% -14%,#37306180,transparent),var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Segoe UI',Inter,Arial,sans-serif,system-ui,sans-serif}p{line-height:1.55}.topbar{height:74px;border-bottom:1px solid #26283b;background:#0c0e18ef;position:sticky;top:0;z-index:30;backdrop-filter:blur(20px)}.topbar-inner{max-width:1480px;padding:0 32px;height:100%;margin:auto;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:11px;color:#fff;border:0;background:none;font:800 29px 'Segoe UI',Inter,Arial,sans-serif,sans-serif;letter-spacing:-1.4px;width:234px;text-align:left;padding:0}.brand-stop{color:#bd9aff}.brand-mark{position:relative;width:33px;height:33px;border:4px solid #a58aff;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 23px #9b7bff42}.brand-mark:after{content:'';position:absolute;left:-9px;right:-9px;top:9px;height:8px;border:2.5px solid #ddcaff;border-radius:50%;transform:rotate(-20deg);background:#0c0e18}.brand-dot{position:absolute;right:-3px;top:-5px;width:9px;height:9px;background:#d8c5ff;border-radius:100%}.top-search{height:42px;display:flex;align-items:center;gap:12px;width:min(475px,42vw);background:#181b2a;border:1px solid #2e3146;color:#777c98;border-radius:12px;padding:0 13px}.top-search svg{width:18px}.top-search input{flex:1;min-width:0;border:0;outline:none;color:white;background:none;font-size:13px}.top-search input::placeholder{color:#7f829c}.top-search kbd{border:1px solid #45485b;color:#a9acc1;border-radius:5px;font:12px 'Segoe UI',Inter,Arial,sans-serif,sans-serif;padding:1px 6px}.top-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.icon-button{width:40px;height:40px;border:0;background:transparent;color:#c2c2d5;display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px}.icon-button:hover,.nav-item:hover{background:#242638}.unread-dot{position:absolute;right:8px;top:7px;height:7px;width:7px;background:#b398ff;border-radius:50%;box-shadow:0 0 0 2px #0c0e18}.unread-dot[hidden]{display:none}.primary-button{border:0;background:linear-gradient(125deg,#a78cfa,#7969e9);box-shadow:0 7px 25px #795fe52c;color:#fff;font-weight:800;border-radius:11px;padding:12px 19px;display:inline-flex;align-items:center;gap:9px;justify-content:center;white-space:nowrap}.primary-button:hover{filter:brightness(1.08)}.primary-button svg{width:17px;height:17px}.header-avatar,.avatar{border:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Segoe UI',Inter,Arial,sans-serif,sans-serif;font-weight:800;background:#454567;border-radius:50%;overflow:hidden}.header-avatar{height:38px;width:38px;border:2px solid #63658e}.header-avatar svg{height:19px;width:19px}.shell{display:grid;grid-template-columns:246px minmax(0,670px) 292px;gap:32px;max-width:1388px;padding:0 25px;margin:0 auto;align-items:start}.sidebar{position:sticky;top:74px;height:calc(100vh - 74px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#262a3c transparent}.sidebar-content{min-height:100%;display:flex;flex-direction:column;padding:33px 0 25px}.nav-section-label{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#767b96;padding-left:16px;margin-bottom:12px}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;width:100%;align-items:center;gap:15px;padding:13px 15px;border-radius:10px;border:0;background:none;color:#989ab4;text-align:left;font-weight:700;font-size:13px}.nav-item svg{width:19px;height:19px}.nav-item.active{background:#252238;color:#c7b9ff;box-shadow:inset 3px 0 0 #9e87f7}.sidebar-divider{height:1px;background:#242638;margin:24px 8px}.community-heading{display:flex;align-items:center;justify-content:space-between;padding-right:10px}.subtle-plus{background:none;border:0;font-size:22px;color:#8f91ab;margin-top:-12px}.sidebar-communities{display:flex;flex-direction:column;gap:4px}.sidebar-community{display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;padding:9px 13px;text-align:left;color:#aeb0c7;font-size:12.5px;font-weight:600;border-radius:9px}.sidebar-community:hover{background:#202337}.community-mini-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff15;border-radius:9px;background:#ffffff09;height:28px;width:28px;font-size:15px}.sidebar-spacer{flex:1;min-height:28px}.invite-card{border:1px solid #3d3559;border-radius:16px;padding:19px;background:radial-gradient(circle at 90% 5%,#534084 0,transparent 54%),linear-gradient(140deg,#25203c,#191a2e);margin:8px 4px 26px}.invite-orbit{font-size:28px;color:#cbb7ff;margin-bottom:10px}.invite-card b{display:block;font:700 17px 'Segoe UI',Inter,Arial,sans-serif;margin-bottom:6px}.invite-card p{font-size:12px;line-height:1.7;color:#b1abc7;margin-bottom:17px}.invite-card button{display:flex;justify-content:space-between;width:100%;align-items:center;border:0;border-radius:8px;padding:11px 12px;background:#a28cf5;color:#151225;font-size:12px;font-weight:800}.sidebar-footer{font-size:10px;line-height:2;color:#62667f;padding-left:8px}.sidebar-footer span{display:block}.main-content{min-width:0;padding:33px 0 85px}.rightbar{position:sticky;top:74px;max-height:calc(100vh - 74px);overflow-y:auto;padding:33px 0 20px;scrollbar-width:none}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#baaff5}.right-welcome{padding:24px;border:1px solid #4c3e78;border-radius:17px;background:radial-gradient(circle at 110% -20%,#7655a07a 0%,transparent 65%),linear-gradient(160deg,#31284f,#1b1a2d 83%);position:relative;overflow:hidden;margin-bottom:29px}.welcome-stars{position:absolute;top:10px;right:20px;font-size:45px;color:#ae92f6;opacity:.6}.right-welcome h3{font:700 30px/1 'Segoe UI',Inter,Arial,sans-serif;margin:12px 0 13px;letter-spacing:-.9px}.right-welcome em{color:#c1acff;font-style:normal}.right-welcome p{color:#b1aaca;font-size:12px;line-height:1.8}.soft-button{width:100%;background:#cec0fc;border:0;color:#29203f;border-radius:9px;padding:12px;font-size:12px;font-weight:800;display:flex;justify-content:space-between}.widget{border-top:1px solid #282b3d;padding:23px 0 21px}.widget-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.widget-heading h3{font-size:15px;margin:0;font-weight:700}.text-link{border:0;background:none;color:#aa94f5;font-size:11px;font-weight:800}.right-com-row{display:flex;align-items:center;gap:11px;padding:10px 0;border:0;background:none;text-align:left;color:white;width:100%}.right-com-row .community-mini-icon{height:37px;width:37px;font-size:20px;background:#242338}.right-com-row strong{display:block;font-size:12px}.right-com-row small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.right-com-row .row-arrow{margin-left:auto;color:#8584a9;font-size:17px}.guideline{display:flex;gap:12px;align-items:flex-start;background:#1b1c2c;padding:15px;border-radius:11px}.guideline span{color:#b4a1ff;font-size:23px}.guideline p{font-size:11px;color:#8f94ab;margin:0;line-height:1.8}.guideline strong{color:#e0deef}.right-footer{font-size:11px;line-height:2.2;color:#72738e}.right-footer span{color:#585c73}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font:700 29px/1.18 'Segoe UI',Inter,Arial,sans-serif;letter-spacing:-.9px;margin:6px 0 7px}.page-heading p{font-size:12.5px;color:#8d92ad;margin:0}.page-eyebrow{color:#a993fc;letter-spacing:2px;font-weight:800;font-size:10px}.heading-spark{color:#d0b6ff}.muted{color:var(--muted)}.feed-tabs{display:flex;gap:5px;border-bottom:1px solid #2b2e40;margin-bottom:19px;overflow-x:auto}.tab{border:0;border-bottom:2px solid transparent;padding:12px 18px 14px;background:none;color:#8e90aa;font-weight:800;font-size:12px;white-space:nowrap}.tab.active{color:#c4afff;border-color:#aa8efa}.post-composer{border:1px solid #313248;border-radius:15px;padding:18px;margin-bottom:20px;background:#161827}.compose-head{display:flex;gap:13px;align-items:center}.avatar{height:40px;width:40px;font-size:15px;letter-spacing:-.3px}.compose-prompt{width:100%;text-align:left;color:#a4a4bc;background:#1e2031;border:1px solid #2c3044;border-radius:11px;padding:13px 15px;font-size:13px}.compose-bottom{display:flex;justify-content:space-between;margin:16px 0 0 52px;align-items:center}.compose-options{display:flex;gap:21px}.compose-option{border:0;background:none;color:#9a9ab9;display:flex;align-items:center;gap:7px;font-size:12px}.compose-option svg{height:17px;width:17px;color:#a68bff}.post-card{background:#151726;border:1px solid #282b40;border-radius:14px;padding:19px 20px;margin:0 0 13px;transition:border-color .15s}.post-card:hover{border-color:#383956}.post-top{display:flex;align-items:flex-start;gap:12px}.post-meta{min-width:0;flex:1}.author-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.author-name{border:0;background:none;padding:0;color:#edeafa;font-weight:800;font-size:13px}.handle,.time{color:#777c98;font-size:11px}.author-name:hover,.community-pill:hover{text-decoration:underline}.meta-second{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:11px;color:#8187a0}.dot-sep{color:#555d73}.community-pill{border:none;background:#2b2544;color:#b9a5ff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700}.post-more{margin-left:auto;border:0;background:none;color:#777c99;font-size:23px;line-height:.7;padding:8px}.post-title{font:700 18px/1.3 'Segoe UI',Inter,Arial,sans-serif;color:#f2f0fa;margin:16px 0 8px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#d2d2e1;font-size:13px;line-height:1.75;margin:15px 0}.post-title+.post-body{margin-top:0}.post-actions{display:flex;gap:24px;border-top:1px solid #2a2c40;padding-top:15px;margin-top:18px;align-items:center}.action{display:flex;align-items:center;gap:8px;color:#8f92ad;background:none;border:0;padding:1px 0;font-size:11px;font-weight:600}.action svg{height:17px;width:17px}.action:hover,.action.engaged{color:#b9a6ff}.action.last{margin-left:auto}.action.like.engaged{color:#f29bb1}.loading{padding:65px;text-align:center;color:#999bb0}.empty-state{text-align:center;border:1px dashed #44415d;background:#171828;border-radius:17px;padding:55px 20px;color:#8c91a9;margin:14px 0}.empty-icon{font-size:34px;display:block;margin-bottom:16px}.empty-state h3{font-size:20px;color:#e9e6f5;margin:0 0 9px}.empty-state p{margin:0 auto 20px;max-width:320px;font-size:12px}.empty-state .primary-button{margin:auto}.load-more{display:block;width:100%;background:#1c1e30;border:1px solid #35354a;color:#c6b5ff;border-radius:11px;padding:14px;margin:15px auto}.community-banner{border:1px solid #3b3958;background:radial-gradient(circle at 80% 15%,#50447780,transparent 57%),#202039;border-radius:17px;padding:27px;margin-bottom:20px}.community-banner .large-icon{font-size:37px;margin-bottom:8px}.community-banner h1{font:800 30px 'Segoe UI',Inter,Arial,sans-serif;margin:6px 0}.community-banner p{font-size:13px;color:#beb8d4;max-width:520px}.community-banner-bottom{display:flex;align-items:center;gap:16px;margin-top:20px;color:#9d9cb3;font-size:12px}.community-banner-bottom button{margin-left:auto}.outline-button{border:1px solid #59517b;color:#d2befb;background:#282338;padding:10px 16px;border-radius:10px;font-weight:800;font-size:12px}.outline-button:hover{background:#3a3159}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.community-card{text-align:left;padding:21px;border:1px solid #303149;border-radius:15px;background:#171a2a;color:white;transition:transform .15s,border-color .15s}.community-card:hover{transform:translateY(-2px);border-color:#8f76dc}.community-card .large-icon{font-size:27px}.community-card h3{font-size:18px;margin:12px 0 7px}.community-card p{color:#9b9db7;font-size:12px;line-height:1.7;min-height:44px}.community-card small{color:#b7a8df;font-weight:700}.profile-hero{border:1px solid #30334b;border-radius:15px;overflow:hidden;background:#161827;margin-bottom:20px}.profile-cover{height:135px;background:radial-gradient(circle at 72% 40%,#ac88ff7b,transparent 30%),radial-gradient(circle at 22% 40%,#4986a28c,transparent 35%),linear-gradient(120deg,#26234e,#312445)}.profile-inner{padding:0 23px 23px}.profile-row{display:flex;justify-content:space-between;align-items:center;margin-top:-28px;position:relative}.big-avatar{width:72px;height:72px;font-size:25px;border:4px solid #171827}.profile-row .outline-button{margin-top:36px}.profile-inner h1{margin:11px 0 2px;font-size:25px}.profile-inner .handle{font-size:12px}.profile-inner p{font-size:13px;color:#b0b2c8;margin:13px 0}.profile-stats{display:flex;gap:24px;font-size:12px;color:#9296b0}.profile-stats b{color:#eeeaf8}.detail-panel{padding:23px 23px 12px;border:1px solid #33354c;border-radius:15px;background:#171928}.detail-back{background:none;border:0;color:#b6a4ef;display:flex;align-items:center;gap:8px;margin-bottom:17px;font-weight:700}.comment-heading{font:700 18px 'Segoe UI',Inter,Arial,sans-serif;margin:23px 0 14px}.comment-card{display:flex;gap:12px;border-top:1px solid #292b40;padding:18px 0}.comment-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;font-size:13px;color:#c9c8d8}.comment-content{flex:1;min-width:0}.comment-form{display:flex;gap:11px;margin:22px 0}.comment-form input,.message-composer input{flex:1;width:100%;background:#202336;color:white;border:1px solid #373950;border-radius:10px;padding:13px;min-width:0}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px}.field label{color:#d9d7ee;font-weight:800;font-size:12px}.field input,.field textarea,.field select{background:#1c1e31;border:1px solid #38394f;color:#faf8ff;border-radius:9px;padding:12px 13px;outline:0;width:100%}.field textarea{resize:vertical;min-height:135px;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a78ff5}.field .field-hint{font-size:10px;color:#8489a1}.modal-overlay{position:fixed;inset:0;background:#05060cdd;display:flex;align-items:center;justify-content:center;z-index:100;padding:18px;backdrop-filter:blur(7px)}.modal{width:100%;max-width:505px;max-height:91vh;overflow-y:auto;background:#191b2d;border:1px solid #4b4764;border-radius:19px;padding:27px;box-shadow:0 30px 100px #0009}.modal-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.modal-heading h2{margin:0;font-size:24px}.modal-heading p{font-size:12px;color:#9b9db8;margin:7px 0 0}.close-button{border:0;color:#b9b7c8;background:#292a3f;border-radius:9px;width:33px;height:33px;font-size:23px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.text-button{border:0;background:none;color:#baa5ff;font-weight:800}.full-width{width:100%}.auth-switch{text-align:center;font-size:12px;color:#999bb6;margin:18px 0 0}.auth-switch button{background:none;border:0;color:#c6aefe;font-weight:800}.toast{position:fixed;bottom:30px;right:28px;background:#26223d;color:#f5f1ff;padding:13px 18px;border:1px solid #66539e;box-shadow:0 10px 30px #0007;border-radius:11px;z-index:150;max-width:350px;font-size:13px}.notice-card{border:1px solid #34344c;background:#17192a;border-radius:11px;padding:15px 17px;margin:10px 0;display:flex;gap:13px;align-items:center}.notice-card.unseen{border-color:#67549d;background:#242038}.notice-card p{font-size:12px;margin:0;color:#babbd0;line-height:1.6}.notice-card b{color:#eeeaf9}.notice-card small{font-size:10px;color:#8589a3}.messages-layout{border:1px solid #34364b;border-radius:14px;background:#161827;display:grid;grid-template-columns:215px minmax(0,1fr);min-height:480px;overflow:hidden}.conversation-list{border-right:1px solid #303249;padding:11px}.conversation-button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;color:#e7e6f5;text-align:left;border-radius:10px;padding:10px 8px}.conversation-button.active,.conversation-button:hover{background:#2b2744}.conversation-button strong{display:block;font-size:12px}.conversation-button small{display:block;font-size:10px;color:#8d91ad;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-panel{display:flex;flex-direction:column;min-width:0}.message-panel-header{padding:17px;border-bottom:1px solid #313249;font-weight:800}.message-stream{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:17px;overflow-y:auto;max-height:390px}.chat-bubble{max-width:88%;background:#2d2d44;border-radius:13px 13px 13px 2px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:12px}.chat-bubble.mine{align-self:flex-end;background:#6d5cbd;border-radius:13px 13px 2px 13px}.chat-bubble small{font-size:9px;display:block;opacity:.7;margin-top:4px}.message-composer{display:flex;gap:7px;padding:12px;border-top:1px solid #303249}.message-composer .primary-button{padding:12px}.search-group-label{font-size:11px;color:#a68ff0;letter-spacing:1px;font-weight:800;margin:25px 0 9px}.search-person{display:flex;align-items:center;gap:13px;border:1px solid #2a2c40;background:#171928;border-radius:11px;padding:13px;width:100%;color:#e7e6f5;text-align:left;margin-bottom:7px}.search-person strong{font-size:12px}.search-person small{display:block;color:#9295af;font-size:11px}.tag{background:#312b4e;color:#cbb9fa;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.button-row{display:flex;gap:8px;flex-wrap:wrap}.mobile-bottom,.mobile-menu{display:none}.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} @media(max-width:1200px){.shell{grid-template-columns:210px minmax(0,700px);max-width:1000px;gap:24px}.rightbar{display:none}.brand{width:197px}.topbar-inner{max-width:1050px;padding:0 24px}.main-content{padding-right:0}} @media(max-width:740px){.topbar{height:63px}.topbar-inner{padding:0 14px;gap:12px}.brand{width:auto;font-size:25px}.brand-mark{width:26px;height:26px;border-width:3px}.brand-mark:after{top:6px;height:7px}.mobile-menu{display:flex;font-size:20px}.top-search{margin-left:auto;width:38px;height:38px;padding:0 8px;justify-content:center;border:0;background:none}.top-search input,.top-search kbd{display:none}.top-actions{gap:3px;margin-left:0}.top-create{display:none}.header-avatar{width:34px;height:34px}.shell{display:block;padding:0 12px}.main-content{padding:25px 0 100px}.sidebar{display:none;position:fixed;z-index:29;top:63px;bottom:0;left:0;height:auto;max-width:300px;width:84%;overflow-y:auto;background:#0f111e;border-right:1px solid #393349;padding:0 18px;box-shadow:20px 0 90px #0008}.sidebar.open{display:block}.page-heading h1{font-size:25px}.post-card{padding:16px}.post-actions{gap:18px}.feed-tabs .tab{padding:12px 14px}.compose-bottom{margin-left:0}.community-grid{grid-template-columns:1fr}.community-card p{min-height:0}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;height:68px;background:#121422ef;border-top:1px solid #35364b;z-index:28;display:flex;justify-content:space-around;align-items:center;backdrop-filter:blur(18px)}.mobile-bottom button{background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:4px;color:#9498af;font-size:11px}.mobile-bottom small{font-size:10px}.mobile-bottom svg{width:21px;height:21px}.mobile-bottom .mobile-compose{display:flex;background:linear-gradient(130deg,#aa91ff,#6e5bd2);height:43px;width:43px;align-items:center;justify-content:center;border-radius:13px;color:white;font-size:29px;box-shadow:0 4px 23px #795dde5e}.messages-layout{grid-template-columns:125px minmax(0,1fr)}.conversation-list{padding:5px}.conversation-button{padding:10px 5px;gap:5px}.conversation-button .avatar{width:28px;height:28px;font-size:11px}.conversation-button small{max-width:65px}.message-panel-header{padding:15px 9px}.message-stream{padding:10px}.modal{padding:20px}.toast{bottom:83px;left:15px;right:15px;max-width:none}} @media(min-width:741px) and (max-width:950px){.shell{grid-template-columns:195px minmax(0,1fr)}.brand{width:180px}.top-search{width:35vw}} .search-icon{display:flex;align-items:center;justify-content:center;color:#888ba7;border:0;background:none;padding:0}.search-icon svg{width:18px;height:18px} [hidden]{display:none !important} /* Orbit v1.1 — administrator workspace */ .admin-intro{border:1px solid #554474;background:radial-gradient(circle at 90% 12%,#7258a558,transparent 52%),linear-gradient(120deg,#24203b,#171929);padding:25px 27px;border-radius:17px;margin:16px 0 17px;box-shadow:inset 0 1px 0 #ffffff0b} .admin-intro>span{font-size:10px;letter-spacing:2px;font-weight:800;color:#d1acff}.admin-intro h2{font:800 25px 'Segoe UI',Inter,Arial,sans-serif,sans-serif;margin:8px 0 7px;color:#f7f3ff}.admin-intro p{color:#b4aac7;line-height:1.6;font-size:12px;max-width:450px;margin:0} .admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px} .admin-stat{border:1px solid #333348;background:#191b2e;border-radius:13px;padding:14px 14px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-height:77px} .admin-stat-symbol{grid-row:span 2;display:grid;place-items:center;color:#ccb5ff;background:#393052;border-radius:10px;font-size:18px;width:36px;height:36px}.admin-stat strong{font-size:23px;color:#f3ebff;letter-spacing:-.5px;line-height:1.2}.admin-stat small{font-size:11px;color:#9698b3} .admin-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:13px;border-bottom:1px solid #343448;padding-bottom:10px} .admin-tab{background:transparent;border:1px solid transparent;color:#999ab3;font-size:12px;font-weight:800;border-radius:10px;padding:10px 13px;white-space:nowrap}.admin-tab:hover{background:#272439;color:#ded5f5}.admin-tab.active{color:#dec7ff;background:#362b4e;border-color:#5a467e} .admin-panel{border:1px solid #343549;border-radius:16px;background:#161929;padding:20px;min-height:215px} .admin-panel-head{display:flex;align-items:start;justify-content:space-between;gap:9px;margin-bottom:18px}.admin-panel-head h2{font-size:19px;margin:0 0 5px;color:#ece8f7}.admin-panel-head p{font-size:12px;color:#9999b3;line-height:1.5;margin:0}.admin-panel-count{flex-shrink:0;font-size:10px;color:#c8b8f9;border:1px solid #514369;background:#2b243c;border-radius:99px;padding:6px 11px} .admin-search-form{display:flex;gap:9px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.admin-search-form input,.admin-search-form select,.admin-role-control select{border:1px solid #424158;color:#f0ecfa;background:#202237;border-radius:9px;padding:11px;font-size:12px;min-width:0}.admin-search-form input{flex:1;min-width:155px}.admin-search-form select{max-width:160px}.admin-search-form .primary-button{padding:12px 17px} .admin-members{border-top:1px solid #303145}.admin-member-row{padding:15px 2px;border-bottom:1px solid #303145;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px}.admin-member-main{display:flex;align-items:center;gap:11px;min-width:190px;flex:1}.admin-member-main>div:last-child{min-width:0}.admin-member-main strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-userline{font-size:11px;color:#bda9e1;overflow-wrap:anywhere;padding-top:3px}.admin-userline span{color:#6d6d89;margin:0 3px}.admin-member-main small{display:block;color:#878ba9;font-size:10px;margin-top:5px}.admin-member-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-role-control select{padding:8px;max-width:125px}.admin-status{padding:6px 8px;border-radius:7px;font-size:10px;font-weight:800;background:#253d3a;color:#8ce6c4;white-space:nowrap}.admin-status.is-banned{background:#482c39;color:#ffadbf}.admin-small{color:#ded5f2;border:1px solid #4b4562;background:#28283c;border-radius:8px;font-size:11px;font-weight:700;padding:9px 10px;white-space:nowrap}.admin-small:hover{background:#37314f}.admin-small.admin-warn{color:#ffd6a3;border-color:#65503f}.admin-small.admin-danger{color:#ffb1c0;border-color:#714253;background:#3c2835}.admin-small.admin-danger:hover{background:#56303c}.admin-small:disabled,.admin-role-control select:disabled{opacity:.34;cursor:not-allowed} .admin-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.admin-pager span{font-size:11px;color:#a9a7bf}.admin-pager button:disabled{opacity:.3;cursor:not-allowed} .admin-content-row{padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #343449}.admin-content-main{min-width:0;flex:1}.admin-content-main small{font-size:10px;color:#af92db;letter-spacing:.3px}.admin-content-main strong{display:block;font-size:13px;color:#eae5f8;margin-top:5px}.admin-content-main p{font-size:11px;color:#9999b3;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px} .admin-audit{display:flex;gap:13px;padding:14px 0;border-top:1px solid #343449;font-size:12px;color:#c9c1dc}.admin-audit-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:10px;background:#382c51;color:#d7b2ff}.admin-audit strong{text-transform:capitalize;color:#f0eaff}.admin-audit p{font-size:11px;color:#9595b0;margin:5px 0 0;line-height:1.6} .admin-delete-warning{border:1px solid #855065;background:#482b37;color:#ffced6;border-radius:11px;font-size:12px;line-height:1.7;padding:13px;margin-bottom:16px}.admin-confirm-delete{color:white;background:#ac3858;border:1px solid #bc5873;border-radius:9px;font-size:12px;font-weight:800;padding:11px 15px}.admin-confirm-delete:hover{background:#bc4060} @media(max-width:740px){.admin-intro{padding:20px}.admin-intro h2{font-size:21px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat{padding:11px}.admin-panel{padding:15px 12px}.admin-member-row{align-items:start}.admin-member-controls{width:100%;padding-left:0;gap:5px}.admin-small{padding:9px 8px}.admin-member-main{width:100%}.admin-panel-head{flex-direction:column}.admin-content-row{align-items:start;flex-direction:column}.admin-search-form select{max-width:130px}} /* Orbit 1.2 — Midnight Alloy. Inspired by blue/gold, no animals, only orbital forms. */ :root{color-scheme:dark;--bg:#070a11;--card:#11151e;--card2:#161b26;--stroke:#2b3645;--text:#f4f6fb;--muted:#a0adbf;--accent:#e6bc62;--purple:#125be7;--green:#8fd6ba} body{color:var(--text);background:radial-gradient(ellipse 48% 30% at 65% -20%,#173d80a0,transparent 75%),radial-gradient(circle at 96% 25%,#10254466,transparent 38%),#070a11} .topbar{border-bottom:1px solid #28384a;background:#080c14ed} .top-search,.compose-prompt{background:linear-gradient(110deg,#111722,#151d2d);border:1px solid #2c3c50} .brand-stop{color:#3688ff} .brand-mark{border-color:#e2b75a;transform:rotate(-20deg);box-shadow:0 0 0 1px #3159aa44,0 0 25px #155aff22} .brand-mark:after{background:#2564e8} .main-nav .nav-item.active,.nav-item.active{background:linear-gradient(110deg,#12213e,#1743a8 96%);color:#fff;border:1px solid #346dce;box-shadow:inset 0 1px #83a2ff33,0 0 17px #1146ae36} .nav-item:hover,.conversation-button:hover{background:#14233d} .primary-button,.top-create{background:linear-gradient(125deg,#2f80ff,#1150c9);color:white;border:1px solid #4788ed;box-shadow:0 5px 20px #0d4acc40} .primary-button:hover{filter:brightness(1.12)} .tab.active,.feed-tabs .tab.active{color:#f1c76f;border-color:#f1c76f} .page-eyebrow,.nav-section-label,.search-group-label{color:#f2c86e} .post-card,.post-composer,.community-card,.messages-layout,.search-person{background:linear-gradient(155deg,#151a23,#0e121a);border-color:#2d394b} .post-card:hover,.community-card:hover{border-color:#446ba6} .post-card .community-pill,.community-pill{color:#a6c4ff;background:#142a53;border-color:#244e98} .outline-button{background:#121925;border-color:#394961;color:#f1f4fc} .outline-button:hover{background:#1c2b44;border-color:#5077ae} .right-welcome{border:1px solid #a8884d;background:radial-gradient(circle at 100% 10%,#0f4db5 0,#123368 25%,transparent 46%),radial-gradient(circle at 82% 12%,#e9d19e36 0,transparent 23%),linear-gradient(130deg,#0e1a2c,#070d16 80%);box-shadow:inset 0 0 0 1px #caaa5733;position:relative;isolation:isolate;overflow:hidden} .right-welcome:before{content:'';width:210px;height:210px;border-radius:50%;position:absolute;right:-90px;top:-95px;z-index:-1;background:radial-gradient(circle at 28% 34%,#5ab9ffb0,#163a8a 43%,#040811 71%);box-shadow:0 0 70px #3c72d439,0 0 0 1px #eecb7550} .right-welcome:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 73px,#d4a34e12 74px 76px,transparent 79px 108px)} .right-welcome .soft-button,.invite-card button{background:linear-gradient(110deg,#ffe69c,#c9963d);color:#10141c;border:1px solid #ffdf88} .right-welcome .eyebrow,.welcome-stars{color:#f2c86e} .invite-card{background:linear-gradient(150deg,#0e1e3a,#10131d);border-color:#b8914b} .invite-card:after{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 34px,#1c4b951d 35px 38px,transparent 39px 62px);border-radius:inherit} .invite-card>*{position:relative;z-index:1} .guideline{border-color:#786336;background:linear-gradient(135deg,#151b25,#0b111c)} .avatar{box-shadow:0 0 0 2px #1d2840,0 0 0 3px #c39a4e66} .profile-hero.premium-profile{border:1px solid #314257;background:#111722;overflow:hidden} .profile-cover{position:relative;height:180px;overflow:hidden;background:radial-gradient(circle at 78% 120%,#1646a6,#080d18 59%);} .profile-cover:before{content:'';position:absolute;width:320px;height:320px;border-radius:50%;right:9%;bottom:-250px;box-shadow:0 0 0 1px #caa25788,0 0 0 14px #061326,0 0 0 15px #497dd866,0 -20px 80px #1d60b844;background:radial-gradient(circle at 35% 20%,#2f76ec,#0b1330 70%);transform:rotate(20deg)} .profile-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(122deg,transparent 35%,#dab35966 35.25%,transparent 36%,transparent 55%,#3760c4aa 55.35%,transparent 57%,transparent 63%,#ac843a80 63.2%,transparent 64%)} .profile-cover.cover-midnight{background:linear-gradient(135deg,#0a0d12,#232d3d,#07090d)} .profile-cover.cover-midnight:before{box-shadow:0 0 0 1px #abb2ba,0 0 0 14px #0b1017,0 0 0 15px #8896a888,0 -20px 80px #7f889633;background:radial-gradient(circle at 38% 20%,#bec8d4,#151d29 70%)} .profile-cover.cover-gold{background:linear-gradient(125deg,#070a12,#322412,#0c0e15)} .profile-cover.cover-gold:before{background:radial-gradient(circle at 35% 25%,#ffdf86,#34200b 70%)} .profile-cover.cover-blue{background:linear-gradient(125deg,#061022,#0959ac,#030916)} .cover-caption{position:absolute;z-index:1;right:24px;bottom:14px;font-size:10px;letter-spacing:2px;font-weight:800;color:#f3d88f;text-shadow:0 2px 8px #000} .profile-hero .profile-inner{position:relative} .profile-handle,.profile-headline{color:#e6c073} .profile-name-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .profile-name-row h1{margin-bottom:3px} .profile-extras{display:flex;gap:13px;flex-wrap:wrap;color:#a8b5c5;font-size:12px;margin:9px 0} .profile-link{color:#8ebaff;text-decoration:underline} .profile-stats button{padding:0;background:none;border:0;color:inherit} .profile-stats button:hover{text-decoration:underline;color:#e2bb6b} .profile-sections{display:flex;gap:6px;border-bottom:1px solid #2b3b52;margin:22px 0 14px;overflow-x:auto} .profile-section{padding:12px 14px;border:0;border-bottom:2px solid transparent;background:none;color:#a0aabb;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;font-weight:700} .profile-section.active{color:#efc776;border-bottom-color:#efc776}.profile-section svg{width:16px;height:16px} .social-summary{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.social-summary span{flex:1;min-width:105px;padding:15px;background:#101722;border:1px solid #304363;border-radius:12px;color:#a3b2c5;font-size:12px}.social-summary b{font-size:20px;display:block;color:#f6d588} .social-section-title{margin:24px 0 12px;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:800;color:#f2f5fa}.social-section-title span{color:#d0ae63} .social-person-card{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:15px;margin-bottom:10px;border:1px solid #2d3c4e;border-radius:13px;background:linear-gradient(145deg,#161c26,#0e141e)} .social-person-details{flex:1;min-width:120px}.social-person-details small{display:block;margin-top:4px;color:#9daec4;overflow-wrap:anywhere} .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.gallery-tile{background:#151a24;border:1px solid #344255;border-radius:14px;overflow:hidden}.gallery-tile>a{display:block;aspect-ratio:1;background:#080d17}.gallery-tile img{width:100%;height:100%;object-fit:cover;display:block}.gallery-details{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:11px;font-size:12px;color:#d5ddea}.gallery-details span{overflow-wrap:anywhere}.gallery-details button{flex-shrink:0;background:transparent;border:0;color:#f5c870;font-size:11px}.gallery-details svg{width:14px;height:14px;vertical-align:middle} .color-picker{min-height:43px;width:100%;cursor:pointer}.unread-count{border-radius:40px;padding:3px 7px;background:#2468e2;color:#fff;font-size:10px;margin-left:auto} .chat-bubble.mine{background:#183f88}.conversation-button.active{background:#1b3866} .admin-intro{background:linear-gradient(125deg,#092147,#161c29);border-color:#556d98} .admin-intro>span,.admin-userline,.admin-content-main small{color:#e3bf73} .admin-stat-symbol,.admin-audit-icon{color:#ffe1a3;background:#253f70}.admin-tab.active{background:#1a3669;color:#ffe5ab;border-color:#4168a2} .admin-panel,.admin-stat{background:#151b26;border-color:#36465e} @media(max-width:740px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-person-card .button-row{width:100%}.profile-cover{height:145px}.profile-extras{gap:8px}.sidebar{background:#0b101a}.mobile-bottom{background:#090f1bef}.mobile-bottom .mobile-compose{background:linear-gradient(135deg,#ffe098,#c89840);color:#10141c}} /* ORBIT 1.3 — orbital midnight / cobalt blue / champagne-gold / silver. Fully implemented CSS styling, not a screenshot pasted behind the website. Decorative planets are original vectors at /static/orbit-*.svg. */ :root { color-scheme:dark; font-family:'Segoe UI',Inter,Arial,sans-serif; --bg:#060a10;--card:#10151d;--card2:#151b26;--stroke:#273445; --text:#f6f7fa;--muted:#a0aec1;--accent:#ecc777;--purple:#3978ec; --blue:#2465d7;--blue-hi:#4d8ffa;--gold:#f4cc75;--gold-deep:#b78c42; } html{scrollbar-color:#27374a #070b11} body { font-family:'Segoe UI',Inter,Arial,sans-serif; color:var(--text); background: radial-gradient(ellipse 35% 46% at -5% 54%,#0f32604a,transparent 71%), radial-gradient(ellipse 30% 41% at 105% 17%,#11375c49,transparent 71%), radial-gradient(ellipse 55% 27% at 62% -9%,#0f244c77,transparent 75%), #060a10; font-size:14px; } button,input,textarea,select,h1,h2,h3,h4,.brand{font-family:'Segoe UI',Inter,Arial,sans-serif} h1,h2,h3,h4{font-weight:780;letter-spacing:-.6px} .page-heading h1{font:780 32px/1.2 'Segoe UI',Inter,Arial,sans-serif;letter-spacing:-1.25px;margin:7px 0 7px} .brand{font:800 29px/1 'Segoe UI',Inter,Arial,sans-serif;letter-spacing:-1.6px;width:254px} .brand-stop{color:#317eff} .brand-mark{width:34px;height:34px;border:3px solid #f0c873;transform:rotate(-24deg);box-shadow:0 0 0 1px #3c6eb34d,0 0 20px #2466e23f} .brand-mark:after{background:#1555bc;border-color:#d7e7ff} .brand-dot{background:#edc975;box-shadow:0 0 0 1px #132b53} .topbar{height:75px;background:#060a11f5;border-bottom:1px solid #1c2b3a;box-shadow:0 9px 35px #03070e44} .topbar-inner{max-width:1550px;padding:0 30px;gap:34px} .top-search{width:min(490px,40vw);height:44px;border-radius:11px;background:linear-gradient(115deg,#111823,#141d2b);border:1px solid #29384b;color:#a8bfdc} .top-search input{font-size:13px;color:#ecf2fb} .top-search input::placeholder{color:#98a8bc} .top-actions{gap:15px} .icon-button{color:#dce4f0} .icon-button:hover{background:#111f34} .primary-button,.top-create{font-weight:750;letter-spacing:-.1px;color:#fff;border:1px solid #68a5fa;background:linear-gradient(130deg,#347ef3 0,#1248bb 100%);box-shadow:0 6px 17px #164abd45} .top-create{padding:12px 19px;border-radius:11px} .primary-button:hover,.soft-button:hover,.invite-card button:hover{filter:brightness(1.1);transform:translateY(-1px)} .header-avatar{width:42px;height:42px;background:#0b1f48;border:2px solid #e6bd66;box-shadow:0 0 0 2px #2663c8;color:#fff} .header-avatar .avatar{border:0;box-shadow:none} .shell{max-width:1562px;grid-template-columns:255px minmax(0,745px) minmax(310px,370px);gap:27px;padding:0 25px} .sidebar{top:75px;height:calc(100vh - 75px);border-right:1px solid #1d3042;scrollbar-color:#28374a transparent} .sidebar-content{padding:26px 15px 22px 0} .nav-section-label{color:#cad3e1;font-size:10px;font-weight:800;letter-spacing:2.2px;margin:0 0 12px} .nav-item{min-height:44px;border-radius:9px;padding:10px 14px;margin-bottom:1px;gap:13px;color:#c2cbd8;font-weight:590} .nav-item svg{width:18px;height:18px} .main-nav .nav-item.active,.nav-item.active{background:linear-gradient(97deg,#142647,#163f92);color:white;border:1px solid #347df9;box-shadow:inset 0 1px #a4c5ff21,0 0 10px #185ccc2e} .nav-item:hover,.conversation-button:hover{background:#13223a} .nav-item.active svg{color:#eef6ff} .sidebar-divider{background:#26364a;margin:17px 0 20px} .sidebar-communities{gap:3px} .subtle-plus{color:#ecc674} .sidebar-footer{color:#72859a;font-size:11px} .invite-card{margin:10px 5px 21px 0;border:1px solid #997e4d;border-radius:13px;padding:20px 16px 15px;background:linear-gradient(128deg,#0a1320 0%,#111a29 67%,#07111b 100%);position:relative;overflow:hidden} .invite-card:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(129deg,transparent 0 38px,#1e59a224 39px 42px,transparent 43px 82px);pointer-events:none} .invite-card>*{position:relative;z-index:1} .invite-orbit{color:#f9d77c} .invite-card b{font-size:17px;letter-spacing:-.3px} .invite-card p{font-size:12px;color:#b8c5d8;line-height:1.65} .invite-card button,.soft-button{background:linear-gradient(108deg,#ffe9a1,#e7bb65 58%,#bb8940);color:#12110d;border:1px solid #ffe69b;font-weight:790;box-shadow:inset 0 1px #fff6c7a3,0 3px 17px #b8893c2c} .main-content{padding:27px 0 100px} .page-heading{margin-bottom:19px} .page-eyebrow{font-weight:850;font-size:10px;letter-spacing:2.4px;color:#efc56a} .page-heading p{color:#adbbce;font-size:13px;margin-bottom:0} .main-content[data-route="home"] .page-heading, .main-content[data-route="popular"] .page-heading, .main-content[data-route="following"] .page-heading, .main-content[data-route="bookmarks"] .page-heading { position:relative;min-height:126px;isolation:isolate; margin:-27px -11px 0 0; padding:27px 20px 9px 0; background:url('/static/orbit-banner.svg') right 53%/auto 220px no-repeat; } .main-content[data-route="home"] .page-heading>div, .main-content[data-route="popular"] .page-heading>div, .main-content[data-route="following"] .page-heading>div, .main-content[data-route="bookmarks"] .page-heading>div{position:relative;z-index:1} .main-content[data-route="home"] .page-heading:after{ content:'PEOPLE · IDEAS · COMMUNITIES · TOGETHER'; position:absolute;right:10px;bottom:15px;max-width:145px; font-size:9px;line-height:1.8;letter-spacing:1px;font-weight:800;color:#d8b970;text-align:right;opacity:.95; } .feed-tabs{border-bottom:1px solid #283548;margin-bottom:14px;gap:12px} .feed-tabs .tab,.tab{font-size:13px;font-weight:690;color:#a8b7cc;padding:12px 15px} .tab.active,.feed-tabs .tab.active{border-color:#f1c56c;color:#f9d281} .post-composer{background:linear-gradient(160deg,#111722,#0e131b);border:1px solid #2c394a;border-radius:14px;padding:15px 17px;margin-bottom:14px;box-shadow:inset 0 1px #ffffff08} .compose-prompt{background:#182131;border:1px solid #2b3c53;color:#bcc8d7;height:45px} .compose-head{gap:13px} .compose-option{color:#b4c4da} .compose-option svg{color:#e1e9f8} .post-composer .primary-button,.empty-state .primary-button{background:linear-gradient(112deg,#ffe89a,#d8a74c);border:1px solid #ffe29a;color:#11131a;box-shadow:0 2px 12px #c2913a2e} .post-card{background:linear-gradient(148deg,#131920,#0d131b);border:1px solid #2b394a;border-radius:13px;padding:18px 19px;margin:0 0 11px;box-shadow:inset 0 1px #ffffff0a} .post-card:hover{border-color:#446995} .post-title{font-size:17px;color:#fff;letter-spacing:-.3px} .post-body{color:#c1cddd} .post-actions{border-color:#263445} .post-actions .action{color:#aebed3} .post-actions .action:hover,.post-actions .engaged{color:#eec56d} .community-pill{background:#112649!important;color:#b5d2ff!important;border:1px solid #31558c!important} .avatar{box-shadow:0 0 0 2px #0f203c,0 0 0 3px #9c7d4455} .empty-state{border:1px solid #2b3b51;border-radius:14px;min-height:270px;background:radial-gradient(circle at 50% 22%,#153a6b44,transparent 42%),linear-gradient(145deg,#111822,#10131d);padding:38px 18px;box-shadow:inset 0 1px #ffffff0b} .empty-state:before{content:'';display:block;width:58px;height:58px;border:1px solid #bb9958aa;border-radius:50%;background:radial-gradient(circle,#2363ae,#07142c 65%);box-shadow:0 0 0 11px #0b1d3577,0 0 33px #2165ad33;margin:0 auto 15px} .empty-icon{display:none} .empty-state h3{font-size:21px;color:#fff;margin-bottom:7px} .empty-state p{font-size:13px;color:#b1bfd1} .rightbar{top:75px;max-height:calc(100vh - 75px);padding:27px 0 20px} .right-welcome{padding:25px 23px 22px;min-height:246px;margin-bottom:20px;border:1px solid #b89455;border-radius:13px;position:relative;isolation:isolate;overflow:hidden;background:#081422 url('/static/orbit-welcome.svg') center / cover no-repeat;box-shadow:0 0 0 1px #e0b96d1e,inset 0 1px #ffffff19} .right-welcome:before{content:'';position:absolute;inset:0;width:auto;height:auto;right:auto;top:auto;border:0;border-radius:0;z-index:-1;box-shadow:none;filter:none;background:linear-gradient(91deg,#07101be8 0%,#091626c0 47%,#0c17282b 100%)} .right-welcome:after{content:none} .right-welcome .welcome-stars{position:relative;display:block;color:#ffe28f;font-size:23px;margin-bottom:6px} .right-welcome .eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#d5c6ab} .right-welcome h3{font:800 32px/1.1 'Segoe UI',Inter,Arial,sans-serif;letter-spacing:-1.15px;color:#fff;margin:12px 0 9px;max-width:320px} .right-welcome h3 em{color:#fff;font-style:normal} .right-welcome p{color:#c0cadb;font-size:13px;max-width:268px;margin-bottom:16px} .right-welcome .soft-button{width:230px;max-width:100%;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-radius:9px;font-size:13px} .widget{border-top:1px solid #273546;padding:18px 0} .widget-heading h3{font-size:14px;letter-spacing:-.2px;color:#fff} .text-link{color:#66a3ff} .right-com-row{padding:9px 2px;color:#edf2fa} .right-com-row:hover{background:#142138} .right-com-row strong{font-size:13px;font-weight:720} .right-com-row small{color:#97a9bf} .row-arrow{color:#a9bdd7} .community-mini-icon{border:1px solid #355178;background:linear-gradient(120deg,#192b45,#111b2a)} .guideline{border:1px solid #344663;border-radius:12px;background:linear-gradient(125deg,#0d1726,#111823);padding:16px 14px;position:relative;overflow:hidden} .guideline:after{content:'';position:absolute;right:-50px;top:0;height:200px;width:70px;border-left:6px solid #1656c6;transform:rotate(39deg);box-shadow:-15px 0 #b88d46;opacity:.48} .guideline .guide-shield{font-size:30px;line-height:1;color:#f0c879} .guideline p{color:#bbc8d8;font-size:12px} .guideline strong{color:#f4f6fb;font-size:12px} .right-footer{color:#8899ac;font-size:11px;line-height:1.8} /* Consistency for social pages, management and controls */ .profile-hero.premium-profile,.admin-panel,.admin-stat,.social-person-card,.gallery-tile,.messages-layout,.community-card{background:linear-gradient(150deg,#111924,#0d121a);border-color:#324155} .profile-cover{background-image:url('/static/orbit-banner.svg')!important;background-position:center right!important;background-size:cover!important;background-color:#09121f!important} .profile-cover:before,.profile-cover:after{display:none!important} .profile-hero .profile-name-row h1{font:800 28px/1.2 'Segoe UI',Inter,Arial,sans-serif} .profile-sections .profile-section.active{color:#f1ca79;border-color:#f1ca79} .outline-button{color:#dfebfc;background:#152035;border:1px solid #3a4b64} .outline-button:hover{background:#223454} .social-summary b{color:#f3cc81} .gallery-grid .gallery-tile:hover{border-color:#dfb566} .admin-intro{border-color:#76643f;background:linear-gradient(110deg,#09162b,#121a26)} .admin-tab.active{color:#ffdc8f;background:#193d7c;border-color:#4768a0} @media (max-width:1450px) and (min-width:1201px){.shell{grid-template-columns:220px minmax(0,1fr) 300px;gap:24px;max-width:1330px}.brand{width:218px}.right-welcome h3{font-size:28px}} @media (max-width:1200px) and (min-width:741px){.shell{grid-template-columns:205px minmax(0,750px);max-width:1050px;gap:24px}.rightbar{display:none}.brand{width:200px}} @media (max-width:740px){.topbar{height:63px}.topbar-inner{padding:0 14px;gap:12px}.brand{width:auto;font-size:24px}.brand-mark{width:27px;height:27px}.shell{display:block;padding:0 14px}.main-content{padding:17px 0 95px}.main-content[data-route="home"] .page-heading,.main-content[data-route="popular"] .page-heading,.main-content[data-route="following"] .page-heading,.main-content[data-route="bookmarks"] .page-heading{margin:-17px -6px 0;padding:24px 10px 8px;min-height:130px;background-position:right -120px center;background-size:auto 185px}.main-content[data-route="home"] .page-heading:after{display:none}.page-heading h1{font-size:27px}.post-composer{padding:13px}.post-card{padding:14px}.sidebar{top:63px;height:calc(100vh - 63px);background:#08101b}.mobile-bottom{background:#080e1aec;border-top-color:#263750}.mobile-bottom .mobile-compose{background:linear-gradient(125deg,#ffe39b,#cf9b45);color:#10151e}.empty-state{min-height:240px}} /* Orbit v1.6: real clickable guidelines and an actual bottom-of-page footer. */ #app{min-height:100vh;display:flex;flex-direction:column} #app>.shell{flex:1 0 auto} .guideline-link{color:inherit;text-decoration:none;display:flex;align-items:flex-start;gap:12px;cursor:pointer;position:relative;transition:border-color .18s,box-shadow .18s} .guideline-link:hover{border-color:#dab66a;box-shadow:0 0 0 1px #d3b26450} .guideline-link:focus-visible{outline:2px solid #f8d68b;outline-offset:3px} .guideline-link .guideline-arrow{margin-left:auto;align-self:center;font-size:27px;color:#efd18b;line-height:1} .site-footer{width:min(1435px,calc(100% - 64px));margin:0 auto;padding:25px 10px 29px;border-top:1px solid #283649;display:flex;align-items:center;justify-content:space-between;gap:14px 30px;flex-wrap:wrap;color:#9aa9bd;font-size:12px;position:relative;z-index:2} .site-footer-links{display:flex;align-items:center;gap:11px;flex-wrap:wrap} .site-footer-links a{color:#adbdd1;text-decoration:none;border-radius:4px;padding:4px 2px;transition:color .16s} .site-footer-links a:hover,.site-footer-links a:focus-visible{color:#f6d58e;text-decoration:underline;text-underline-offset:4px} .site-copyright{margin:0;color:#8091ab;font-size:11px} .info-page{border:1px solid #29364a;border-radius:14px;background:linear-gradient(135deg,#111925,#0b1019);padding:26px 29px;margin-top:16px;box-shadow:inset 0 1px #ffffff0a} .info-page h2{font-size:19px;line-height:1.35;color:#f6d48a;margin:27px 0 9px} .info-page h2:first-child{margin-top:0} .info-page p,.info-page li{font-size:14px;line-height:1.75;color:#c9d4e4} .info-page ul{padding-left:21px} .info-page a{color:#83b6ff;text-decoration:underline;text-underline-offset:3px} .info-page a:hover{color:#f5d58c} .info-page .info-caution{border-left:3px solid #d8ac52;background:#1b1b1c;padding:12px 15px;border-radius:0 8px 8px 0} .info-page .info-actions{margin-top:24px} @media(max-width:740px){.site-footer{width:calc(100% - 28px);padding:19px 4px 105px;flex-direction:column;align-items:flex-start;gap:9px}.site-footer-links{gap:7px}.site-copyright{font-size:10px}.info-page{padding:20px 18px;margin-top:9px}.info-page h2{font-size:17px}} /* Orbit 1.4 — approved "Find your people" desktop style + QUIET mobile. */ :root{--bg:#070a0e;--card:#0d1118;--card2:#121720;--stroke:#293448;--text:#f7f8fb;--muted:#aab4c4;--accent:#f1cb77;--purple:#2767d7;--gold:#efc66f;--blue:#155de2} body{background:#070a0e;color:#f3f6fc;min-height:100vh} /* Decorations never sit behind the readable content. */ body:before{content:"";pointer-events:none;position:fixed;inset:73px 0 0;z-index:-1;background:radial-gradient(ellipse 180px 250px at -36px 55%,#14376b2b,transparent),radial-gradient(ellipse 170px 330px at calc(100% + 48px) 44%,#14366b29,transparent),linear-gradient(127deg,transparent 3%,#b3883a38 3.06%,transparent 3.16%),linear-gradient(128deg,transparent 96%,#346ec542 96.05%,transparent 96.17%)} body:after{content:"ORBIT";position:fixed;right:15px;top:67%;writing-mode:vertical-rl;letter-spacing:8px;font-size:34px;font-weight:900;color:transparent;-webkit-text-stroke:1px #57677c2a;pointer-events:none;z-index:-1} .topbar{height:71px;box-shadow:none;background:#080b10f5;border-bottom:1px solid #1b2532} .topbar-inner{max-width:1520px;padding:0 23px;gap:27px} .brand{width:240px;font-size:30px;letter-spacing:-1.7px} .brand-mark{width:32px;height:32px;border-color:#eac36c;box-shadow:none} .brand-mark:after{background:#1858c8;border-color:#b2d0ff} .brand-dot{background:#e9ca84} .top-search{height:42px;width:min(495px,40vw);border:1px solid #2b3445;background:linear-gradient(110deg,#121722,#151a24);border-radius:11px} .top-create{padding:10px 20px;border-radius:10px} .top-actions{gap:19px} .header-avatar{height:44px;width:44px;background:#09162b;border:2px solid #f1c974;box-shadow:0 0 0 2px #286fe1} .shell{max-width:1517px;grid-template-columns:245px minmax(0,740px) minmax(300px,370px);gap:26px;padding:0 22px} .sidebar{top:71px;height:calc(100vh - 71px);border-right:1px solid #17283a} .sidebar-content{padding:24px 15px 24px 0} .nav-section-label{font-size:10px;letter-spacing:2.3px;color:#c4cfde;margin:0 0 10px} .nav-item{min-height:40px;padding:8px 13px;color:#d0d6e1;gap:13px;border-radius:9px;margin-bottom:0} .main-nav .nav-item.active,.nav-item.active{background:linear-gradient(100deg,#152348,#1b3f99);border:1px solid #3f83ff;box-shadow:inset 0 1px #a4c7ff29} .sidebar-divider{margin:13px 0 16px;background:#253347} .sidebar-communities{gap:0} .invite-card{margin:13px 4px 22px 0;padding:14px 14px 13px;min-height:0;border:1px solid #998044;background:repeating-linear-gradient(125deg,transparent 0 40px,#2760be14 41px 44px,transparent 45px 68px),linear-gradient(150deg,#080e1a,#0e1420)} .invite-card:before{display:none}.invite-card b{font-size:16px}.invite-card p{font-size:11px;line-height:1.6} .invite-card button{width:100%;background:linear-gradient(130deg,#ffe6a2,#d8ae5c);color:#12100c} .main-content{padding:0 0 85px;min-width:0} .page-heading{margin-bottom:14px} .main-content[data-route="home"] .page-heading, .main-content[data-route="popular"] .page-heading, .main-content[data-route="following"] .page-heading, .main-content[data-route="bookmarks"] .page-heading{margin:0 0 0;padding:25px 0 12px;min-height:121px;background:linear-gradient(90deg,#070a0e 0%,#070a0e 33%,transparent 76%),url('/static/orbit-banner.svg') right bottom/auto 194px no-repeat} .main-content[data-route="home"] .page-heading:after{content:'PEOPLE\A IDEAS\A COMMUNITIES\A TOGETHER';white-space:pre;max-width:none;right:6px;bottom:9px;font-size:9px;letter-spacing:1.25px;line-height:1.5;color:#d5b360} .page-heading h1{font-size:31px;line-height:1.14;letter-spacing:-1.1px;margin:6px 0 6px;font-weight:800} .page-heading p{font-size:13px;color:#b4bdc9} .page-eyebrow{color:#f2c96b;font-weight:850} .feed-tabs{gap:12px;margin-bottom:12px;border-color:#273343} .feed-tabs .tab,.tab{padding:11px 15px;font-size:13px} .post-composer{padding:13px 16px 12px;margin-bottom:10px;background:linear-gradient(160deg,#0e131b,#0b1018);border:1px solid #2a3443;border-radius:13px} .compose-prompt{height:39px;background:#161d28;border:1px solid #293649} .post-composer .primary-button{padding:9px 17px} .post-card{padding:12px 15px 10px;margin-bottom:8px;border-radius:12px;border-color:#263447;background:linear-gradient(155deg,#11161d,#0b1017);box-shadow:inset 0 1px #ffffff07} .post-card:hover{border-color:#456d9f} .post-title{font-size:16px;line-height:1.25;margin:7px 0 5px;letter-spacing:-.25px} .post-body{font-size:12px;line-height:1.55;color:#bec9d8} .post-actions{border-color:#222d3b;margin-top:9px;padding-top:7px} .post-actions .action{font-size:11px} .community-pill{font-size:10px} .avatar{box-shadow:0 0 0 2px #13213a,0 0 0 3px #d1aa6544} .empty-state{min-height:260px;background:linear-gradient(155deg,#11161f,#0b0f15);border:1px solid #2c3b4d} .empty-state:before{width:34px;height:34px;background:radial-gradient(circle,#2975d0,#08152e 68%);box-shadow:0 0 0 8px #0f234148;opacity:.7} .rightbar{top:71px;max-height:calc(100vh - 71px);padding:15px 0 20px} .right-welcome{min-height:242px;padding:22px 23px 20px;background:#060f1c url('/static/orbit-welcome.svg') center/cover no-repeat;border:1px solid #c09951;border-radius:12px;box-shadow:inset 0 1px #ffffff13} .right-welcome:before{background:linear-gradient(90deg,#07101cde 0%,#07121bc9 36%,transparent 92%)} .right-welcome h3{font-size:31px;line-height:1.14;letter-spacing:-1.15px;margin:7px 0 10px} .right-welcome p{font-size:13px;line-height:1.55;max-width:265px;margin-bottom:14px} .right-welcome .eyebrow{font-size:10px;letter-spacing:1.9px;color:#c3c9d4} .right-welcome .soft-button{width:218px;padding:10px 15px} .right-welcome .welcome-stars{font-size:18px;margin:0 0 7px;color:#ebcc83} .widget{padding:14px 0;border-color:#223145} .widget-heading{margin-bottom:9px} .widget-heading h3{font-size:14px} .right-com-row{padding:7px 0} .guideline{background:linear-gradient(120deg,#0c121b,#101723);padding:13px;border:1px solid #334155;border-radius:10px} .guideline:after{opacity:.3} .guideline .guide-shield{color:#edc76c} .right-footer{font-size:11px} /* Preserve users' chosen customizable profile covers. */ .profile-cover.cover-cosmos{background-image:url('/static/orbit-banner.svg')!important;background-size:cover!important;background-position:center right!important} .profile-cover.cover-midnight{background-image:linear-gradient(125deg,#090c12,#28313f,#0c1018)!important} .profile-cover.cover-gold{background-image:linear-gradient(130deg,#080b10,#3b2a13,#131014)!important} .profile-cover.cover-blue{background-image:linear-gradient(135deg,#030912,#1e59b8,#050a17)!important} /* medium desktop: keep central content spacious, hide optional right column */ @media (min-width:741px) and (max-width:1320px){.shell{grid-template-columns:210px minmax(0,1fr);max-width:1100px;gap:20px;padding:0 24px}.rightbar{display:none}.brand{width:210px}.topbar-inner{max-width:1100px}.sidebar-content{padding-right:12px}} /* Mobile: intentionally quiet. No giant planet, no floating art, no busy textures. */ @media(max-width:740px){ body{background:#080b10} body:before,body:after{display:none!important} .topbar{height:60px;background:#090d13;border-bottom:1px solid #202c3b;box-shadow:none} .topbar-inner{padding:0 14px;gap:10px} .brand{width:auto;font-size:24px;gap:8px} .brand-mark{height:28px;width:28px} .top-search{border:0;background:transparent;width:40px;height:40px;padding:0;justify-content:center} .top-search input,.top-search kbd{display:none} .top-actions{gap:7px} .top-create{display:none} .icon-button{width:36px;height:36px} .header-avatar{height:34px;width:34px;box-shadow:0 0 0 1px #3077e6} .shell{display:block;padding:0 13px} .sidebar{top:60px;height:calc(100vh - 60px)} .main-content{padding:17px 0 90px} .page-heading,.main-content[data-route="home"] .page-heading,.main-content[data-route="popular"] .page-heading,.main-content[data-route="following"] .page-heading,.main-content[data-route="bookmarks"] .page-heading{min-height:0;margin:0 0 8px;padding:2px 0 7px;background:none!important} .main-content[data-route="home"] .page-heading:after,.main-content[data-route="popular"] .page-heading:after,.main-content[data-route="following"] .page-heading:after,.main-content[data-route="bookmarks"] .page-heading:after{display:none!important} .page-eyebrow{font-size:9px;letter-spacing:1.7px} .page-heading h1{font-size:24px;margin:7px 0 5px} .page-heading p{font-size:12px} .feed-tabs{gap:2px;margin-bottom:10px;justify-content:space-between} .feed-tabs .tab{font-size:12px;padding:10px 9px} .post-composer{padding:11px;margin-bottom:10px;background:#10151d;border-radius:10px} .compose-prompt{height:40px;font-size:12px} .post-composer .primary-button{padding:8px 12px;box-shadow:none} .post-card{padding:13px;margin-bottom:8px;background:#10151c;border-color:#263344;border-radius:11px} .post-title{font-size:15px} .post-body{font-size:12px} .post-actions .action{font-size:11px} .empty-state{min-height:200px;padding:24px 12px;background:#10151c} .empty-state:before{display:none} .empty-icon{display:block} .empty-state h3{font-size:17px} .sidebar{background:#090e16} .mobile-bottom{height:58px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #253141;background:#0a0e15f7;box-shadow:none} .mobile-bottom button{color:#aeb9ca} .mobile-bottom .mobile-compose{width:40px;height:40px;border-radius:11px;box-shadow:none;background:#2366d6;color:#fff;border:1px solid #4789ed} .rightbar{display:none!important} .profile-cover{height:105px!important} .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .invite-card{background:#111720} } @media (prefers-reduced-motion:reduce){.primary-button,.soft-button,.invite-card button{transition:none!important;transform:none!important}} /* Orbit v1.7 — independently dismissible informational cards and footer metadata. */ .dismissible-panel[hidden],.restore-panels[hidden]{display:none!important} .dismissible-panel{position:relative} .dismiss-panel{ position:absolute;right:8px;top:8px;left:auto;bottom:auto; z-index:10;display:flex;align-items:center;justify-content:center; width:27px;height:27px;min-width:27px;min-height:27px; border:1px solid #d2b57183;border-radius:8px; color:#f8e0a6;background:#090f19dc;box-shadow:0 1px 5px #0009; padding:0;font:500 21px/1 Arial,sans-serif;cursor:pointer; opacity:1;pointer-events:auto; } .dismiss-panel:hover{color:#fff;background:#1b3458;border-color:#ffdc8e} .dismiss-panel:focus-visible{outline:2px solid #ffdc8e;outline-offset:2px} .restore-panels{background:none;border:1px solid #405772;border-radius:7px;color:#eac875;padding:5px 8px;font-size:11px;font-weight:650;cursor:pointer;margin-left:8px} .restore-panels:hover{background:#15263f;border-color:#d5b469} .site-footer-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 15px} .site-version{color:#d8b86e;white-space:nowrap;font-size:11px} .site-tagline{color:#7286a2;font-size:10px} @media(max-width:740px){.site-footer-meta{justify-content:flex-start}.restore-panels{margin-left:2px}} /* Orbit 0.1.8 — member media and organized profile editor */ .avatar{overflow:hidden;flex-shrink:0} .avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit} .profile-cover .profile-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block} .profile-cover .cover-caption{z-index:2;text-shadow:0 2px 12px #000} .profile-editor-modal{max-width:690px;padding:0;max-height:min(94vh,930px)} .profile-editor-modal .modal-heading{padding:25px 28px 18px;margin:0;border-bottom:1px solid #34445a} .profile-editor{padding:20px 28px 28px} .editor-section{background:#101722;border:1px solid #32435b;border-radius:13px;padding:20px;margin-bottom:15px} .editor-section-heading{margin-bottom:18px} .editor-section-heading h3{font-size:16px;font-weight:800;margin:0 0 5px;color:#f6f7fb} .editor-section-heading p{font-size:12px;color:#abb7c9;margin:0} .profile-editor-modal .field label{color:#e4eaf2} .profile-editor-modal .field input:not([type=color]),.profile-editor-modal .field textarea,.profile-editor-modal .field select{background:#0b111b;border:1px solid #34455b;color:#f1f4f8} .profile-editor-modal .field input:focus,.profile-editor-modal .field textarea:focus,.profile-editor-modal .field select:focus{border-color:#d3ad65;box-shadow:0 0 0 2px #b18e4936} .profile-editor-modal .field textarea{min-height:82px} .editor-two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px} .editor-two-col .field{min-width:0} .profile-editor-media{position:relative;margin-bottom:18px} .editor-banner-preview{position:relative;height:150px;display:flex;align-items:center;justify-content:center;background:#08192e url('/static/orbit-banner.svg') center/cover;border:1px solid #4f6280;border-radius:12px;overflow:hidden;color:#c7d4ec;font-size:12px} .editor-banner-preview.cover-midnight{background:linear-gradient(145deg,#05070b,#273240)} .editor-banner-preview.cover-gold{background:linear-gradient(145deg,#0a0b11,#725019)} .editor-banner-preview.cover-blue{background:linear-gradient(145deg,#071126,#1756b0)} .editor-banner-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .editor-picture-preview{display:flex;align-items:center;gap:15px;padding:0 15px;margin-top:-29px;position:relative;z-index:2;color:#d8e2f0;font-size:12px;font-weight:700} .editor-picture-preview .big-avatar{width:74px;height:74px;font-size:28px;border:3px solid #101722;box-shadow:0 0 0 2px #c5a15b} .editor-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px} .editor-media-actions>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .editor-file-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#234785,#1e58bb);border:1px solid #5d8ce2;color:white;border-radius:9px;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap} .editor-file-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8} .editor-file-button:focus-within{outline:2px solid #e5bd68;outline-offset:3px} .editor-remove{border:0;background:transparent;color:#d5b878;text-decoration:underline;font-size:12px;cursor:pointer} .editor-remove:disabled{opacity:.35;cursor:not-allowed;text-decoration:none} .editor-media-status{font-size:11px;color:#aeb9c9;margin:12px 0 0} .editor-save-row{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding-top:5px} @media(max-width:740px){.profile-editor-modal{max-width:100%}.profile-editor-modal .modal-heading{padding:19px 17px}.profile-editor{padding:14px}.editor-section{padding:14px}.editor-two-col,.editor-media-actions{grid-template-columns:1fr}.editor-banner-preview{height:115px}.editor-picture-preview .big-avatar{width:64px;height:64px}.editor-media-actions>div{justify-content:space-between}.editor-save-row{position:sticky;bottom:-14px;background:#101722;padding:12px 0;z-index:3}} @media(max-width:740px){ #app>.shell{width:100%;max-width:100%;min-width:0} .shell .main-content{width:100%;min-width:0} .profile-hero,.profile-cover,.profile-inner,.profile-sections{max-width:100%;min-width:0} .profile-row{flex-wrap:wrap} .profile-row>.button-row{min-width:0;max-width:100%} .profile-stats{flex-wrap:wrap;gap:10px} } /* Orbit 0.1.9 — profile layering, layouts, accents and image cropping. */ /* The banner must remain behind the avatar even though its image has z-index:1. */ .profile-hero.premium-profile{position:relative;isolation:isolate;overflow:hidden} .profile-hero .profile-cover{position:relative;z-index:0;isolation:isolate} .profile-hero .profile-inner{position:relative;z-index:4;isolation:isolate} .profile-hero .profile-row{position:relative;z-index:5;isolation:isolate;overflow:visible} .profile-hero .profile-row>.big-avatar{position:relative;z-index:6;flex-shrink:0;border:4px solid #111824;box-shadow:0 0 0 2px #e7c371,0 6px 24px #0009;overflow:hidden} .profile-hero .profile-row>.big-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%} .profile-hero .profile-cover .profile-banner-image{position:absolute;inset:0;z-index:1} .profile-hero.layout-showcase .profile-cover{height:242px!important} .profile-hero.layout-compact .profile-cover{height:112px!important} .profile-hero.layout-compact .profile-inner{padding-bottom:14px} .profile-hero.layout-compact .profile-row{margin-top:-26px} .profile-hero.layout-compact .profile-name-row h1{font-size:24px!important} .profile-hero.layout-compact .profile-stats{padding-top:8px} .profile-hero.accent-gold{--user-highlight:#e7c371} .profile-hero.accent-blue{--user-highlight:#6fa7ff} .profile-hero.accent-silver{--user-highlight:#cbd4df} .profile-hero .profile-handle,.profile-hero .profile-headline{color:var(--user-highlight,#e7c371)} .profile-hero .profile-row>.big-avatar{box-shadow:0 0 0 2px var(--user-highlight,#e7c371),0 6px 24px #0009} .profile-hero .profile-link{color:var(--user-highlight,#e7c371)} .profile-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:7px 0 11px} .member-badge{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid #7f713d;border-radius:999px;color:#f4d992;background:linear-gradient(115deg,#352b18,#181b24)} .member-badge.badge-administrator{border-color:#ccaa60;color:#ffe1a2} .member-badge.badge-moderator{border-color:#618dd4;color:#bcd7ff} .member-badge.badge-veteran{border-color:#9baec1;color:#e5e8ef} .member-badge.badge-creator{border-color:#657ddf;color:#c4d3ff} .profile-privacy-label,.private-stat{font-size:12px;color:#a6b7cf} .badge-manager-link{display:inline-flex;margin-top:10px;border:1px solid #4a5c77;border-radius:8px;background:#0c1523;color:#eccb80;font-size:11px;padding:8px 10px} .badge-manager{padding:14px 25px;display:grid;gap:9px} .badge-manager label{display:flex;align-items:center;gap:10px;border:1px solid #3b4b64;background:#111b2a;border-radius:9px;padding:12px;cursor:pointer} .badge-manager input{accent-color:#e6bf6d;width:16px;height:16px} .pinned-post{margin:18px 0 22px;padding:11px 11px 0;border:1px solid #bda15e;border-radius:14px;background:linear-gradient(135deg,#211d16,#101721 30%)} .pinned-heading{font-size:11px;letter-spacing:.8px;font-weight:800;color:#f4d58d;display:flex;justify-content:space-between;align-items:center;padding:2px 5px 9px} .pinned-heading button,.profile-pin-button{background:transparent;border:0;color:#c9d8ef;text-decoration:underline;font-size:11px;padding:5px} .pinned-post .post-card{margin-bottom:12px} .profile-pin-control{display:flex;justify-content:flex-end;margin:-13px 8px 14px} .editor-privacy-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:9px} .editor-privacy-controls .field{min-width:0} .editor-privacy-controls select{width:100%} .crop-modal{max-width:810px} .crop-editor{padding:18px 23px 24px} #crop-canvas{display:block;width:100%;max-height:390px;height:auto;aspect-ratio:var(--crop-aspect,auto);object-fit:contain;background:#080f1b;border:1px solid #607596;border-radius:12px;cursor:grab;touch-action:none;user-select:none} #crop-canvas:active{cursor:grabbing} .crop-controls{display:grid;gap:8px;margin:15px 0 20px} .crop-controls label{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;align-items:center;font-weight:700;color:#d3dfed;font-size:12px} .crop-controls input{width:100%;accent-color:#d7b269} .crop-editor .modal-footer{margin:0} @media(max-width:740px){ .profile-hero.layout-showcase .profile-cover{height:145px!important} .profile-hero.layout-compact .profile-cover{height:94px!important} .profile-hero .profile-inner{z-index:4} .profile-hero .profile-row>.big-avatar{width:75px;height:75px} .editor-privacy-controls{grid-template-columns:1fr} .crop-editor{padding:10px 13px 18px} .crop-controls label{grid-template-columns:1fr;gap:5px} .crop-modal{width:calc(100vw - 12px)} } /* Distinct yet understated member layout options. */ .profile-hero.layout-showcase .profile-row>.big-avatar{width:91px;height:91px;font-size:30px} .profile-hero.layout-showcase .profile-name-row{margin-top:4px} .profile-hero.layout-showcase .profile-stats{gap:16px} .profile-hero.layout-compact .profile-row>.big-avatar{width:62px;height:62px;font-size:19px} .profile-hero.layout-compact .profile-badges{margin:4px 0} .profile-hero.layout-compact .profile-extras{margin:4px 0} @media(max-width:740px){.profile-hero.layout-showcase .profile-row>.big-avatar{width:77px;height:77px}} /* Orbit 0.1.10 — progression, awards, and friend labels. Approved design retained. */ .profile-badges .member-badge{--badge-color:#eacb85;border-color:color-mix(in srgb,var(--badge-color),transparent 42%);color:var(--badge-color);background:color-mix(in srgb,var(--badge-color),#10151f 90%);white-space:nowrap} .badge-image{width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:middle;border-radius:4px} .badge-swatch{--rank-color:#eacb85;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--rank-color),#090e17 84%);color:var(--rank-color);border:1px solid var(--rank-color);border-radius:10px;font-size:20px} .badge-swatch img{width:27px;height:27px;object-fit:contain;border-radius:4px} .rank-banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0} .member-rank{--rank-color:#eacb85;color:var(--rank-color);font-size:12px;font-weight:800;letter-spacing:.025em;background:color-mix(in srgb,var(--rank-color),#0c1522 88%);border:1px solid color-mix(in srgb,var(--rank-color),transparent 30%);padding:6px 11px;border-radius:7px;display:inline-flex;align-items:center;white-space:nowrap} .rank-mini-stats{color:#9aabc4;font-size:12px;line-height:1.5} .post-actions .helpful.engaged{color:#e8cb86}.post-actions .helpful{color:#a9bacd} .progression-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:15px 0 22px;padding:15px;background:#0f1724;border:1px solid #2d3d54;border-radius:12px} .progression-form label{display:flex;flex:1 1 115px;min-width:115px;gap:5px;flex-direction:column;font-size:12px;font-weight:700;color:#c5d2e4} .progression-form input,.progression-form select{border-radius:7px;padding:10px 11px;color:#f3f6ff;background:#0a101a;border:1px solid #3e4d68;min-width:0;width:100%;font-size:13px} .progression-form input[type=color]{padding:3px;height:38px;cursor:pointer;max-width:95px} .progression-form .primary-button{min-height:40px} .progression-grid{display:grid;gap:10px} .progression-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#101824;border:1px solid #314059;border-radius:10px;padding:12px} .progression-row strong{font-size:14px;flex:1}.progression-row small{font-size:12px;color:#adb8c9;flex:1} .small-upload{font-size:12px;padding:9px;white-space:nowrap;cursor:pointer} .badge-manager h3{font-size:13px;margin:14px 0 2px;color:#f0d08c} .badge-manager .badge-swatch{width:29px;height:29px;font-size:15px} .badge-manager .badge-swatch img{height:24px;width:24px} .badge-manager{max-height:min(60vh,490px);overflow:auto} .friend-label-select{display:inline-flex;align-items:center;gap:5px;color:#acbad0;font-size:11px} .friend-label-select select{border:1px solid #42516b;background:#0d1522;border-radius:6px;padding:6px;color:#e2eaf7;max-width:115px} .online-marker{font-size:11px;color:#65d3a5;display:inline-block;margin:3px 8px 0 0} .friend-group-tag{font-size:11px;color:#e7cc89} @media(max-width:740px){.progression-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.progression-form label{min-width:0}.progression-row{gap:8px}.rank-mini-stats{flex-basis:100%}.badge-manager{padding:12px}.post-actions .helpful{font-size:11px}} /* Orbit 0.1.11 — staff workspace and personal milestones; follows approved orbit design. */ .staff-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}.staff-stat{background:linear-gradient(145deg,#121d30,#0c1422);border:1px solid #314664;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:6px}.staff-stat strong{font-size:27px;font-weight:850;color:#f0ce80}.staff-stat span{font-size:11px;color:#b2c0d2}.staff-notice{display:flex;align-items:center;gap:9px;color:#c4d5ef;background:#142338;border:1px solid #375078;border-radius:11px;padding:11px 15px;margin-bottom:15px;font-size:12px}.staff-notice svg{width:17px;height:17px;color:#eac979}.staff-workspace{border:1px solid #34435a;background:linear-gradient(150deg,#111a29,#0d121d);border-radius:14px;padding:22px;margin-bottom:22px}.staff-workspace h2{font-size:17px;margin:0 0 9px;color:#f5f7fb}.staff-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.staff-section-heading p{color:#a9b8cb;font-size:12px;margin:5px 0}.staff-section-heading select{padding:9px 12px;background:#141f32;border:1px solid #3f5575;border-radius:9px;color:#f5f7fb}.staff-case-card{background:#0f1827;border:1px solid #2c3c55;padding:17px;margin-bottom:11px;border-radius:12px}.staff-case-card h3{font-size:16px;color:#f5d384;margin:13px 0 6px}.staff-case-card p{font-size:12px;color:#c6d2e1;line-height:1.6;margin:6px 0}.staff-case-card .staff-excerpt{padding:12px;border:1px solid #2b3a4c;background:#0a111c;border-radius:9px;overflow-wrap:anywhere}.staff-card-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#b1c6e7;font-weight:800}.staff-tag{text-transform:uppercase;background:#23374a;color:#a9cbec;border-radius:20px;padding:4px 9px}.staff-tag.is-open{background:#4b3620;color:#f5cb72}.staff-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:13px}.staff-actions button{font-size:11px}.staff-search{display:flex;gap:8px;margin:16px 0}.staff-search input{flex:1;min-width:0;background:#111b2c;border:1px solid #324a6c;color:white;border-radius:9px;padding:11px}.staff-member-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 4px;border-bottom:1px solid #263650}.staff-member-row strong{color:#f3f5fa}.staff-member-row small,.staff-modal-summary span,.staff-modal-summary small{display:block;color:#b3c2d5;font-size:11px;margin-top:4px}.staff-history-row{display:flex;gap:12px;border-bottom:1px solid #29384b;padding:13px 3px}.staff-history-mark{font-size:17px;color:#eac77a}.staff-history-row strong{text-transform:capitalize;color:#ebf0fa}.staff-history-row p{color:#adbbcd;font-size:11px;margin:5px 0 0;overflow-wrap:anywhere}.staff-hint{color:#b4c2d3;font-size:12px;line-height:1.7;margin-top:15px}.staff-modal-summary{border:1px solid #34465e;background:#101c2b;border-radius:11px;padding:13px;margin:10px 0}.staff-modal-title{color:#edc774;margin:18px 0 8px}.staff-action-form{border-top:1px solid #30415c;padding:14px 0;display:flex;flex-direction:column;gap:9px}.staff-action-form label{font-size:12px;font-weight:750;color:#e2edf9;display:flex;flex-direction:column;gap:8px}.staff-action-form input,.staff-action-form textarea,.staff-action-form select{width:100%;padding:11px;border-radius:9px;background:#101826;border:1px solid #364f73;color:#f4f7ff}.staff-action-form button{align-self:flex-start}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.achievement-tile{padding:19px;background:linear-gradient(145deg,#151e2c,#0c141e);border:1px solid #34445b;border-radius:13px}.achievement-tile.achievement-earned{border-color:var(--rank-color)}.achievement-tile .achievement-star{font-size:22px;color:var(--rank-color)}.achievement-tile h3{margin:7px 0;color:#fff}.achievement-tile p,.achievement-tile small{font-size:11px;color:#afbecd}.achievement-track{height:7px;border-radius:9px;background:#29364a;overflow:hidden;margin:14px 0 8px}.achievement-track span{display:block;height:100%;border-radius:9px;background:var(--rank-color)}.achievement-badges{display:flex;flex-wrap:wrap;gap:10px}.achievement-badge{border:1px solid var(--rank-color);border-radius:20px;padding:8px 12px;color:#e9effb;font-size:12px}.achievement-badge img{width:18px;height:18px;vertical-align:middle;margin-right:6px;object-fit:contain} @media(max-width:740px){.staff-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-workspace{padding:13px}.staff-section-heading{align-items:start;flex-direction:column}.staff-search{flex-direction:column}.staff-member-row{align-items:flex-start;flex-direction:column}.achievement-grid{grid-template-columns:1fr}} .staff-safety-form{display:flex;flex-direction:column;gap:22px;max-width:530px}.staff-safety-form>label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#e2e8f5;font-weight:700}.staff-safety-form input[type=number]{width:120px;background:#0d1623;border:1px solid #344b6b;padding:10px;border-radius:9px;color:#fff}.staff-safety-form small{display:block;font-weight:400;color:#aebed1;font-size:11px;line-height:1.65}.staff-safety-form .staff-safety-toggle{display:flex;flex-direction:row;align-items:start;gap:12px}.staff-safety-toggle input{width:20px;height:20px;accent-color:#f0c675;flex:none;margin:1px 0 0}.staff-safety-form button{align-self:flex-start} /* 0.1.12 — Verification UI retains the approved Orbit theme. */ .security-flow{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border:1px solid #26344b;border-radius:15px;background:#0e1521;margin-top:18px;max-width:690px} .security-flow h2{font-size:24px;margin:0;color:#f4f6fb} .security-flow p{line-height:1.65;margin:0;color:#c6d1e1} .security-flow .muted{color:#8f9db1;font-size:13px} .security-symbol{font-size:35px;color:#f2ce76} .modal .security-flow{margin:0;border:0;padding:10px;background:transparent} .security-reset-form{width:100%;max-width:450px;display:flex;flex-direction:column;gap:14px} /* Orbit 0.1.13 — consolidated Settings: same black / midnight blue / metallic gold identity. */ .settings-shell{display:grid;grid-template-columns:minmax(180px,215px) minmax(0,1fr);gap:19px;margin:17px 0 32px;align-items:start} .settings-side{border-radius:14px;padding:12px;background:linear-gradient(175deg,#121d2c,#080f18);border:1px solid #33445e;position:sticky;top:88px} .settings-identity{display:flex;align-items:center;gap:10px;padding:10px 8px 18px;margin-bottom:8px;border-bottom:1px solid #2d3b51} .settings-identity .avatar{width:39px;height:39px;flex:none} .settings-identity strong,.settings-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:115px} .settings-identity strong{font-size:13px;color:#fff}.settings-identity small{color:#b7c6da;font-size:11px;margin-top:3px} .settings-menu-item{font-family:inherit;width:100%;display:flex;align-items:center;gap:11px;text-align:left;color:#c4cfe0;background:none;border:1px solid transparent;border-radius:9px;padding:12px 9px;font-weight:730;font-size:12px;cursor:pointer;transition:background .14s,border .14s} .settings-menu-item>span:first-child{font-size:18px;width:21px;text-align:center;color:#e1bc66}.settings-chevron{margin-left:auto;color:#8296b0;font-size:21px} .settings-menu-item:hover{background:#202b41;color:#fff}.settings-menu-item.active{background:linear-gradient(115deg,#152956,#20499b);border-color:#4579ef;color:#fff;box-shadow:inset 0 1px #7091d5} .settings-panels{min-width:0;background:linear-gradient(155deg,#101925,#0b111b);border:1px solid #32435d;border-radius:15px;padding:25px;box-shadow:0 15px 34px #0003} .settings-section{min-width:0}.settings-section>h2{font-size:23px;font-weight:780;letter-spacing:-.04em;color:#f5f7fb;margin:0}.settings-subtitle{color:#aebed0;font-size:13px;margin:6px 0 21px;line-height:1.65} .settings-panels .profile-editor{padding:0}.settings-panels .editor-section{padding:17px;margin:0 0 13px;background:#101b2b;border:1px solid #2b405c;border-radius:12px} .settings-panels .editor-section-heading h3{color:#e8d09a;font-size:15px}.settings-panels .editor-section-heading p{font-size:12px;color:#b4c0d0} .settings-panels .profile-editor-media{margin-top:14px}.settings-panels .editor-save-row{border-top:1px solid #2e4058;padding:17px 0 2px;margin-top:8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap} .settings-save-note{color:#b4c4d8;font-size:12px;margin-right:auto} .settings-button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px} .settings-button-row button{font-size:12px}.danger-button{border:1px solid #98555b;background:#311c26;color:#f5c7cd;border-radius:9px;padding:11px 15px;font-weight:730;font-family:inherit;cursor:pointer}.danger-button:hover{background:#4a2430} .settings-info-card{background:#101a2a;border:1px solid #30435e;padding:20px;border-radius:12px;margin:0 0 14px}.settings-info-card h3{font-size:16px;color:#f3d089;margin:0 0 9px}.settings-info-card p{font-size:12px;color:#b9c7da;line-height:1.7;margin:0 0 10px} .settings-info-card .muted{font-size:12px;color:#a6b6cb}.safety-person{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #2c3a50}.safety-person .avatar{width:38px;height:38px;flex:none}.safety-person>div:nth-child(2){flex:1;min-width:0}.safety-person strong,.safety-person small{display:block;overflow-wrap:anywhere}.safety-person small{color:#9dafc7;font-size:11px} .appeal-entry{padding:12px 0;border-top:1px solid #304055}.appeal-entry strong{font-size:12px;color:#f4f5fa}.appeal-entry p{overflow-wrap:anywhere}.appeal-entry small{color:#c6d1df} .appeal-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:620px}.appeal-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:730;color:#e5edf9}.appeal-form textarea,.appeal-form input{background:#0e1825;border:1px solid #41516c;border-radius:9px;color:#fff;font-family:inherit;padding:12px;font-size:13px;width:100%}.appeal-form textarea{min-height:135px;resize:vertical}.appeal-form button{align-self:flex-start} .appeal-public{max-width:730px}.appeal-public>p{font-size:13px;line-height:1.7;color:#bdcbe0} /* Native hidden wins over component display rules */ .settings-section[hidden],.settings-panels .editor-section[hidden],.settings-panels .editor-save-row[hidden]{display:none!important} @media(max-width:940px){.settings-shell{grid-template-columns:1fr}.settings-side{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.settings-identity{grid-column:1/-1;margin-bottom:0;padding:6px 10px 12px}.settings-menu-item{padding:10px;font-size:11px}.settings-chevron{display:none}} @media(max-width:620px){.settings-shell{gap:11px;margin-top:12px}.settings-side{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.settings-menu-item{min-height:45px}.settings-panels{padding:15px}.settings-panels .editor-section,.settings-info-card{padding:14px}.settings-section>h2{font-size:21px}.settings-button-row{align-items:stretch}.settings-button-row button{width:100%}} /* Settings remains a normal scrolling document on narrow screens; save controls must not float across unrelated sections when editing the profile. */ .settings-panels .editor-save-row{position:static;bottom:auto;z-index:auto} /* 0.1.14 — distinct navigation icons and an account-focused Settings entry */ .account-control{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0} .account-menu{position:absolute;top:calc(100% + 15px);right:0;z-index:90;width:248px;padding:8px;background:linear-gradient(160deg,#121b2b,#0b111c);border:1px solid #364861;border-radius:15px;box-shadow:0 18px 55px #000b,0 0 0 1px #f6d47b10;color:#f5f7fc;text-align:left} .account-menu[hidden]{display:none!important} .account-menu-identity{display:flex;flex-direction:column;gap:3px;padding:12px 13px 13px;border-bottom:1px solid #354053;margin-bottom:6px} .account-menu-identity strong{font-size:14px;font-weight:750;overflow-wrap:anywhere} .account-menu-identity small{font-size:12px;color:#f0c96e} .account-menu [role="menuitem"]{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid transparent;border-radius:9px;color:#eff3fc;background:none;text-align:left;font-weight:600;font-size:13px;transition:background .15s,border-color .15s} .account-menu [role="menuitem"] svg{width:18px;height:18px;color:#a9b8d1} .account-menu [role="menuitem"]:hover,.account-menu [role="menuitem"]:focus-visible{background:#1b335e;border-color:#3d70c6;color:white;outline:none} .account-menu [role="menuitem"]:hover svg{color:#f3cd70} .account-menu-tip{padding:10px 12px 5px;color:#8595b0;font-size:11px;border-top:1px solid #283343;margin-top:6px} #header-user[aria-expanded="true"]{outline:2px solid #f1cd75;outline-offset:3px} .nav-item svg{flex-shrink:0} .nav-item.staff-nav svg{color:#b9cbe8} .nav-item.staff-nav:hover svg,.nav-item.staff-nav.active svg{color:#f2ce77} @media(max-width:740px){.account-menu{width:min(248px,calc(100vw - 22px));top:calc(100% + 11px);right:0}.account-menu [role="menuitem"]{padding:13px 11px}} /* Orbit 0.1.16 — messaging and preferences, within the approved Orbit palette. */ .message-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:4px 0 12px} .message-folder-tabs{display:flex;background:#101827;padding:4px;border:1px solid #273c5e;border-radius:12px;gap:4px} .message-folder-tabs button{border:0;border-radius:9px;color:#aabbd3;background:transparent;padding:9px 15px;font-size:12px;font-weight:700} .message-folder-tabs button.active{color:#fff;background:linear-gradient(120deg,#162d64,#2d53ad)} .message-search-wrap{display:flex;align-items:center;gap:7px;min-width:190px;flex:1;max-width:280px;background:#111b2a;border:1px solid #344767;border-radius:10px;padding:8px 12px} .message-search-wrap svg{width:17px;height:17px;color:#d9bd79}.message-search-wrap input{background:transparent;border:0;outline:0;min-width:0;width:100%;color:#fff;font-size:12px} .message-search-wrap input::placeholder{color:#9eaec4} #conversation-list .conversation-button[hidden],.message-search-empty[hidden],.chat-emoji-picker[hidden]{display:none!important} .message-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px} .message-recipient{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.message-panel-tools{display:flex;gap:7px} .message-panel-tools .outline-button{font-size:11px;padding:6px 10px;border-radius:8px} .chat-body{white-space:pre-wrap;overflow-wrap:anywhere} .chat-photo-link{display:block;max-width:min(330px,100%);margin:4px 0;border-radius:10px;overflow:hidden;border:1px solid #5677ab} .chat-photo{width:100%;height:auto;max-height:280px;object-fit:contain;display:block} .chat-reaction-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:5px 0 2px} .chat-reaction,.chat-react-trigger{border:1px solid #4a5c79;color:#e8edf7;background:#14223c;border-radius:20px;padding:3px 7px;font-size:12px} .chat-bubble.mine .chat-reaction,.chat-bubble.mine .chat-react-trigger{background:#0b2856} .chat-reaction.mine-reaction{border-color:#d8ae5a;color:#fbdc93;background:#24304c} .chat-react-trigger{display:flex;align-items:center;justify-content:center;padding:4px}.chat-react-trigger svg{height:15px;width:15px} .chat-emoji-picker{display:flex;gap:3px;align-items:center;margin:5px 0;padding:4px;border:1px solid #475d7d;background:#0b182d;border-radius:10px} .chat-emoji-picker button{border:0;background:transparent;border-radius:6px;padding:4px;font-size:18px;line-height:1.2}.chat-emoji-picker button:hover{background:#2b4b81} .message-attach{min-width:42px;padding:9px!important;display:flex;align-items:center;justify-content:center}.message-attach svg{height:18px;width:18px} .message-privacy-hint{font-size:10px;color:#879cb6;margin:0;padding:0 12px 12px;line-height:1.5} .notification-option{display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 5px;border-bottom:1px solid #304159;font-size:13px;color:#dbe4f1;cursor:pointer} .notification-option input{width:18px;height:18px;accent-color:#3b6bd7;flex-shrink:0}.notification-option:last-of-type{margin-bottom:18px} @media(max-width:740px){.message-toolbar{align-items:stretch;gap:8px}.message-search-wrap{max-width:none;flex-basis:100%}.messages-layout{min-height:390px;grid-template-columns:104px minmax(0,1fr)}.conversation-button .avatar{display:none}.conversation-button strong{font-size:10px}.conversation-button small{max-width:80px}.message-panel-header{padding:9px}.message-panel-tools{width:100%}.message-panel-tools .outline-button{font-size:10px;padding:5px 7px}.chat-bubble{max-width:96%}.chat-photo{max-height:210px}.message-composer{padding:7px;gap:4px}.message-composer input[name=body]{min-width:0}.message-privacy-hint{font-size:9px;padding:0 8px 8px}} /* Preserve line breaks in message text, not template indentation around controls. */ .message-stream .chat-bubble{white-space:normal;flex:0 0 auto} .message-stream .chat-body{white-space:pre-wrap} .message-search-results{max-height:50vh;overflow-y:auto}.message-result{padding:12px 0;border-bottom:1px solid #354764}.message-result strong{font-size:12px;color:#f4d18d}.message-result small{float:right;color:#a6b8d3;font-size:11px}.message-result p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#dce6f2} .toast{background:#142440;border-color:#b89951;color:#f1f5fd} /* Orbit 0.1.17 — Advanced forums; keeps the approved navy, cobalt and gold palette. */ .forum-hero{position:relative;isolation:isolate;overflow:hidden;min-height:210px;background:linear-gradient(120deg,#101a2b 0%,#0d1622 58%,#142849 100%);border:1px solid #3a5278} .forum-hero.has-custom-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#060b13e6,#07101c8f 70%,#07101c87),var(--forum-banner-image);background-size:cover;background-position:center;z-index:-1} .forum-management{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 18px} .forum-management .outline-button{font-size:12px;padding:9px 13px;border:1px solid #364b69;border-radius:9px;color:#d9e8ff;background:#111e32} .forum-management .outline-button:hover{border-color:#e1c177;color:#ffe6ac} .forum-categories{margin:20px 0 16px} .forum-section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 11px} .forum-section-heading h2{color:#f8faff;font-size:19px;margin:0;font-weight:800} .forum-section-heading span{font-size:12px;color:#899bb3} .forum-subforum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .forum-category{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:16px;border-radius:12px;border:1px solid #2a3c56;background:linear-gradient(140deg,#111925,#0c1320);color:#f4f6fa;min-width:0} .forum-category strong{font-size:13px} .forum-category small{font-size:11px;line-height:1.5;color:#a1afc5} .forum-category.active,.forum-category:hover{border-color:#dcb95e;background:linear-gradient(140deg,#1b2637,#0c192c);box-shadow:inset 3px 0 #cfad59} .forum-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 18px} .forum-tags>strong{font-size:12px;letter-spacing:.04em;color:#d7e1ed;margin-right:4px} .forum-tag{border:1px solid #334d72;color:#adc8ef;background:#10203a;border-radius:40px;padding:6px 11px;font-size:11px} .forum-tag.selected,.forum-tag:hover{color:#171d2a;background:#ecd086;border-color:#ecd086} .forum-tag span{opacity:.65;margin-left:4px} .forum-staff-line{font-size:12px;color:#9facbe;margin:6px 0 16px} .forum-staff-line button{color:#ead090;font-size:12px;text-decoration:underline} .forum-pin,.forum-topic-tag,.forum-subforum-name{display:inline-flex;align-items:center;max-width:100%;font-size:10px;line-height:1.4;padding:3px 8px;border-radius:5px;margin:5px 6px 5px 0} .forum-pin{border:1px solid #9a7838;color:#efce7f;background:#302717} .forum-topic-tag{border:1px solid #285dab;color:#9fc8ff;background:#102750} .forum-subforum-name{border:1px solid #334355;color:#a6bbd2;background:#111b27} .forum-pin-control{display:flex;justify-content:flex-end;margin:-5px 6px 12px} .forum-pin-control button{color:#d9ba76;font-size:11px;padding:5px 10px;border:1px solid #473d2b;border-radius:6px} .forum-poll{margin:17px 0;padding:21px;border-radius:15px;background:linear-gradient(140deg,#131e30,#0b121e);border:1px solid #405477} .forum-poll-heading>span{color:#e9c570;font-weight:800;letter-spacing:.14em;font-size:10px} .forum-poll-heading h3{font-size:20px;color:#f3f6fc;margin:9px 0 6px} .forum-poll-heading small{color:#91a6c1} .forum-poll-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;width:100%;margin-top:10px;border-radius:10px;overflow:hidden;background:#121b2b;border:1px solid #2d4465;color:#f4f5fa;text-align:left} .forum-poll-option span,.forum-poll-option strong{position:relative;z-index:1;font-size:13px} .forum-poll-option strong{font-size:11px;color:#e9d092;white-space:nowrap} .forum-poll-option i{position:absolute;left:0;top:0;bottom:0;background:#224776;opacity:.54;pointer-events:none} .forum-poll-option:not(:disabled):hover{border-color:#e1bd63;background:#162a48} .forum-poll-option:disabled{cursor:default;opacity:1} .forum-poll-fields{border:1px solid #334660;padding:15px;margin:12px 0;border-radius:11px;background:#0e1826} .forum-poll-fields>strong{color:#e9cf8d;font-size:14px} .forum-poll-fields .field{margin:12px 0 0} @media(max-width:680px){.forum-subforum-grid{grid-template-columns:1fr}.forum-management{gap:6px}.forum-management .outline-button{font-size:11px}.forum-poll{padding:14px}.forum-category{padding:12px}.forum-hero{min-height:180px}} /* Orbit 0.1.18 — discovery and personalization (desktop-reference theme preserved) */ .discovery-section,.discovery-welcome{border:1px solid #2b3c53;border-radius:16px;background:linear-gradient(150deg,#111a29,#0a111c);padding:22px;margin:14px 0 22px;min-width:0} .discovery-section-head{margin:0 0 18px}.discovery-section-head h2{font-size:21px;letter-spacing:-.02em;margin:0 0 5px;color:#f0f4ff}.discovery-section-head p,.discovery-preferences>p{font-size:13px;color:#aabacf;margin:0;line-height:1.6} .discovery-topic-grid{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 20px} .discovery-chip{position:relative;cursor:pointer;display:inline-flex;max-width:100%;align-items:center;font-size:12px} .discovery-chip input{position:absolute;opacity:0;width:1px;height:1px} .discovery-chip span{display:inline-block;border:1px solid #3a4e6c;background:#152139;color:#c6d5ed;border-radius:999px;padding:9px 13px;font-weight:650;transition:background .15s,border-color .15s} .discovery-chip input:checked+span{border-color:#dcb666;background:#3b2c18;color:#ffdda0;box-shadow:inset 0 0 0 1px #a9813a} .discovery-chip input:focus-visible+span{outline:2px solid #7eaaff;outline-offset:2px} .discovery-switch{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid #364965;background:#121f32;border-radius:12px;margin:5px 0 17px;cursor:pointer} .discovery-switch>input{accent-color:#e3bd66;width:20px;height:20px;flex:none}.discovery-switch strong,.discovery-switch small{display:block}.discovery-switch strong{font-size:13px;color:#fff}.discovery-switch small{font-size:12px;color:#a9bad0;line-height:1.6;margin-top:5px} .discovery-welcome{border-color:#6e5b3d;background:radial-gradient(circle at 100% 0,#17458266,transparent 52%),linear-gradient(140deg,#192640,#0c131f);display:flex;align-items:center;gap:18px;justify-content:space-between} .discovery-welcome h3{margin:7px 0 4px;font-size:18px;color:#fff}.discovery-welcome p{margin:0;color:#bed0e5;font-size:12px}.discovery-welcome .button-row{flex-shrink:0;flex-wrap:wrap} .discovery-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .discovery-community{background:#0f1827;border:1px solid #2a3d59;border-radius:14px;padding:16px;min-width:0;display:flex;flex-direction:column} .discovery-community-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}.discovery-community-top h3{font-size:15px;margin:0 0 2px;color:#edf3ff}.discovery-community-top small{font-size:11px;color:#9bacc5}.discovery-community-top .community-mini-icon{min-width:38px;width:38px;height:38px;font-size:21px} .discovery-community>p{font-size:12px;color:#aabbd1;line-height:1.55;flex:1;margin:0 0 10px;overflow-wrap:anywhere}.discovery-reason{display:inline-block;color:#ebcb83;font-size:11px;margin-bottom:13px}.discovery-reason.subtle{color:#8795aa} .discovery-community-actions{display:flex;gap:7px;flex-wrap:wrap}.discovery-community-actions button{font-size:11px;padding:8px 12px} .discovery-explainer{background:#101c2c;border:1px solid #2b3c54;color:#aabbd0;border-radius:9px;padding:12px 14px;font-size:12px}.discovery-explainer button{color:#f0cc81;text-decoration:underline;font-size:12px} .search-filters{background:#0d1624;border:1px solid #2b3b50;border-radius:13px;padding:6px 15px 15px;margin:14px 0 20px}.search-filters .feed-tabs{flex-wrap:wrap} .search-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-filter-row label{color:#aabcce;font-size:12px;display:flex;align-items:center;gap:7px}.search-filter-row select{color:#e2ebfb;border:1px solid #39516f;border-radius:8px;background:#16243a;padding:8px 9px;max-width:170px} .profile-sections .profile-section{flex-shrink:0} @media(max-width:1100px){.discovery-welcome{align-items:flex-start;flex-direction:column}} @media(max-width:740px){.discovery-section,.discovery-welcome{padding:15px;margin:12px 0 17px}.discovery-community-grid{grid-template-columns:1fr}.discovery-topic-grid{gap:7px}.discovery-chip span{font-size:11px;padding:8px 11px}.discovery-welcome .button-row{width:100%}.discovery-welcome .button-row button{font-size:11px}.search-filters{padding:8px 10px 12px}.search-filters .tab{font-size:11px;padding:9px 7px}.search-filter-row select{max-width:140px}.profile-sections .profile-section{font-size:12px;padding:11px 12px}} /* Orbit 0.1.18.1 — safe composer, image posts, and readable recommendation actions */ .post-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 4px;overflow:hidden;border-radius:11px} .post-photo-grid.count-1{grid-template-columns:minmax(0,1fr)} .post-photo-grid a{display:block;min-width:0;overflow:hidden;border:1px solid #2d4362;border-radius:9px;background:#0b1421} .post-photo-grid img{display:block;width:100%;height:208px;object-fit:cover;transition:transform .18s ease} .post-photo-grid a:hover img{transform:scale(1.018)} .post-photo-grid.count-1 img{max-height:440px;height:auto;aspect-ratio:16/10;object-fit:contain;background:#090f18} .post-add-photos{background:transparent;border:1px solid #385170;color:#d7e6fc;border-radius:7px;padding:5px 9px;margin-left:auto;cursor:pointer;font-size:14px;line-height:1.4} .post-add-photos:hover{background:#142b45;border-color:#d8ac52} .compose-draft-status{margin:0 0 15px;padding:10px 12px;background:#13263a;color:#dceaff;font-size:12px;line-height:1.5;border-left:3px solid #d9ac56;border-radius:5px} .compose-photo-field{display:flex;flex-direction:column;gap:8px;margin:10px 0} .compose-photo-field .editor-file-button{max-width:max-content;cursor:pointer} #compose-photo-count,.compose-photo-chip{color:#becce0;font-size:12px} .compose-photo-list{display:flex;gap:7px;flex-wrap:wrap} .compose-photo-chip{display:flex;align-items:center;gap:10px;background:#142236;border:1px solid #344b65;border-radius:8px;padding:7px 10px;max-width:100%} .compose-photo-chip span{overflow-wrap:anywhere} .compose-photo-chip button{border:0;border-radius:6px;background:#22344f;color:#fff;cursor:pointer;padding:3px 8px} /* Do not show a browser-default light rectangle for the preferences control. */ .recommendation-note a,.recommendation-banner a,.recommendation-note button,.recommendation-banner button,[data-action="discovery-setup"]{color:#f2f6fc!important;background:#11243a!important;border:1px solid #d9ae59!important;text-decoration:none!important;border-radius:7px!important;padding:7px 10px!important;font-weight:700} .recommendation-note a:hover,.recommendation-banner a:hover,[data-action="discovery-setup"]:hover{color:#111c2b!important;background:#f1c877!important} @media(max-width:740px){.post-photo-grid img{height:140px}.post-photo-grid.count-1 img{height:auto}.compose-photo-chip{width:100%;justify-content:space-between}.modal-footer{flex-wrap:wrap}.modal-footer .primary-button{flex:1}} .discovery-explainer button{appearance:none!important;background:#132b48!important;color:#f8fafc!important;border:1px solid #e6bd6c!important;padding:7px 11px!important;border-radius:7px!important;text-decoration:none!important;font-weight:750!important;cursor:pointer!important} .discovery-explainer button:hover,.discovery-explainer button:focus-visible{background:#f0cb80!important;color:#12213b!important;outline:2px solid #f0cb80;outline-offset:2px} .compose-photo-thumbnail{width:52px;height:52px;object-fit:cover;border-radius:6px;background:#091424;border:1px solid #405779;flex:none} /* Orbit 0.1.18.1 — one shared, accessible creation menu */ .create-control{position:relative;display:flex;align-items:center} .create-menu{position:absolute;z-index:130;top:calc(100% + 12px);right:0;width:min(300px,calc(100vw - 20px));background:linear-gradient(155deg,#141e30,#090f18);border:1px solid #486184;border-radius:14px;padding:8px;box-shadow:0 18px 55px #000b,0 0 0 1px #d0a95816} .create-menu[hidden]{display:none!important} .create-menu-title{padding:10px 12px;border-bottom:1px solid #31435c;color:#f0c977;font-size:10px;letter-spacing:.17em;font-weight:850;margin-bottom:4px} .create-menu-title small{display:block;color:#aebdd0;letter-spacing:normal;font-size:12px;font-weight:500;margin-top:6px} .create-menu [role="menuitem"]{width:100%;display:flex;align-items:center;gap:13px;background:none;color:#f5f7fc;text-align:left;border:1px solid transparent;border-radius:10px;padding:12px;cursor:pointer} .create-menu [role="menuitem"] svg{color:#efd087;width:21px;height:21px} .create-menu [role="menuitem"] strong,.create-menu [role="menuitem"] small{display:block} .create-menu [role="menuitem"] strong{font-size:13px}.create-menu [role="menuitem"] small{color:#aab9cf;font-size:11px;margin-top:4px} .create-menu [role="menuitem"]:hover,.create-menu [role="menuitem"]:focus-visible{background:#17335c;border-color:#4779c3;outline:none} .compose-photo-field.photo-first{padding:13px;border:1px solid #c4a459;border-radius:10px;background:#121e2f} .compose-photo-field .editor-file-button svg{width:18px;height:18px;vertical-align:middle;margin-right:6px} .compose-photo-field .editor-file-button:focus-visible{outline:2px solid #e6c17b;outline-offset:4px} /* Orbit 0.1.18.2 — reply photo composer and image replies */ .comment-form{display:flex;flex-direction:column;gap:10px} .comment-form textarea{width:100%;min-height:76px;resize:vertical;background:#131d2d;border:1px solid #344764;border-radius:11px;padding:13px 15px;color:#eef2fc;font:inherit;line-height:1.55} .comment-form textarea:focus{outline:2px solid #e5bf69;outline-offset:1px} .reply-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px} .reply-form-actions .primary-button{margin-left:auto} .reply-form-actions input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden} .reply-attach{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#19283e;border:1px solid #b9954c;color:#f7df9b;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer} .reply-attach:hover,.reply-attach:focus-within{background:#263b58} .reply-attach svg{width:17px;height:17px} .reply-photo-hint{color:#aeb8c7;font-size:11px} .reply-photo-preview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:9px} .reply-photo-preview-list:empty{display:none} .reply-photo-preview{min-width:0;border:1px solid #334764;border-radius:10px;overflow:hidden;background:#0c1624} .reply-photo-preview img{display:block;width:100%;height:115px;object-fit:cover} .reply-photo-preview span{display:block;padding:6px;font-size:10px;color:#d3dbea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .reply-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;max-width:590px} .reply-photo-grid.single{grid-template-columns:minmax(0,1fr)} .reply-photo-grid a{display:block;min-width:0;border:1px solid #354865;border-radius:9px;overflow:hidden;background:#101a28} .reply-photo-grid img{display:block;width:100%;height:180px;object-fit:cover} .reply-photo-grid.single img{height:auto;max-height:390px;object-fit:contain} @media(max-width:740px){.reply-form-actions .primary-button{flex:1;min-width:100%}.reply-photo-hint{flex:1}.reply-photo-grid img{height:125px}} /* Orbit 0.1.19 — keyboard accessibility and admin operations, aligned with existing theme */ .skip-content-link{position:fixed;left:14px;top:-64px;z-index:100000;background:#e8c779;color:#06101d;border:2px solid #fff;border-radius:8px;padding:11px 16px;font-weight:800;text-decoration:none} .skip-content-link:focus{top:10px} :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #efd18d;outline-offset:3px} .ops-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 0 20px} .ops-step-grid>div{border:1px solid #344865;border-radius:13px;background:#121b2b;padding:16px} .ops-step-grid strong{display:block;color:#f1d188;margin-bottom:7px} .ops-step-grid p{color:#c4cddd;line-height:1.65;font-size:13px;margin:0} .ops-step-grid code{white-space:normal;overflow-wrap:anywhere;color:#d9e8ff} @media(max-width:740px){.ops-step-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}} /* 0.1.21 — editing and attachment management */ .edit-reply-button {background:transparent;color:#eacb85;border:0;display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:.84rem;margin-left:7px} .edit-reply-button svg{width:14px;height:14px} .edit-photo-title{font-size:.88rem;color:#d6dce9;font-weight:700;display:block;margin:12px 0 8px} .edit-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:8px 0 14px} .edit-photo-cell{min-width:0;overflow:hidden;padding:8px;border:1px solid #34415b;border-radius:12px;background:#111823;display:flex;flex-direction:column;gap:7px} .edit-photo-cell img{width:100%;height:95px;object-fit:cover;border-radius:8px} .edit-photo-cell small{overflow-wrap:anywhere;color:#bec6d6} .edit-photo-cell.is-removing{opacity:.45;outline:2px solid #e2aa72} .edit-photo-cell.is-removing img{filter:grayscale(1)} .edit-remove-photo{padding:6px 7px;font-size:.77rem} .edit-form-buttons{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0} .edit-form-buttons svg{width:17px;height:17px;vertical-align:middle} .edit-preview-card{border:1px solid #b89555;border-radius:12px;padding:14px;margin-top:12px;background:#121a29;white-space:normal;overflow-wrap:anywhere} .edit-preview-card p{white-space:normal;line-height:1.55;color:#e7e9f0} .edit-preview-card h3{color:#f7f7fb;margin:0 0 6px} .edit-preview-card small{color:#eacb85} @media(max-width:600px){.edit-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-form-buttons>button{flex:1}} /* Orbit 0.1.21: inclusive controls and responsive operations */ .ops-workspace{padding:20px;background:#0e1725;border:1px solid #34445c;border-radius:16px;margin:22px 0;min-width:0} .ops-workspace .admin-panel-head{gap:12px;flex-wrap:wrap;align-items:center} .ops-workspace .admin-panel-head h2{color:#f3f5fa} .ops-backup-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #34435a;padding:15px 2px;flex-wrap:wrap} .ops-backup-row strong{display:block;color:#f3d18c;overflow-wrap:anywhere;font-size:13px} .ops-backup-row small{display:block;color:#bec8d9;margin-top:6px} .ops-backup-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .ops-backup-actions .outline-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:42px;padding:10px 12px;font-size:13px} .ops-backup-actions button:disabled, .ops-workspace button:disabled{opacity:.52;cursor:not-allowed} .ops-schedule-form{display:flex;gap:15px;flex-wrap:wrap;align-items:end} .ops-schedule-form label{display:flex;gap:8px;flex-direction:column;color:#dce5f2;font-size:14px;font-weight:600} .ops-schedule-form .ops-toggle{flex-direction:row;align-items:center;margin-bottom:14px} .ops-schedule-form input[type=time]{min-width:115px;padding:10px;border:1px solid #5a6883;border-radius:9px;background:#101b2c;color:#f8f8ff;font:inherit} .ops-schedule-form input[type=checkbox]{height:19px;width:19px;accent-color:#e9bf69} .ops-pending{border:1px solid #d5ab5b;border-radius:12px;padding:15px;background:#302615;color:#f5e2b8} .ops-pending p{line-height:1.55} .ops-check-results{margin-top:16px} .ops-check{display:flex;gap:10px;align-items:start;border-top:1px solid #35445b;padding:10px 0} .ops-check small{display:block;color:#d4d9e4;margin-top:4px} .ops-check-status{flex:none;min-width:55px;text-align:center;color:#f8f8ff;border:1px solid #586780;background:#20324b;border-radius:7px;padding:3px 6px;font-size:11px;font-weight:800} .ops-check-status.status-pass{border-color:#539b7d;color:#a9e9c5} .ops-check-status.status-fail{border-color:#ce7d69;color:#ffc4b3} .ops-check-status.status-warn{border-color:#cba257;color:#ffe2a6} :where(.mobile-bottom button,.icon-button,.nav-item,.ops-workspace button){min-height:44px} :where(.ops-workspace button,.ops-workspace a):focus-visible{outline:3px solid #ffe8ac;outline-offset:3px} @media(max-width:780px){.ops-workspace{padding:13px}.ops-workspace .admin-panel-head>.primary-button{width:100%}.ops-backup-row{align-items:stretch}.ops-backup-actions{width:100%}.ops-backup-actions>*{flex:1}.ops-schedule-form>*{flex:1}.ops-schedule-form .ops-toggle{flex-basis:100%;margin-bottom:0}} @media(max-width:420px){.ops-backup-actions .outline-button{padding:8px;font-size:12px}.ops-schedule-form>button{flex-basis:100%}} /* 0.1.21.1: persistent, readable Operations error diagnosis. */ .ops-backup-feedback{margin:.7rem 0 1rem;padding:.8rem 1rem;border:1px solid #a5705a;border-radius:.65rem;background:#281b1b;color:#ffe9dd;line-height:1.5;overflow-wrap:anywhere;} /* 0.1.21.2 — editing preview includes retained and newly selected photos. */ .edit-preview-heading{color:#eacb85;font-weight:750;font-size:.85rem;letter-spacing:.02em;margin-bottom:12px} .edit-preview-media-title{color:#dce5f4;font-size:.85rem;font-weight:700;margin:14px 0 10px} .edit-preview-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin-top:6px} .edit-preview-photo{min-width:0;margin:0;background:#0b1221;border:1px solid #34445e;padding:6px;border-radius:11px;overflow:hidden} .edit-preview-photo img{display:block;width:100%;aspect-ratio:4/3;max-height:210px;object-fit:contain;background:#070d17;border-radius:7px} .edit-preview-photo figcaption{font-size:.78rem;color:#d8c18c;margin:7px 3px 3px} .edit-preview-no-photos{color:#aeb9cd;font-size:.85rem;margin:12px 0 0} @media(max-width:600px){.edit-preview-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Orbit 0.1.22 — events & calendar. Matches dark navy, blue and metallic gold brand. */ .event-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:15px 0 20px;border-bottom:1px solid #273750;padding-bottom:13px} .event-controls .feed-tabs{flex:1;min-width:180px;margin:0;border:0} .event-controls label{display:flex;align-items:center;gap:9px;color:#cdd6e7;font-size:.84rem} .event-controls select,.event-form-dates input{border-radius:10px;border:1px solid #41526e;background:#121b2b;color:#f4f5f8;padding:11px;font:inherit;max-width:210px} .event-controls .event-checkbox{white-space:nowrap}.event-checkbox input{width:18px;height:18px;accent-color:#e7bf70} .event-calendar-toolbar{display:flex;align-items:center;gap:10px;margin:14px 0;flex-wrap:wrap}.event-calendar-toolbar h2{font-size:1.35rem;flex:1;color:#f4eddd;margin:0 10px} .event-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #344762;border-radius:15px;overflow:hidden;background:#0f1724} .event-weekday{padding:11px 5px;text-align:center;color:#e8c47a;font-size:.8rem;font-weight:800;letter-spacing:.08em;background:#192640;border-bottom:1px solid #3a4b67} .event-day{min-height:112px;min-width:0;border-right:1px solid #2b3c54;border-bottom:1px solid #2b3c54;padding:9px 7px;display:flex;flex-direction:column;gap:6px} .event-day:nth-child(7n){border-right:0}.event-day-number{font-weight:700;color:#bdcce2;font-size:.83rem}.event-day.event-empty{background:#0a1019} .event-chip{border:1px solid #335ba6;background:linear-gradient(140deg,#122c65,#13203a);color:#f3f6ff;text-align:left;padding:6px;border-radius:7px;font:600 .7rem/1.3 inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer} .event-chip:hover,.event-chip:focus-visible{background:#284e9e;outline:2px solid #e2bc70;outline-offset:1px} .event-list-heading{margin:25px 0 12px}.event-list-heading h2{margin:0;font-size:1.25rem}.event-list-heading p{font-size:.84rem;color:#adb8cc;margin:6px 0} .event-list{display:flex;flex-direction:column;gap:12px}.event-entry{display:flex;align-items:center;gap:15px;min-width:0;background:linear-gradient(120deg,#121a28,#0d1119);border:1px solid #31415b;border-radius:13px;padding:17px} .event-entry-date{min-width:110px;display:flex;flex-direction:column;gap:5px;padding-right:12px;border-right:1px solid #36445c}.event-entry-date strong{color:#eac983}.event-entry-date small{color:#c0cee2} .event-entry-details{flex:1;min-width:0}.event-entry-details p{font-size:.86rem;color:#b5c1d5;line-height:1.45;margin:5px 0}.event-entry-details small{color:#c0a875}.event-subline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#abb8ce;font-size:.78rem}.event-subline button{color:#e8c47a;background:none;border:0;cursor:pointer;padding:2px 0;font-size:inherit} .event-title-button{display:block;background:transparent;border:0;text-align:left;padding:5px 0 0;color:#f5f5fb;font-size:1.08rem;font-weight:800;cursor:pointer}.event-title-button:hover{text-decoration:underline}.event-view{white-space:nowrap} .event-status,.event-cancel-warning{color:#ffd0b6}.event-cancelled{opacity:.7}.event-detail{border:1px solid #3a4865;background:linear-gradient(145deg,#121c2d,#0c111c);border-radius:16px;overflow:hidden} .event-detail-banner{height:130px;background:linear-gradient(115deg,#081529a8,#10182d50),url('/static/reference-header.webp') center /cover;border-bottom:1px solid #bb985e;display:flex;align-items:end;padding:20px;color:#f1cf84;letter-spacing:.2em;font-size:.75rem;font-weight:900} .event-detail-content{padding:24px}.event-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px}.event-detail-facts>div{display:flex;flex-direction:column;gap:7px;background:#10192b;border:1px solid #394860;border-radius:12px;padding:14px;min-width:0} .event-detail-facts small{color:#e8c480;letter-spacing:.1em;font-weight:800}.event-detail-facts strong{color:#f6f6fb}.event-detail-facts span{color:#bac8dd;overflow-wrap:anywhere;font-size:.85rem} .event-description{white-space:pre-wrap;line-height:1.65;color:#d1dbea;overflow-wrap:anywhere}.event-location a{color:#eed39a}.event-attendance{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:22px 0;color:#e8cf92}.event-actions{display:flex;gap:9px;flex-wrap:wrap}.event-actions>a{display:inline-flex;align-items:center;text-decoration:none} .event-form-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.event-form-dates input{width:100%;max-width:none}.event-community-entry{margin:14px 0 18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.event-community-entry .outline-button{display:flex;gap:9px;align-items:center}.event-community-entry svg{width:18px;height:18px}.event-community-entry span{color:#abb9cb;font-size:.85rem} @media(max-width:780px){.event-calendar{display:none}.event-weekday{display:none}.event-day{display:none}.event-entry{align-items:flex-start}.event-entry-date{min-width:83px}.event-view{display:none}.event-detail-facts{grid-template-columns:1fr}.event-controls{align-items:stretch}.event-controls label{flex:1}.event-controls select{width:100%;max-width:none}} @media(max-width:460px){.event-entry{padding:11px;gap:10px}.event-entry-date{min-width:70px;padding-right:8px}.event-entry-date strong{font-size:.82rem}.event-entry-date small{font-size:.72rem}.event-detail-content{padding:14px}.event-form-dates{grid-template-columns:1fr}} /* 0.1.23 — albums integrate with Orbit's original restrained navy/gold visual language. */ .gallery-heading-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end} .gallery-overview{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px} .gallery-overview h2{font-size:19px;color:#eef2fb;margin:0 0 4px} .gallery-overview .muted{font-size:13px;margin:0;color:#a5b1c9} .album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .album-tile{border:1px solid #33445b;border-radius:14px;overflow:hidden;background:linear-gradient(155deg,#111925,#0a1019);min-width:0} .album-tile.active{border-color:#e7bd69;box-shadow:0 0 0 1px #e7bd6940} .album-cover{display:block;width:100%;height:118px;background:radial-gradient(circle at 70% 40%,#173f83,#0a1222 70%);border:0;padding:0;cursor:pointer;overflow:hidden} .album-cover img{width:100%;height:100%;object-fit:cover} .album-empty-art{display:grid;place-items:center;height:100%;color:#d5ae61}.album-empty-art svg{width:34px;height:34px} .album-details{display:flex;gap:8px;align-items:center;padding:11px 12px 0}.album-title{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left;font-weight:700;color:#faf8ee;background:none;border:0;padding:0;cursor:pointer}.album-details span{font-size:11px;white-space:nowrap;color:#aab8ce} .album-details .album-edit{border:0;color:#f4ce7b;background:transparent;padding:3px;flex-shrink:0}.album-edit svg{width:17px;height:17px} .album-tile>p{padding:0 12px 12px;font-size:12px;color:#aab8ce;margin:7px 0 0;overflow-wrap:anywhere;min-height:16px} .gallery-album-empty{border:1px dashed #354764;border-radius:12px;padding:15px;color:#bdc8de;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px} .gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.gallery-filters button{background:#111a28;color:#c6d2e7;border:1px solid #33445c;border-radius:9px;padding:9px 13px;cursor:pointer}.gallery-filters button.active{background:#163568;border-color:#4f82dc;color:#fff}.gallery-filters span{margin-left:5px;color:#e9c47c;font-size:12px} .gallery-photo-actions{display:flex;gap:6px;flex-wrap:wrap}.gallery-photo-actions button{border:1px solid #394760;border-radius:7px;padding:5px 7px;white-space:nowrap}.gallery-photo-actions button:hover{border-color:#e7bd69} .gallery-edit-image{display:block;width:100%;height:200px;object-fit:contain;background:#090e17;border-radius:11px;margin-bottom:12px;border:1px solid #394760} .gallery-safe-delete{font-size:12px;color:#cfbdd0;line-height:1.6} @media(max-width:740px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.album-cover{height:95px}.album-details{flex-wrap:wrap;padding:9px 9px 0}.album-details span{font-size:10px}.album-title{min-width:60%}.gallery-heading-actions{justify-content:flex-start}.gallery-heading-actions button{padding:8px 11px;font-size:12px}.gallery-photo-actions{width:100%;justify-content:flex-end}.gallery-details{flex-wrap:wrap}} @media(max-width:365px){.album-grid{grid-template-columns:1fr}} /* 0.1.23.1 — recoverable event editor, readable action buttons */ .event-draft-status{padding:12px 14px;margin:0 0 17px;border:1px solid rgba(221,185,107,.45);background:#131c2d;color:#e3e8f4;border-radius:10px;font-size:.92rem;line-height:1.5} .event-draft-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px} .event-draft-actions .primary-button{flex:1 1 160px;justify-content:center} .event-draft-actions .outline-button{flex:1 1 110px} .event-draft-actions .text-link{color:#e7c87f;padding:10px} /* 0.1.24 · Private account export and deliberate self-service account removal */ .settings-export-button{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#f5f7ff;background:#182741;border:1px solid #c6a768;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:740;max-width:100%;} .settings-export-button:hover,.settings-export-button:focus-visible{background:#273958;color:#fff6dc;border-color:#e8cb8d;} .settings-export-button svg{width:18px;height:18px} .settings-footnote{font-size:11px!important;margin-top:14px!important;color:#a9b9cc!important;line-height:1.7} .settings-danger-zone{border-color:#79424c;background:linear-gradient(130deg,#191b2a,#1e1824)} .settings-danger-zone h3{color:#f7bec4} .settings-danger-warning{padding:15px;background:#2b1c26;color:#f5d3d9;border:1px solid #9e5a6a;border-radius:12px;margin-bottom:17px;line-height:1.7;font-size:13px} .settings-privacy-extra{margin-top:15px} .settings-privacy-extra select{margin-bottom:13px} @media(max-width:620px){.settings-export-button{display:flex;justify-content:center;text-align:center}.settings-danger-zone .danger-button{width:100%}} /* 0.1.25: compact live unread counters; respects existing visual theme. */ .nav-live-badge{margin-left:auto;min-width:1.35rem;height:1.35rem;padding:0 .32rem;border-radius:999px;background:#cda74e;color:#08111d;font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0} .nav-live-badge[hidden]{display:none!important} .mobile-bottom button[data-nav="messages"]{position:relative} .mobile-live-badge{position:absolute;top:1px;right:10px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:#cda74e;color:#08111d;font-weight:800;font-size:10px} .mobile-live-badge[hidden]{display:none!important} /* 0.1.26: private-beta panel polish and accessibility. Keep approved Orbit palette. */ .beta-inline,.beta-invite-form,.beta-review-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0 18px} .beta-inline label,.beta-invite-form label,.beta-review-form label,.beta-feedback-panel label{display:grid;gap:7px;color:#d4dfed;font-size:13px;font-weight:700;flex:1;min-width:140px} .beta-check{display:flex!important;align-items:center;min-width:220px;gap:12px} .beta-check input{width:19px;height:19px;accent-color:#3b79e6} .beta-invite-form input,.beta-review-form input,.beta-review-form select,.beta-feedback-panel input,.beta-feedback-panel select,.beta-feedback-panel textarea{width:100%;min-width:0;border-radius:9px;padding:11px 12px;color:#f6f7fc;border:1px solid #50617c;background:#101b2c;font:inherit} .beta-feedback-panel form{display:grid;gap:16px}.beta-feedback-panel textarea{resize:vertical;line-height:1.5} .beta-list{display:grid;gap:9px;margin-top:14px}.beta-row,.beta-feedback-item{background:#111d2e;border:1px solid #354963;padding:15px;border-radius:11px;min-width:0} .beta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px}.beta-row strong,.beta-row small{display:block;overflow-wrap:anywhere}.beta-row small,.beta-feedback-item small{color:#a9bad1;font-size:12px;margin-top:7px} .beta-feedback-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.beta-feedback-item p{color:#c1cfe1;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere} .beta-category{display:inline-flex;border:1px solid #997b4f;background:#332c22;color:#ffe1a4;border-radius:999px;padding:4px 9px;font-size:11px;text-transform:capitalize} .beta-reveal{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px;background:#14243c;border:1px solid #c8a461;border-radius:10px}.beta-reveal code{color:#ffe2a2;overflow-wrap:anywhere;font-size:14px;letter-spacing:.04em} .beta-response{padding:11px;border-left:3px solid #e3b663;background:#19283a;border-radius:5px} :where(button,a,input,textarea,select):focus-visible{outline:3px solid #f5c569!important;outline-offset:3px} button:disabled{cursor:not-allowed;opacity:.55} @media(max-width:720px){.beta-invite-form>*{flex:1 1 100%}.beta-review-form label,.beta-review-form button{flex:1 1 100%}.beta-row>*{min-width:0}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}