@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--ink:#172438;--ink-2:#25354c;--paper:#fffdf4;--panel:#ffffff;--soft:#f4f1e6;--line:#dcd8ca;--lime:#d7e51b;--lime-2:#ecf45e;--green:#68751c;--muted:#6c7480;--warm:#f5e8bb;--orange:#f29a2e;--danger:#b63f38;--shadow:0 12px 35px rgba(23,36,56,.08);--radius:18px;--rail:228px;--right:318px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk','DM Sans',sans-serif}h1{font-size:clamp(2.25rem,5vw,4rem);line-height:.98;margin-bottom:12px;letter-spacing:-.045em}h2{font-size:1.55rem;margin-bottom:10px;letter-spacing:-.025em}h3{font-size:1rem;margin-bottom:6px}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--green);margin:0 0 8px}.fine{font-size:.8rem;color:var(--muted)}
body.dark{--ink:#f5f6ef;--ink-2:#f1f2eb;--paper:#0d1520;--panel:#141f2c;--soft:#1a2838;--line:#2b3b4d;--muted:#a8b0ba;--warm:#292817;--green:#d6e51b;--shadow:0 18px 45px rgba(0,0,0,.2)}body.dark .logo span,body.dark .gate-mark{color:#172438}body.dark .map-road{background:#2c3b4d}body.dark .map-place{color:#172438}body.dark .world-map{background:linear-gradient(160deg,#1d3425,#213b2a 45%,#1d2c39)}body.dark .recognition{color:#172438}
.age-gate{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#ebf469 0,transparent 35%),linear-gradient(145deg,#fef5d1,#edf29e);z-index:100;padding:24px}.age-gate[hidden]{display:none}.gate-card{max-width:610px;background:#fffdf7;border:3px solid #172438;border-radius:28px;padding:42px;box-shadow:16px 18px 0 #172438;color:#172438}.gate-card h1{font-size:3.4rem}.gate-mark{width:58px;height:58px;border-radius:18px;background:var(--lime);display:grid;place-items:center;font-weight:900;font-family:'Space Grotesk';font-size:1.7rem;border:2px solid #172438}.gate-mark.small{width:34px;height:34px;border-radius:10px;font-size:1rem}.gate-actions{display:flex;gap:10px;margin:26px 0 18px;flex-wrap:wrap}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--right);max-width:1500px;margin:auto}.left-rail{position:sticky;top:0;height:100vh;padding:26px 18px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:color-mix(in srgb,var(--paper) 94%,transparent);z-index:25}.logo{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-size:.82rem;letter-spacing:.08em;padding:4px 8px 25px}.logo span{width:38px;height:38px;background:var(--lime);border:2px solid var(--ink);border-radius:12px;display:grid;place-items:center;font-size:1.1rem;font-weight:900}.left-rail nav{display:flex;flex-direction:column;gap:4px}.left-rail nav a{display:flex;align-items:center;gap:14px;min-height:46px;border-radius:13px;padding:0 11px;font-weight:650;position:relative}.left-rail nav a span{width:24px;font-size:1.25rem;text-align:center;font-style:normal}.left-rail nav a em{font-style:normal}.left-rail nav a i{position:absolute;right:12px;background:var(--lime);color:#172438;border-radius:99px;min-width:20px;height:20px;display:grid;place-items:center;font-size:.68rem;font-style:normal;font-weight:800}.left-rail nav a:hover,.left-rail nav a.active{background:var(--soft)}.left-rail nav a.active:after{content:"";position:absolute;left:-18px;width:4px;height:25px;background:var(--lime);border-radius:0 5px 5px 0}.profile-chip{margin-top:auto;border:0;background:transparent;border-radius:14px;padding:9px 7px;display:flex;align-items:center;gap:9px;text-align:left}.profile-chip:hover{background:var(--soft)}.profile-chip span:nth-child(2){display:flex;flex-direction:column;min-width:0}.profile-chip small{color:var(--muted)}.profile-chip b:last-child{margin-left:auto;color:var(--muted)}
.avatar{border:0;width:40px;height:40px;border-radius:13px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.avatar.giant{width:108px;height:108px;border-radius:30px;font-size:2rem;border:6px solid var(--panel)}.avatar.gary{background:var(--lime);color:#172438}.avatar.keith{background:#f2c15c;color:#172438}.avatar.maya{background:#8058a5;color:white}.avatar.pete{background:#2e7288;color:white}
.main-column{min-width:0;border-right:1px solid var(--line)}.topbar{height:72px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:14px}.search-box{height:42px;flex:1;max-width:650px;background:var(--soft);border:1px solid transparent;border-radius:14px;display:flex;align-items:center;padding:0 13px;gap:10px}.search-box:focus-within{border-color:var(--ink);background:var(--panel)}.search-box input{border:0;outline:0;background:transparent;width:100%}.search-box kbd{border:1px solid var(--line);background:var(--panel);padding:2px 7px;border-radius:6px;color:var(--muted);font-size:.72rem}.top-actions{margin-left:auto;display:flex;gap:7px}.top-actions button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--panel);position:relative;font-size:1.08rem}.top-actions button i{position:absolute;right:-3px;top:-3px;width:18px;height:18px;background:var(--lime);color:#172438;border-radius:99px;font-size:.65rem;font-style:normal;font-weight:900;display:grid;place-items:center}.mobile-brand,.mobile-menu{display:none}.search-results,.notification-panel{position:absolute;top:62px;left:28px;width:min(650px,calc(100% - 56px));background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;max-height:65vh;overflow:auto}.notification-panel{left:auto;right:28px;width:340px}.search-results[hidden],.notification-panel[hidden]{display:none}.search-result{display:flex;align-items:center;gap:11px;border-radius:11px;padding:10px}.search-result:hover{background:var(--soft)}.search-result span:first-child{width:36px;height:36px;border-radius:10px;background:var(--soft);display:grid;place-items:center}.search-result strong{display:block}.search-result small{color:var(--muted)}
.view{padding:34px 30px 90px;min-height:calc(100vh - 72px)}.view[hidden]{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:6px 0 28px}.page-head>div:first-child{max-width:720px}.page-head p:not(.eyebrow){color:var(--muted);font-size:1rem;margin-bottom:0}.button,.primary{border:1.5px solid var(--ink);border-radius:12px;padding:11px 16px;background:var(--panel);font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--ink);color:var(--paper)}.primary:hover{transform:translateY(-1px)}.compact{padding:9px 13px;white-space:nowrap}.text-button{border:0;background:transparent;color:var(--green);font-weight:800;padding:4px}.icon-button{border:0;background:var(--soft);border-radius:10px;width:38px;height:38px}.live-pill{background:var(--soft);border:1px solid var(--line);border-radius:99px;padding:5px 9px;font-size:.72rem;font-weight:800;color:var(--green)}
.feed-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid var(--line);scrollbar-width:none}.feed-tabs::-webkit-scrollbar{display:none}.feed-tabs button{border:0;background:transparent;border-radius:9px;padding:8px 11px;white-space:nowrap;font-weight:650;color:var(--muted)}.feed-tabs button.active{background:var(--ink);color:var(--paper)}.composer-mini{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.composer-placeholder{flex:1;border:1px solid var(--line);background:var(--panel);height:42px;border-radius:13px;text-align:left;padding:0 14px;color:var(--muted)}.feed{max-width:780px}.post{padding:23px 2px;border-bottom:1px solid var(--line)}.post-head{display:flex;gap:11px}.post-author{min-width:0;flex:1}.post-author strong{display:inline}.post-author small{color:var(--muted);margin-left:5px}.post-context{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}.post-more{border:0;background:transparent;color:var(--muted);font-size:1.2rem}.post-body{margin:13px 0 8px;padding-left:51px;font-size:1rem}.post-body p{white-space:pre-wrap;margin-bottom:10px}.object-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:14px 15px;display:flex;gap:12px;align-items:center}.object-card .object-icon{width:42px;height:42px;border-radius:12px;background:var(--lime);color:#172438;display:grid;place-items:center;font-weight:900;font-size:1.1rem}.object-card small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.65rem}.object-card strong{display:block}.post-actions{display:flex;padding-left:51px;margin-top:8px;gap:4px}.post-actions button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:7px 10px;display:flex;gap:5px;align-items:center}.post-actions button:hover,.post-actions button.reacted{background:var(--soft);color:var(--ink)}.comment-thread{padding-left:51px;margin-top:10px}.comment{display:flex;gap:8px;margin:9px 0}.comment .avatar{width:30px;height:30px;border-radius:9px;font-size:.68rem}.comment-bubble{background:var(--soft);padding:8px 11px;border-radius:12px;max-width:90%}.comment-bubble strong{display:block;font-size:.8rem}.comment-bubble p{margin:2px 0 0}.comment-form{display:flex;gap:6px;margin-top:8px}.comment-form input{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 10px}.comment-form button{border:0;background:var(--ink);color:var(--paper);border-radius:10px;padding:8px 12px;font-weight:700}
.world-stage{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:15px}.world-map{height:480px;border:1px solid var(--line);border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(160deg,#badb91,#d9e9a7 45%,#a7cad0);box-shadow:inset 0 0 0 8px rgba(255,255,255,.2)}.world-map:before,.world-map:after{content:"";position:absolute;border-radius:50%;background:#7fac79;opacity:.8}.world-map:before{width:220px;height:220px;left:-70px;top:-50px}.world-map:after{width:150px;height:150px;right:30px;bottom:-55px}.map-road{position:absolute;background:#e9dfc5;border:2px solid rgba(23,36,56,.12);border-radius:12px;transform-origin:left center}.road-a{width:110%;height:54px;left:-5%;top:220px;transform:rotate(-5deg)}.road-b{width:460px;height:46px;left:42%;top:130px;transform:rotate(64deg)}.road-c{width:350px;height:40px;left:2%;top:80px;transform:rotate(34deg)}.map-place{position:absolute;border:2px solid #172438;background:#fffdf4;border-radius:14px;padding:8px 10px;box-shadow:5px 6px 0 rgba(23,36,56,.16);text-align:left;z-index:3;min-width:110px}.map-place span{display:inline-grid;width:26px;height:26px;background:var(--lime);border-radius:7px;place-items:center;margin-right:5px}.map-place b,.map-place small{display:block}.map-place b{font-size:.74rem}.map-place small{font-size:.64rem;color:#5d6672}.map-place:hover{transform:translateY(-2px)}.map-place.home{left:10%;top:52%}.map-place.logistics{left:56%;top:16%}.map-place.university{left:68%;top:68%}.map-place.commons{left:38%;top:43%}.map-place.park{left:18%;top:18%}.place-panel{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:22px}.place-panel .place-symbol{width:64px;height:64px;border-radius:17px;background:var(--lime);color:#172438;display:grid;place-items:center;font-size:1.7rem;font-weight:900;margin-bottom:18px}.place-panel ul{padding:0;list-style:none}.place-panel li{padding:9px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.place-panel button{width:100%;margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 13px}.section-head h2,.section-head h3{margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.world-card,.community-card,.course-card,.business-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:17px;min-height:170px}.world-card .icon,.community-card .icon,.course-card .icon,.business-card .icon{width:45px;height:45px;border-radius:13px;background:var(--soft);display:grid;place-items:center;font-size:1.15rem;margin-bottom:20px}.world-card p,.community-card p,.course-card p,.business-card p{font-size:.82rem;color:var(--muted)}.world-card footer,.community-card footer,.course-card footer,.business-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:.75rem;color:var(--muted)}
.spotlight{background:linear-gradient(125deg,var(--ink),#314760);color:var(--paper);border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;min-height:220px}.spotlight .eyebrow{color:var(--lime)}.spotlight h2{font-size:2.1rem}.spotlight p:not(.eyebrow){max-width:650px;color:#dce2e6}.spotlight .primary{background:var(--lime);color:#172438;border-color:var(--lime);white-space:nowrap}.stack{display:flex;gap:15px;font-size:.78rem;color:#dce2e6}.community-card{display:flex;flex-direction:column}.community-card button{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:7px 10px;font-weight:700}.community-card button.joined{background:var(--lime);color:#172438;border-color:#b7c20f}
.progress-banner{display:flex;align-items:center;gap:20px;background:var(--ink);color:var(--paper);border-radius:20px;padding:25px}.big-stat{font-family:'Space Grotesk';font-size:3rem;font-weight:800}.progress-banner p{color:#ccd5dc;margin:2px 0}.progress-ring{margin-left:auto;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) 74%,#3b4a5b 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--ink)}.progress-ring span{z-index:1;font-weight:800}.course-card{position:relative}.course-card .course-progress{height:6px;border-radius:9px;background:var(--soft);overflow:hidden;margin-top:18px}.course-card .course-progress i{display:block;height:100%;background:var(--lime)}.recognition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recognition{border:2px solid #172438;border-radius:14px;background:#f4e36c;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:5px 6px 0 #172438}.recognition .seal{width:46px;height:46px;border-radius:50%;border:2px solid #172438;display:grid;place-items:center;font-weight:900}.recognition small{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.62rem}
.create-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr);gap:16px}.create-card,.create-types{border:1px solid var(--line);background:var(--panel);border-radius:19px;padding:20px}.create-title{display:flex;align-items:center;gap:11px}.create-title div{display:flex;flex-direction:column}.create-title small{color:var(--muted)}.create-title small button{border:0;background:transparent;color:var(--green);padding:0;font-weight:700}.create-card textarea{width:100%;min-height:210px;resize:vertical;border:0;outline:0;background:transparent;font-size:1.2rem;padding:22px 4px}.create-tools{display:flex;gap:6px;flex-wrap:wrap;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.create-tools button{border:0;background:var(--soft);border-radius:9px;padding:7px 9px;font-size:.78rem;font-weight:650}.create-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;color:var(--muted)}.object-attachment{background:var(--soft);border-radius:13px;padding:11px}.create-types h3{margin-bottom:14px}.create-types>button{width:100%;border:0;background:transparent;border-radius:12px;display:grid;grid-template-columns:38px 1fr;text-align:left;padding:9px;gap:0 10px}.create-types>button:hover{background:var(--soft)}.create-types>button span{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:var(--soft);display:grid;place-items:center}.create-types>button b{font-size:.82rem}.create-types>button small{font-size:.72rem;color:var(--muted)}
.messages-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:560px;background:var(--panel)}.conversation-list{border-right:1px solid var(--line)}.conversation-item{display:flex;gap:9px;width:100%;padding:13px;border:0;background:transparent;text-align:left;border-bottom:1px solid var(--line)}.conversation-item:hover,.conversation-item.active{background:var(--soft)}.conversation-item .avatar{width:38px;height:38px;border-radius:11px}.conversation-item div{min-width:0}.conversation-item strong{display:block}.conversation-item small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation{display:flex;flex-direction:column}.conversation-head{padding:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.message-stream{flex:1;padding:18px;overflow:auto;max-height:460px}.message{max-width:75%;background:var(--soft);border-radius:14px 14px 14px 4px;padding:9px 12px;margin:8px 0}.message.mine{margin-left:auto;background:var(--ink);color:var(--paper);border-radius:14px 14px 4px 14px}.message time{display:block;font-size:.62rem;opacity:.65;margin-top:4px}.message-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.message-form input{flex:1;border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--paper)}.message-form button{border:0;background:var(--lime);color:#172438;border-radius:11px;padding:0 16px;font-weight:800}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.event-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.event-art{height:140px;background:linear-gradient(135deg,var(--warm),var(--lime-2));display:flex;align-items:flex-end;padding:14px}.event-art span{background:#172438;color:#fffdf4;border-radius:10px;padding:7px 9px;font-size:.72rem;font-weight:800}.event-body{padding:16px}.event-meta{color:var(--green);font-weight:800;font-size:.72rem;letter-spacing:.04em}.event-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.event-footer button{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:7px 10px;font-weight:700}.event-footer button.going{background:var(--lime);color:#172438}.work-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.work-summary div{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:15px}.work-summary span{display:block;color:var(--muted);font-size:.72rem}.work-summary b{font-family:'Space Grotesk';font-size:1.8rem}.job-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.job{padding:15px 17px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.job:last-child{border-bottom:0}.job .icon{width:46px;height:46px;border-radius:12px;background:var(--soft);display:grid;place-items:center}.job p{margin:2px 0;color:var(--muted);font-size:.78rem}.job button{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:7px 10px;font-weight:700}
.profile-hero{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}.cover-pattern{height:170px;background:radial-gradient(circle at 20% 30%,var(--lime) 0 8%,transparent 8.5%),radial-gradient(circle at 70% 70%,var(--lime) 0 6%,transparent 6.5%),linear-gradient(135deg,#172438,#344d6b)}.profile-main{display:flex;gap:18px;padding:0 22px 22px;align-items:flex-start}.profile-main .giant{margin-top:-54px}.profile-main>div{flex:1;padding-top:15px}.profile-main h1{font-size:2rem;margin-bottom:2px}.profile-main p{margin-bottom:6px;color:var(--muted)}.profile-main .button{margin-top:18px}.profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.profile-tags span{background:var(--soft);border-radius:99px;padding:5px 9px;font-size:.72rem}.profile-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);overflow:auto;margin-top:12px}.profile-tabs button{border:0;background:transparent;padding:11px 12px;color:var(--muted);font-weight:700;white-space:nowrap}.profile-tabs button.active{color:var(--ink);border-bottom:3px solid var(--lime)}.timeline{position:relative;margin:26px 10px 0 18px;padding-left:28px}.timeline:before{content:"";position:absolute;left:6px;top:5px;bottom:0;width:2px;background:var(--line)}.timeline-item{position:relative;margin-bottom:24px}.timeline-item:before{content:"";position:absolute;left:-28px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--lime);border:2px solid var(--ink)}.timeline-item time{font-size:.72rem;color:var(--green);font-weight:800}.timeline-item p{color:var(--muted)}.privacy-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:20px}.privacy-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.privacy-row:last-child{border-bottom:0}.privacy-row p{margin:2px 0;color:var(--muted);font-size:.78rem}.privacy-row select{border:1px solid var(--line);background:var(--soft);padding:7px 9px;border-radius:8px}
.right-rail{padding:88px 16px 30px;position:sticky;top:0;height:100vh;overflow:auto}.rail-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:14px;margin-bottom:13px}.rail-card .section-head{margin:0 0 10px}.rail-item{display:flex;gap:9px;align-items:center;padding:9px 3px}.rail-item .avatar{width:36px;height:36px;border-radius:10px}.rail-item div{flex:1;min-width:0}.rail-item strong{display:block;font-size:.8rem}.rail-item small{display:block;color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-item button{border:0;background:var(--soft);border-radius:8px;padding:5px 7px;font-size:.7rem;font-weight:700}.trend{padding:9px 2px;border-bottom:1px solid var(--line)}.trend:last-child{border-bottom:0}.trend small{color:var(--muted);font-size:.68rem}.trend strong{display:block;font-size:.8rem}.rail-footer{font-size:.66rem;color:var(--muted);padding:0 5px}.world-now-line{display:flex;justify-content:space-between;gap:10px;padding:8px 3px;border-bottom:1px solid var(--line);font-size:.76rem}.world-now-line:last-child{border:0}.world-now-line span:last-child{color:var(--green);font-weight:700}
.mobile-nav{display:none}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--ink);color:var(--paper);border-radius:11px;padding:10px 15px;z-index:90;box-shadow:var(--shadow);transition:.25s;max-width:90%;font-weight:650}.toast.show{transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:rgba(5,11,18,.55);z-index:80;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(620px,100%);max-height:85vh;overflow:auto;background:var(--panel);border-radius:20px;padding:24px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-close{position:absolute;right:12px;top:10px;border:0;background:var(--soft);width:34px;height:34px;border-radius:9px;font-size:1.3rem}
@media(max-width:1180px){:root{--right:270px;--rail:190px}.left-rail{padding-left:10px;padding-right:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){:root{--rail:74px}.app-shell{grid-template-columns:var(--rail) minmax(0,1fr)}.right-rail{display:none}.left-rail .logo b,.left-rail nav em,.profile-chip span:nth-child(2),.profile-chip b:last-child{display:none}.left-rail .logo{justify-content:center;padding-left:0;padding-right:0}.left-rail nav a{justify-content:center}.left-rail nav a.active:after{left:-10px}.profile-chip{justify-content:center}.main-column{border-right:0}}
@media(max-width:720px){body{font-size:14px;padding-bottom:67px}.app-shell{display:block}.left-rail{display:none}.topbar{height:62px;padding:0 12px}.mobile-brand{display:flex;align-items:center;gap:7px;font-family:'Space Grotesk';font-size:.75rem;letter-spacing:.08em}.search-box{max-width:none;min-width:0}.search-box kbd{display:none}.mobile-menu{display:block!important}.top-actions #notificationToggle{display:none}.view{padding:24px 14px 82px;min-height:calc(100vh - 62px)}.page-head{flex-direction:column;margin-bottom:20px}.page-head h1{font-size:2.4rem}.page-head .button,.page-head .primary{align-self:flex-start}.composer-mini{padding:13px 0}.post-body,.post-actions,.comment-thread{padding-left:0}.post-body{margin-top:12px}.post-actions{justify-content:space-between}.post-actions button{padding:7px}.world-stage{grid-template-columns:1fr}.world-map{height:420px}.place-panel{display:none}.map-place{min-width:90px;padding:6px}.map-place.commons{left:34%}.map-place.university{left:61%}.card-grid{grid-template-columns:1fr}.recognition-grid{grid-template-columns:1fr}.spotlight{align-items:flex-start;flex-direction:column;padding:23px}.create-layout{grid-template-columns:1fr}.messages-layout{grid-template-columns:1fr;min-height:600px}.conversation-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.conversation-item{min-width:190px;border-bottom:0;border-right:1px solid var(--line)}.event-grid{grid-template-columns:1fr}.work-summary{grid-template-columns:1fr 1fr}.job{grid-template-columns:42px 1fr}.job>button{grid-column:2;justify-self:start}.profile-main{flex-wrap:wrap}.profile-main>div{min-width:calc(100% - 130px)}.profile-main .button{margin-left:126px;margin-top:0}.cover-pattern{height:125px}.avatar.giant{width:92px;height:92px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:67px;background:color-mix(in srgb,var(--paper) 95%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:1rem}.mobile-nav em{font-style:normal;font-size:.6rem;color:var(--muted)}.mobile-nav a.active span{background:var(--lime);color:#172438;border-radius:8px;padding:2px 8px}.search-results{left:12px;width:calc(100% - 24px);top:56px}.notification-panel{display:none}.gate-card{padding:28px 22px;box-shadow:9px 10px 0 #172438}.gate-card h1{font-size:2.6rem}}
@media(max-width:430px){.topbar .search-box{height:38px}.topbar .search-box span{display:none}.mobile-brand b{display:none}.world-map{height:360px}.map-place{transform:scale(.88)}.map-place.home{left:4%;top:55%}.map-place.logistics{left:50%;top:15%}.map-place.university{left:55%;top:70%}.map-place.commons{left:30%;top:43%}.map-place.park{left:10%;top:18%}.work-summary{grid-template-columns:1fr 1fr}.profile-main>div{min-width:100%;padding-top:0}.profile-main .button{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}