:root{--bg:#fff;--surface:#fff;--text:#17191a;--muted:#62676a;--border:#e1e4e6;--accent:#5548d9;--danger:#ba1a1a;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);margin:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}.content{border-right:1px solid var(--border);background:#fff;width:660px;max-width:100%;min-height:100vh}.pageHeader{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff0;padding:15px 18px;position:sticky;top:0}.pageHeader h1{margin:0;font-size:22px}.brandHeader h1{align-items:center;gap:9px;animation:.65s both brandIn;display:flex}.brandHeader i{background:linear-gradient(135deg,#5548d9,#da3b63);border-radius:50%;width:9px;height:9px}@keyframes brandIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.tabs{border-bottom:1px solid var(--border);padding:0 10px;display:flex;overflow:auto}.tab{white-space:nowrap;color:var(--muted);background:0 0;border:0;padding:15px 14px}.tab.active{color:var(--text);border-bottom:2px solid var(--accent);font-weight:700}.primary,.secondary{border-radius:999px;min-height:42px;padding:9px 18px;font-weight:700}.primary{color:#fff;background:#111;border:1px solid #111}.secondary{background:#fff;border:1px solid #b8bdc0}.primary:disabled,.secondary:disabled{opacity:.45;cursor:default}.iconButton{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.iconButton:hover{background:#f1f2f3}.textButton{color:var(--accent);background:0 0;border:0;padding:12px}.empty,.error{text-align:center;color:var(--muted);padding:56px 24px}.error{color:var(--danger)}.formError{color:var(--danger);font-size:14px}.muted{color:var(--muted);font-weight:400}.avatarImage{object-fit:cover;border-radius:50%;flex:none;display:block}.avatarFallback{background:#e7e9eb;border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.overlay{z-index:200;background:#0007;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.overlay dialog{border:1px solid var(--border);background:#fff;border-radius:18px;width:min(590px,100%);max-height:92dvh;padding:24px;position:relative;overflow:auto}.overlay dialog>header{align-items:center;gap:10px;display:flex}.overlay h2{margin:0 0 10px;font-size:24px}.overlay form,.overlay label{gap:6px;display:grid}.overlay form{gap:14px}.overlay input,.overlay textarea,.overlay select{background:#fff;border:1px solid #c9cdcf;border-radius:12px;width:100%;padding:11px 13px;font-size:16px}.overlay textarea{resize:vertical}.dialogClose{position:absolute;top:8px;right:8px}.dialogActions{justify-content:flex-end;gap:10px;display:flex}.typeSwitch{gap:7px;margin:12px 0;display:flex}.typeSwitch button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 18px}.typeSwitch .active{color:#fff;background:#111}.composerAuthor{align-items:center;gap:10px;display:flex}.composerDialog footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;display:flex}.composerDialog .mobilePublish{display:none}.imagePreview img,.uploadPreview{object-fit:cover;border-radius:12px;width:100%;max-height:240px;display:block}.imagePreview button{margin-top:8px}.uploadPreview.round{border-radius:50%;width:80px;height:80px}.toast{z-index:300;color:#fff;background:#111;border-radius:999px;padding:11px 18px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0003}.sk{background:linear-gradient(90deg,#eceeef 25%,#f7f8f8 45%,#eceeef 65%) 0 0/300%;animation:1.4s infinite shimmer;display:block}.sk.avatar{border-radius:50%;width:42px;height:42px}.sk.line{border-radius:7px;height:11px;margin:7px 0}.postSkeleton{border-bottom:1px solid var(--border);grid-template-columns:42px 1fr;gap:12px;padding:16px;display:grid}.sk.image{border-radius:14px;height:230px;margin-top:13px}.skActions{justify-content:space-between;margin-top:16px;display:flex}.sk.dot{border-radius:50%;width:24px;height:24px}.categorySkeleton{border-bottom:1px solid var(--border);gap:8px;padding:11px 14px;display:flex}.sk.pill{border-radius:999px;height:36px}.commentSkeleton,.notificationSkeleton{border-bottom:1px solid var(--border);grid-template-columns:42px 1fr;gap:12px;padding:16px;display:grid}.notificationSkeleton{grid-template-columns:24px 40px 1fr}.profileCover{height:180px}.profileAvatar{border:4px solid #fff;border-radius:50%;width:92px;height:92px;margin:-46px 0 12px 18px}.profileLines{padding:0 18px 18px}.srOnly{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes shimmer{to{background-position:-150% 0}}@media (max-width:900px){.content{width:100%;padding-bottom:calc(76px + env(safe-area-inset-bottom));border:0}.toast{bottom:calc(82px + env(safe-area-inset-bottom))}}@media (max-width:600px){.overlay{align-items:end;padding:0}.overlay dialog{width:100%;max-height:100dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.composerOverlay{align-items:stretch}.composerOverlay .composerDialog{border-radius:0;height:100dvh;max-height:none}.composerDialog>header{z-index:2;background:#fff;padding:8px 0;position:sticky;top:-18px}.composerDialog .mobilePublish{margin-left:auto;display:block}.composerDialog .desktopPublish{display:none}.toast{white-space:nowrap;max-width:90%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}.sk{background:#eceeef}}