:root{--bg:#070b18;--bg2:#10182d;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.12);--text:#f6f8ff;--muted:#9eabc8;--line:rgba(255,255,255,.12);--brand:#7c5cff;--brand2:#23d5ab;--danger:#ff5f7d;--warn:#ffd166;--ok:#30d158;--shadow:0 24px 70px rgba(0,0,0,.35);--radius:24px;--radius2:16px;--max:1480px;color-scheme:dark}html[data-theme=light]{--bg:#f5f7fb;--bg2:#ffffff;--panel:rgba(255,255,255,.85);--panel2:#fff;--text:#142033;--muted:#647189;--line:rgba(20,32,51,.12);--brand:#5f46ff;--brand2:#00a886;--shadow:0 24px 60px rgba(63,76,110,.14);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(124,92,255,.34),transparent 32rem),radial-gradient(circle at top right,rgba(35,213,171,.18),transparent 28rem),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:40;background:rgba(7,11,24,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}html[data-theme=light] .topbar{background:rgba(255,255,255,.78)}.topbar-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:18px;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-weight:900;font-size:24px;color:#fff;box-shadow:0 12px 30px rgba(124,92,255,.35)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:17px}.brand-copy small,.muted{color:var(--muted)}.top-search{flex:1;max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:10px 14px;display:flex;gap:10px;align-items:center}.top-search input{all:unset;width:100%;font-size:14px}.nav{display:flex;align-items:center;gap:6px}.nav-item,.icon-button,.theme-toggle{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:8px;position:relative;cursor:pointer;font:inherit}.nav-item:hover,.nav-item.active,.icon-button:hover,.theme-toggle:hover{background:var(--panel);color:var(--text);border-color:var(--line)}.nav-icon{font-size:18px}.nav-badge{position:absolute;top:1px;right:2px;background:var(--danger);color:white;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:grid;place-items:center}.nav-more{position:relative}.nav-more summary{list-style:none}.more-menu{position:absolute;right:0;top:52px;width:240px;background:rgba(15,23,42,.96);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow)}html[data-theme=light] .more-menu{background:#fff}.more-link{display:flex;gap:10px;padding:11px;border-radius:13px;color:var(--muted)}.more-link:hover,.more-link.active{background:var(--panel);color:var(--text)}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar-button img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}.main{max-width:var(--max);margin:auto;padding:24px 22px 92px}.footer{border-top:1px solid var(--line);margin-top:30px}.footer-inner{max-width:var(--max);margin:auto;padding:22px;display:flex;gap:16px;justify-content:space-between;color:var(--muted);align-items:center}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:72vh}.hero h1{font-size:clamp(42px,6vw,86px);line-height:.92;margin:12px 0;letter-spacing:-.06em}.hero p{font-size:19px;color:var(--muted);max-width:720px}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.glass,.card,.hero-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:24px;min-height:180px}.hero-orb{height:430px;border-radius:36px;background:radial-gradient(circle at 30% 20%,#fff6,transparent 11rem),linear-gradient(135deg,var(--brand),#19233f 50%,var(--brand2));position:relative;overflow:hidden}.hero-orb:before,.hero-orb:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.12)}.hero-orb:before{width:280px;height:280px;right:-80px;top:-40px}.hero-orb:after{width:220px;height:220px;left:-60px;bottom:-70px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn,button.btn{border:0;border-radius:15px;padding:12px 18px;background:linear-gradient(135deg,var(--brand),#8c78ff);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 28px rgba(124,92,255,.28)}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn.ghost,.ghost{background:var(--panel);box-shadow:none;color:var(--text);border:1px solid var(--line)}.btn.small{padding:9px 12px;border-radius:12px;font-size:13px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:22px;align-items:start}.sidebar{position:sticky;top:88px}.card{padding:18px;margin-bottom:18px}.feed{min-width:0}.mini-profile{padding:20px;border-radius:var(--radius);background:linear-gradient(160deg,rgba(124,92,255,.22),rgba(35,213,171,.10));border:1px solid var(--line);margin-bottom:14px;text-align:center}.mini-profile img{width:82px;height:82px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:4px solid rgba(255,255,255,.13)}.side-link{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:15px;color:var(--muted);margin:4px 0}.side-link:hover,.side-link.active{background:var(--panel);color:var(--text)}.composer textarea,.form textarea,.chat-form textarea{width:100%;min-height:92px;resize:vertical;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;color:var(--text);padding:15px;font:inherit;outline:none}.composer textarea:focus,input:focus,select:focus,.form textarea:focus{border-color:rgba(124,92,255,.8);box-shadow:0 0 0 4px rgba(124,92,255,.14)}input,select{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:11px 12px;font:inherit}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff}.composer-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;margin-top:12px}.composer-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tool-pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:13px}.post{overflow:hidden}.post-head{display:flex;gap:12px;align-items:center}.post-head img,.comment img{width:44px;height:44px;border-radius:50%;object-fit:cover}.post p{line-height:1.62}.post-img{width:100%;max-height:620px;object-fit:cover;border-radius:22px;margin:14px 0;border:1px solid var(--line)}.post-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:10px;border-top:1px solid var(--line)}.chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 11px;color:var(--text);font:inherit;cursor:pointer}.danger-chip{color:#fff;background:rgba(255,95,125,.18);border-color:rgba(255,95,125,.35)}.comment{display:flex;gap:10px;background:rgba(255,255,255,.05);padding:11px;border-radius:16px;margin:10px 0}.comment p{margin:.2rem 0 0}.comment-form{display:flex;gap:8px}.comment-form input{flex:1}.shared-post{border-left:3px solid var(--brand);padding:12px 16px;background:rgba(124,92,255,.1);border-radius:14px;margin:12px 0}.stories-strip{display:flex;gap:12px;overflow:auto;padding-bottom:8px}.story-card{min-width:126px;height:190px;border-radius:22px;padding:12px;background:linear-gradient(160deg,var(--brand),var(--brand2));display:flex;align-items:end;color:#fff;position:relative;overflow:hidden}.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.story-card span{position:relative;font-weight:800;text-shadow:0 2px 10px #000}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-grid a{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:14px;text-align:center}.eyebrow{color:var(--brand2);text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px}.compact-card h3{margin:.25rem 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:18px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}.stat strong{font-size:28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.person,.item-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--line);margin:8px 0}.person img,.item-card img{width:54px;height:54px;border-radius:18px;object-fit:cover}.person.active{outline:2px solid var(--brand)}.messages-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.chat{min-height:70vh;display:flex;flex-direction:column}.chat-box{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px;background:rgba(0,0,0,.12);border-radius:22px;border:1px solid var(--line)}.bubble{max-width:72%;padding:12px 14px;border-radius:18px;background:var(--panel);align-self:flex-start}.bubble.mine{background:linear-gradient(135deg,var(--brand),#6d5dfc);color:white;align-self:flex-end}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.form{display:grid;gap:12px}.flash{margin:0 0 16px;padding:13px 16px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}.flash.success{border-color:rgba(48,209,88,.42)}.flash.error{border-color:rgba(255,95,125,.45)}.profile-hero{height:260px;border-radius:30px;background:linear-gradient(135deg,var(--brand),var(--brand2));position:relative;margin-bottom:72px;overflow:hidden}.profile-hero img.cover{width:100%;height:100%;object-fit:cover}.profile-avatar{position:absolute;bottom:-58px;left:32px;width:124px;height:124px;border-radius:50%;border:6px solid var(--bg2);object-fit:cover}.profile-title{position:absolute;left:176px;bottom:22px;text-shadow:0 2px 16px rgba(0,0,0,.5)}.mobile-tabbar{display:none}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video-tile{aspect-ratio:9/16;border-radius:26px;background:linear-gradient(160deg,rgba(124,92,255,.9),rgba(35,213,171,.7));padding:18px;display:flex;align-items:end;box-shadow:var(--shadow);overflow:hidden}.video-tile strong{font-size:22px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-list .card{margin:0}.logout-link{color:var(--muted)}@media (max-width:1180px){.layout{grid-template-columns:230px minmax(0,1fr)}.rightbar{display:none}.primary-nav .nav-text{display:none}.top-search{max-width:none}.composer-actions{grid-template-columns:1fr 1fr}}@media (max-width:820px){.topbar-inner{padding:12px}.brand-copy small,.primary-nav,.top-search,.sidebar,.rightbar{display:none}.brand{min-width:auto}.main{padding:16px 12px 90px}.layout,.messages-layout,.hero{grid-template-columns:1fr}.hero{min-height:auto}.hero h1{font-size:46px}.hero-grid,.feature-list,.stat-grid,.kanban{grid-template-columns:1fr}.composer-actions{grid-template-columns:1fr}.post-actions{overflow:auto;flex-wrap:nowrap}.comment-form,.chat-form{grid-template-columns:1fr}.bubble{max-width:88%}.mobile-tabbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:50;background:rgba(15,23,42,.88);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:var(--shadow);padding:8px}html[data-theme=light] .mobile-tabbar{background:rgba(255,255,255,.9)}.mobile-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:18px}.mobile-tabbar span{font-size:10px}.footer-inner{display:block;text-align:center}.user-menu{margin-left:auto}}