:root{color-scheme:dark;--background:#07110e;--background-deep:#030807;--surface:rgb(9 20 17/88%);--surface-strong:rgb(13 28 24/92%);--surface-muted:rgb(16 34 29/74%);--border:rgb(112 147 127/18%);--border-strong:rgb(140 182 156/24%);--text:#edf7ef;--text-muted:#92ab9a;--accent:#7ce38b;--accent-strong:#44c36b;--danger:#f87171;--success:#7ce38b}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top,rgb(49 89 71/22%),transparent 30%),linear-gradient(180deg,var(--background-deep) 0,var(--background) 100%);color:var(--text);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,calc(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);border-radius:24px;padding:20px;box-shadow:0 24px 64px rgb(0 0 0/22%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card.soft{background:var(--surface-muted);border-color:var(--border-strong)}.stack{display:grid;gap:16px}.muted{color:var(--text-muted)}.pill{padding:6px 12px;border-radius:999px;background:rgb(124 227 139/12%);color:#c9ffd2;border:1px solid rgb(124 227 139/28%);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.button,.pill{display:inline-flex;align-items:center;gap:8px}.button{justify-content:center;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid transparent;background:var(--accent);color:#06220c;font-weight:700}.button.secondary{background:rgb(255 255 255/2%);color:var(--text);border-color:var(--border)}.button.compact{min-height:38px;padding:0 14px}.button.secondary.active{border-color:rgb(124 227 139/38%);color:#cbffd5}.button.danger{background:rgb(239 68 68/16%);border-color:rgb(239 68 68/28%);color:#fecaca}.field{width:100%;min-height:44px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:rgb(8 16 14/72%);color:var(--text)}.field:focus{outline:2px solid rgb(124 227 139/24%);border-color:rgb(124 227 139/45%)}.empty-state,.error-state,.loading-state,.success-state{padding:24px;text-align:center;border-radius:18px;border:1px dashed var(--border);background:rgb(7 18 15/54%)}.error-state{border-color:rgb(239 68 68/30%);color:#fecaca}.success-state{border-color:rgb(124 227 139/28%);color:#c9ffd2}.app-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:20px;align-items:start}.right-rail,.sidebar{position:sticky;top:24px}.main-column{min-width:0}.page-hero{min-height:148px}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:rgb(255 255 255/2%)}.nav-link.active{border-color:rgb(124 227 139/34%);background:rgb(124 227 139/8%)}.muted-block{opacity:.72}.trend-item{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:rgb(255 255 255/2%);border:1px solid var(--border)}.rail-list{margin:0;padding-left:18px;color:var(--text-muted);display:grid;gap:8px}.auth-page{display:flex;align-items:center;min-height:100vh}.auth-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:20px;width:100%}.auth-hero{display:grid;gap:20px;min-height:100%}.auth-panel{align-self:stretch}.auth-tabs{display:flex;gap:10px;flex-wrap:wrap}.auth-stat-grid{display:grid;gap:14px}.auth-stat{padding:16px}.post-card{gap:16px}.comment-card__header,.post-card__actions,.post-card__header,.post-card__stats,.post-comment-form,.profile-hero__row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.post-card__header,.profile-hero__row{justify-content:space-between}.post-card__identity{display:flex;gap:12px;align-items:center}.post-card__content{margin:0;line-height:1.75;font-size:1rem}.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{padding:12px 14px;border-radius:18px;background:rgb(255 255 255/3%);border:1px solid var(--border)}.avatar-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgb(124 227 139/22%),rgb(67 108 88/34%));color:#ddffe2;font-weight:700}.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}.right-rail,.sidebar{position:static}}