@import url("social-v100.css");
@import url("social-v110.css");
@import url("social-v120.css");
@import url("social-v131.css");

:root{--c-bg:#f4f7fb;--c-card:#fff;--c-text:#152033;--c-muted:#6d7a8b;--c-line:#e3e9f1;--c-navy:#10233f;--c-blue:#2363aa;--c-soft:#eef4fb;--c-shadow:0 14px 40px rgba(16,35,63,.08)}
.v140-body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.v140-topbar{height:70px;background:#fff;border-bottom:1px solid var(--c-line);display:grid;grid-template-columns:auto minmax(250px,440px) auto auto;gap:22px;align-items:center;padding:0 clamp(18px,3vw,46px);position:sticky;top:0;z-index:70}.v140-topbar .brand{display:flex;gap:9px;align-items:center;text-decoration:none}.v140-topbar .brand>span{width:38px;height:38px;border-radius:11px;background:var(--c-navy);color:#fff;display:grid;place-items:center;font-weight:850}.v140-topbar .brand div{display:flex;flex-direction:column}.v140-topbar .brand small{font-size:.61rem;color:var(--c-muted)}.v140-topbar .search{height:40px;border:1px solid var(--c-line);border-radius:999px;background:#f8fafc;display:flex;align-items:center;gap:8px;padding:0 13px}.v140-topbar .search input{border:0;background:transparent;outline:0;width:100%;font:inherit}.v140-topbar nav{display:flex;gap:17px}.v140-topbar nav a{text-decoration:none;font-size:.87rem;font-weight:680;position:relative}.v140-topbar nav .story{color:var(--c-blue)}.v140-topbar nav i{position:absolute;top:-12px;right:-12px;background:#d92d20;color:#fff;border-radius:999px;padding:2px 5px;font-size:.56rem;font-style:normal}.v140-topbar .account{display:flex;align-items:center;gap:9px}.v140-topbar .create{background:var(--c-navy);color:#fff;padding:10px 13px;border-radius:999px;text-decoration:none;font-weight:780}.v140-topbar .avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--c-soft);text-decoration:none;font-weight:850;overflow:hidden}.v140-topbar .avatar img{width:100%;height:100%;object-fit:cover}
.v140-layout{max-width:1500px;margin:24px auto 90px;padding:0 22px;display:grid;grid-template-columns:250px minmax(0,720px) 300px;gap:22px;align-items:start}.v140-layout>.left,.v140-layout>.right{position:sticky;top:94px;display:grid;gap:16px}.v140-layout>.center{display:grid;gap:16px}
.onboarding-card{background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:18px;box-shadow:var(--c-shadow)}.onboarding-head{display:flex;justify-content:space-between;align-items:end}.onboarding-head h2{margin:4px 0}.onboarding-head strong{font-size:1.35rem;color:var(--c-blue)}.progress{height:7px;background:#edf2f7;border-radius:999px;overflow:hidden;margin:12px 0 15px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#2363aa,#4b86c4);border-radius:999px}.onboarding-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.onboarding-steps a{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px;border-radius:12px;background:#f8fafc;text-decoration:none}.onboarding-steps a>span{width:32px;height:32px;border-radius:50%;background:#e9f1fb;color:var(--c-blue);display:grid;place-items:center;font-weight:850}.onboarding-steps a.done>span{background:#e2f5e9;color:#158447}.onboarding-steps div{display:flex;flex-direction:column}.onboarding-steps b{font-size:.8rem}.onboarding-steps small{font-size:.68rem;color:var(--c-muted);margin-top:2px}
.empty-actions{display:flex;gap:8px;flex-wrap:wrap}
.v140-post{background:#fff;border:1px solid var(--c-line);border-radius:18px;overflow:hidden;box-shadow:var(--c-shadow)}.v140-post>header{display:flex;gap:10px;align-items:center;padding:15px}.v140-post .post-avatar{width:43px;height:43px;border-radius:50%;background:var(--c-soft);display:grid;place-items:center;text-decoration:none;font-weight:850;overflow:hidden}.v140-post .post-avatar img{width:100%;height:100%;object-fit:cover}.v140-post .author{display:flex;flex-direction:column;flex:1}.v140-post .author a{text-decoration:none}.v140-post .author small{color:var(--c-muted);font-size:.75rem}.v140-post .story-label{font-size:.62rem;background:#eaf2ff;color:var(--c-blue);padding:5px 8px;border-radius:999px;font-weight:850}.v140-post .post-menu summary{cursor:pointer;list-style:none}.v140-post .post-menu div{position:absolute;background:#fff;border:1px solid var(--c-line);border-radius:10px;padding:6px;box-shadow:var(--c-shadow);z-index:20}.v140-post .post-menu a{display:block;padding:7px 9px;text-decoration:none;font-size:.78rem}.v140-post .post-text{padding:0 16px 15px;line-height:1.6}.v140-post .story-post{position:relative;min-height:350px;background:#0d1727}.v140-post .story-post>img{width:100%;height:420px;object-fit:cover;opacity:.8}.v140-post .story-placeholder{height:380px;display:grid;place-items:center;background:linear-gradient(135deg,#1b3d69,#0d1727);color:#fff;font-size:4rem}.v140-post .overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;background:linear-gradient(transparent 25%,rgba(4,14,28,.93))}.v140-post .overlay h2{margin:5px 0}.v140-post .overlay p{color:#d9e4ef}.v140-post .overlay a{align-self:flex-start;background:#fff;color:var(--c-navy);padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:850}.v140-post footer{border-top:1px solid var(--c-line)}.v140-post footer .stats{display:flex;justify-content:space-between;padding:8px 15px;color:var(--c-muted);font-size:.76rem}.v140-post footer .actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--c-line);padding:7px}.v140-post footer a,.v140-post footer button{border:0;background:transparent;text-align:center;padding:9px;text-decoration:none;color:var(--c-muted);font-weight:680;cursor:pointer}
.notifications-shell{max-width:850px;margin:30px auto 90px;padding:0 18px}.notifications-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.notifications-head h1{margin:4px 0}.notifications-head p{color:var(--c-muted);margin:0}.notifications-head>a{color:var(--c-blue);font-weight:750;text-decoration:none}.notification-list{display:grid;gap:9px}.notification-item{background:#fff;border:1px solid var(--c-line);border-radius:14px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-decoration:none;box-shadow:0 8px 24px #10233f0b}.notification-item.unread{border-left:4px solid var(--c-blue)}.notification-item .icon{width:42px;height:42px;border-radius:12px;background:var(--c-soft);display:grid;place-items:center}.notification-item div{display:flex;flex-direction:column}.notification-item small{color:var(--c-muted);margin-top:3px}.notification-item>i{width:9px;height:9px;border-radius:50%;background:var(--c-blue)}
.settings-shell{max-width:800px;margin:32px auto 90px;padding:0 18px}.settings-card{background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:24px;box-shadow:var(--c-shadow)}.settings-card h1{margin:5px 0}.settings-card>p{color:var(--c-muted)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--c-line)}.setting-row>span{display:flex;flex-direction:column}.setting-row small{color:var(--c-muted);margin-top:3px}.setting-row input{width:20px;height:20px}.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.settings-actions button{background:var(--c-navy);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:750}.settings-actions a{padding:10px 13px;border:1px solid var(--c-line);border-radius:10px;text-decoration:none}
.v140-mobile{display:none}
@media(max-width:1180px){.v140-layout{grid-template-columns:220px minmax(0,1fr)}.v140-layout>.right{display:none}.v140-topbar{grid-template-columns:auto 1fr auto}.v140-topbar .search{display:none}}
@media(max-width:820px){.v140-body{padding-bottom:76px}.v140-topbar{height:60px;grid-template-columns:1fr auto;padding:0 14px}.v140-topbar nav,.v140-topbar .create,.v140-topbar .brand small{display:none}.v140-layout{display:block;margin:12px auto;padding:0 10px}.v140-layout>.left{display:none}.onboarding-steps{grid-template-columns:1fr}.v140-mobile{position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--c-line);display:grid;grid-template-columns:repeat(5,1fr);z-index:90}.v140-mobile a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--c-muted);font-size:.66rem}.v140-mobile b{font-size:1.2rem;position:relative}.v140-mobile .main b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--c-navy);color:#fff;margin-top:-17px}.v140-mobile i{position:absolute;right:-10px;top:-5px;background:#d92d20;color:#fff;border-radius:999px;min-width:16px;height:16px;font:700 .54rem/16px system-ui}}
