:root{--primary:#6574f6;--bg:#f0f2f6;--card:#fff;--text:#111827;--muted:#667085;--line:#e5e7ef;--purple:#6100b8;--pink:#fb4f7f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.web-topbar{height:56px;background:#fff;display:grid;grid-template-columns:220px 1fr 220px;gap:20px;align-items:center;padding:0 22px;position:sticky;top:0;z-index:10}.brand{font-size:24px;font-weight:900;color:var(--primary)}.search input{width:100%;height:38px;border:0;background:#f1f1f1;border-radius:8px;padding:0 18px}.top-icons{display:flex;justify-content:flex-end;gap:18px}.top-icons img{width:22px}.web-layout{display:grid;grid-template-columns:205px minmax(420px,1fr) 205px;gap:16px;padding:14px 22px}.web-sidebar,.right-sidebar section,.feed section{background:var(--card);border-radius:10px}.web-sidebar{padding:10px;height:calc(100vh - 84px);overflow:auto}.web-sidebar a{display:flex;gap:10px;align-items:center;padding:9px 8px;border-radius:8px;font-size:13px;color:#253060}.web-sidebar a:first-child{background:#e9edf5;color:#315cf4}.web-sidebar img{width:18px}.feed{display:grid;gap:14px}.release-card{position:relative;background:var(--pink)!important;color:white;padding:18px}.release-card button,.welcome button{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:25px;color:inherit}.release-card strong{display:block;margin-bottom:10px}.stories{padding:16px}.stories h2{font-size:14px;margin:0 0 12px}.story{width:74px;height:106px;background:#cdc0ff;border-radius:9px;display:grid;place-items:center;position:relative}.story img{width:62px}.story span{position:absolute;bottom:-11px;background:white;color:var(--primary);width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:28px}.composer{display:flex;gap:12px;align-items:center;padding:12px}.composer img{width:28px}.composer input{border:0;outline:0;width:100%}.welcome{position:relative;display:flex;gap:12px;align-items:center;padding:14px;border-left:2px solid #ff9f3f}.welcome img{width:36px}.welcome strong{font-size:13px}.welcome p{margin:2px 0 0;font-size:12px}.empty-state{display:grid;place-items:center;min-height:220px;color:#253060}.empty-state img{width:70px}.right-sidebar{display:grid;align-content:start;gap:14px}.right-sidebar section{padding:14px}.merit{text-align:center}.merit p{font-size:12px}.merit button{border:0;background:var(--primary);color:white;border-radius:5px;padding:9px 16px;font-weight:800}.promoted{background:var(--purple)!important;color:white}.promoted h3,.suggested h3{margin:0 0 12px;font-size:14px}.promoted img{width:52px;border-radius:50%;margin-right:12px}.suggested p{display:flex;align-items:center;gap:10px;color:#315cf4;font-weight:700;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:9px}.suggested img{width:28px}