:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#07110e;--background-deep:#030807;--surface:#091411e0;--surface-strong:#0d1c18eb;--surface-muted:#10221dbd;--border:#70937f2e;--border-strong:#8cb69c3d;--text:#edf7ef;--text-muted:#92ab9a;--accent:#7ce38b;--accent-strong:#44c36b;--danger:#f87171;--success:#7ce38b}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #31594738, transparent 30%), linear-gradient(180deg, var(--background-deep) 0%, var(--background) 100%);min-height:100%;color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.page{width:min(1360px,100% - 32px);margin:0 auto;padding:24px 0 56px}.card{background:linear-gradient(180deg, var(--surface) 0%, var(--surface-strong) 100%);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:20px;box-shadow:0 24px 64px #00000038}.card.soft{background:var(--surface-muted);border-color:var(--border-strong)}.stack{gap:16px;display:grid}.muted{color:var(--text-muted)}.pill{color:#c9ffd2;text-transform:uppercase;letter-spacing:.08em;background:#7ce38b1f;border:1px solid #7ce38b47;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.76rem;display:inline-flex}.button{background:var(--accent);color:#06220c;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.button.secondary{color:var(--text);border-color:var(--border);background:#ffffff05}.button.compact{min-height:38px;padding:0 14px}.button.secondary.active{color:#cbffd5;border-color:#7ce38b61}.button.danger{color:#fecaca;background:#ef444429;border-color:#ef444447}.field{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#08100eb8;border-radius:16px;padding:12px 14px}.field:focus{border-color:#7ce38b73;outline:2px solid #7ce38b3d}.empty-state,.error-state,.loading-state,.success-state{text-align:center;border:1px dashed var(--border);background:#07120f8a;border-radius:18px;padding:24px}.error-state{color:#fecaca;border-color:#ef44444d}.success-state{color:#c9ffd2;border-color:#7ce38b47}.app-layout{grid-template-columns:280px minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.sidebar,.right-rail{position:sticky;top:24px}.main-column{min-width:0}.page-hero{min-height:148px}.nav-link{border:1px solid var(--border);background:#ffffff05;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.nav-link.active{background:#7ce38b14;border-color:#7ce38b57}.muted-block{opacity:.72}.trend-item{border:1px solid var(--border);background:#ffffff05;border-radius:18px;gap:4px;padding:12px 14px;display:grid}.rail-list{color:var(--text-muted);gap:8px;margin:0;padding-left:18px;display:grid}.auth-page{align-items:center;min-height:100vh;display:flex}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:20px;width:100%;display:grid}.auth-hero{gap:20px;min-height:100%;display:grid}.auth-panel{align-self:stretch}.auth-tabs{flex-wrap:wrap;gap:10px;display:flex}.auth-stat-grid{gap:14px;display:grid}.auth-stat{padding:16px}.post-card{gap:16px}.post-card__header,.post-card__stats,.post-card__actions,.post-comment-form,.profile-hero__row,.comment-card__header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.post-card__header,.profile-hero__row{justify-content:space-between}.post-card__identity{align-items:center;gap:12px;display:flex}.post-card__content{margin:0;font-size:1rem;line-height:1.75}.post-card__stats{justify-content:space-between}.post-card__actions{justify-content:flex-start}.post-card__link:hover{color:var(--text)}.comment-list{gap:10px}.comment-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:12px 14px}.avatar-badge{color:#ddffe2;background:linear-gradient(135deg,#7ce38b38,#436c5857);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.avatar-badge.large{width:72px;height:72px;font-size:1.5rem}.profile-hero{gap:18px}@media (max-width:1120px){.app-layout{grid-template-columns:250px minmax(0,1fr)}.right-rail{display:none}}@media (max-width:840px){.page{width:min(100% - 24px,1360px)}.app-layout,.auth-shell{grid-template-columns:1fr}.sidebar,.right-rail{position:static}}