:root{--dh-bg:#0a0e1a;--dh-soft:#111827;--dh-card:#141a2b;--dh-card2:#1a2138;--dh-border:#242c46;--dh-text:#e6e9f2;--dh-dim:#8a93b2;--dh-accent:#6366f1;--dh-cyan:#06b6d4;--dh-like:#ef4444;--dh-radius:14px;font-family:Inter,system-ui,sans-serif;color:var(--dh-text);background:var(--dh-bg)}[data-theme=light]{--dh-bg:#f5f7fb;--dh-soft:#fff;--dh-card:#fff;--dh-card2:#f0f2f8;--dh-border:#e4e7f0;--dh-text:#0f172a;--dh-dim:#64748b}*{box-sizing:border-box}body{margin:0;background:var(--dh-bg);color:var(--dh-text);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.devhub-skip-link{position:absolute;left:-9999px}.devhub-skip-link:focus{left:1rem;top:1rem;background:var(--dh-accent);padding:.6rem;z-index:5}.devhub-topbar{height:68px;position:sticky;top:0;z-index:10;display:grid;grid-template-columns:240px minmax(200px,480px) 240px;justify-content:space-between;align-items:center;gap:20px;padding:0 24px;background:color-mix(in srgb,var(--dh-bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--dh-border)}.devhub-logo{font-size:20px;font-weight:800}.devhub-logo strong{background:linear-gradient(135deg,var(--dh-accent),var(--dh-cyan));color:white;padding:5px 8px;border-radius:8px;font-size:12px;margin-right:5px}.devhub-logo span{color:var(--dh-accent)}.devhub-search{position:relative}.devhub-search input{width:100%;border:0;border-radius:999px;background:var(--dh-card2);color:var(--dh-text);padding:11px 42px 11px 16px;outline:0}.devhub-search button{position:absolute;right:4px;top:3px;width:34px;height:34px;border:0;background:transparent;color:var(--dh-dim);font-size:20px}.devhub-top-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.devhub-icon-btn{background:transparent;border:0;color:var(--dh-text);font-size:22px}.devhub-avatar{border-radius:50%;object-fit:cover}.devhub-layout{max-width:1320px;margin:auto;padding:24px;display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:24px}.devhub-sidebar-left,.devhub-sidebar-right{position:sticky;top:92px;height:max-content}.devhub-nav{display:flex;flex-direction:column;gap:4px}.devhub-nav a{padding:11px 14px;border-radius:9px;color:var(--dh-dim)}.devhub-nav a:hover,.devhub-nav a.active{background:rgba(99,102,241,.14);color:var(--dh-accent)}.devhub-user-card,.devhub-compose,.devhub-post,.devhub-widget,.devhub-page{background:var(--dh-card);border:1px solid var(--dh-border);border-radius:var(--dh-radius);padding:16px}.devhub-user-card{display:flex;gap:10px;align-items:center;margin-top:20px}.devhub-user-card small,.devhub-post-head small,.devhub-muted,.devhub-list small{display:block;color:var(--dh-dim);font-size:12px}.devhub-feed{display:flex;flex-direction:column;gap:18px;min-width:0}.devhub-compose{display:flex;gap:12px}.devhub-compose-body{flex:1}.devhub-compose textarea{width:100%;min-height:75px;resize:vertical;background:var(--dh-card2);border:1px solid transparent;border-radius:9px;padding:12px;color:var(--dh-text);outline:0}.devhub-compose textarea:focus{border-color:var(--dh-accent)}.devhub-compose-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.devhub-button{display:inline-flex;border:1px solid var(--dh-border);background:transparent;color:var(--dh-text);padding:8px 14px;border-radius:9px;font-weight:600}.devhub-button-primary{border:0;background:linear-gradient(135deg,var(--dh-accent),var(--dh-cyan));color:white}.devhub-button-small{padding:5px 10px;font-size:13px}.devhub-tabs{display:flex;gap:4px;background:var(--dh-card);border:1px solid var(--dh-border);border-radius:var(--dh-radius);padding:4px}.devhub-tabs button{flex:1;border:0;border-radius:9px;padding:9px;background:transparent;color:var(--dh-dim)}.devhub-tabs button.active{background:rgba(99,102,241,.14);color:var(--dh-accent);font-weight:600}.devhub-post-head{display:flex;gap:12px;align-items:center}.devhub-post-head strong{display:block}.devhub-post-body{margin:14px 0}.devhub-post-body h2{font-size:18px;margin:0 0 10px}.devhub-content{color:var(--dh-text)}.devhub-post pre{background:#0b0f1a;border:1px solid var(--dh-border);border-radius:9px;padding:14px;overflow:auto;color:#dbeafe;font:13px 'JetBrains Mono',monospace}.devhub-tags a{display:inline-block;color:var(--dh-accent);font-size:12px;margin-right:8px}.devhub-post-actions{border-top:1px solid var(--dh-border);padding-top:10px;display:flex;justify-content:space-between}.devhub-action{border:0;background:transparent;color:var(--dh-dim);padding:7px 12px;border-radius:8px}.devhub-action:hover,.devhub-action.liked{color:var(--dh-like);background:var(--dh-card2)}.devhub-widget{margin-bottom:18px}.devhub-widget h2{font-size:15px;margin-top:0}.devhub-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}.devhub-list a{color:var(--dh-accent);font-weight:600}.devhub-empty{text-align:center;padding:40px;color:var(--dh-dim)}.devhub-page-header{margin-bottom:10px}.devhub-comments{margin-top:18px;background:var(--dh-card);padding:16px;border:1px solid var(--dh-border);border-radius:var(--dh-radius)}.devhub-toast{position:fixed;bottom:22px;right:22px;background:var(--dh-card2);border:1px solid var(--dh-border);padding:12px 18px;border-radius:9px;z-index:20}.devhub-footer{color:var(--dh-dim);font-size:12px;text-align:center;margin-top:25px}@media(max-width:1100px){.devhub-layout{grid-template-columns:200px minmax(0,1fr)}.devhub-sidebar-right{display:none}.devhub-topbar{grid-template-columns:200px minmax(180px,1fr) 180px}}@media(max-width:760px){.devhub-topbar{grid-template-columns:1fr auto;height:auto;padding:12px 16px}.devhub-search{grid-column:1/-1;grid-row:2}.devhub-layout{display:block;padding:16px}.devhub-sidebar-left{position:static;margin-bottom:18px}.devhub-nav{flex-direction:row;overflow:auto}.devhub-nav a{white-space:nowrap}.devhub-post-actions{gap:2px}.devhub-action{padding:7px 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.devhub-profile{background:var(--dh-card);border:1px solid var(--dh-border);border-radius:var(--dh-radius);padding:24px;margin-bottom:18px}.devhub-profile-head{display:flex;align-items:center;gap:18px}.devhub-profile-links{display:flex;gap:12px;flex-wrap:wrap}.devhub-profile-links a,.devhub-status{color:var(--dh-accent);font-weight:600}.devhub-status{font-size:12px}.devhub-code-block{background:#0b0f1a;color:#dbeafe;padding:16px;border-radius:9px;overflow:auto}@media(max-width:760px){.devhub-profile-head{align-items:flex-start;flex-direction:column}}[dir=rtl] .devhub-top-actions,[dir=rtl] .devhub-compose{direction:rtl}