:root{color:#0f172a;background:#f7f9fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,640px) minmax(260px,340px);min-height:100vh;max-width:1260px;margin:0 auto}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:22px 18px;border-right:1px solid #e5e7eb}.brand,.nav-list button,.account-pill{display:flex;align-items:center}.brand{gap:10px;font-size:22px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#111827;color:#fff}.nav-list{display:grid;gap:8px}.nav-list button{gap:14px;min-height:48px;padding:0 14px;border-radius:8px;background:transparent;color:#111827;font-size:18px}.nav-list button:hover,.nav-list button.active{background:#eaf2ff;color:#0f5fc2}.primary-wide,.post-button{min-height:44px;border-radius:999px;background:#0f172a;color:#fff;font-weight:800}.account-pill{gap:10px;width:100%;margin-top:auto;padding:10px;border-radius:8px;background:transparent;color:#111827;text-align:left}.account-pill span{display:grid;min-width:0;flex:1}small{color:#64748b}.avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:999px;color:#fff;font-weight:800}.main-column{min-width:0;border-right:1px solid #e5e7eb;background:#fff}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h1,.topbar p,.rail-panel h2,.rail-panel p,.auth-card h2,.auth-card p,.post p,.admin-section h2{margin:0}.topbar h1{font-size:22px}.toast{margin:14px 18px 0;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b}.composer,.auth-card,.post,.empty-state,.admin-section{border-bottom:1px solid #e5e7eb}.composer{padding:16px 20px}.composer textarea{width:100%;min-height:104px;resize:vertical;border:0;outline:0;font-size:20px;line-height:1.5}.composer-actions{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #e5e7eb}.composer-actions small{color:#64748b}.composer-actions small:last-of-type{margin-left:auto}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:#0f5fc2;cursor:pointer;position:relative}.icon-button svg+svg{position:absolute;right:5px;bottom:5px;width:13px;height:13px;padding:1px;border-radius:999px;background:#fff}.icon-button:hover{background:#eaf2ff}.icon-button input{display:none}.post-button{min-width:88px}.file-preview{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 12px}.file-preview span{max-width:100%;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:13px}.auth-card{display:grid;gap:16px;padding:24px 20px}.stack-form{display:grid;gap:12px}.stack-form input{min-height:48px;padding:0 14px;border:1px solid #d1d5db;border-radius:8px;outline:0}.stack-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #bfdbfe}.form-error{margin:0;color:#b91c1c}.text-button{justify-self:start;padding:0;background:transparent;color:#0f5fc2}.feed{min-height:260px}.post{display:flex;gap:12px;padding:16px 20px}.post-body{display:grid;gap:10px;min-width:0;flex:1}.post-head,.post-actions{display:flex;align-items:center}.post-head{justify-content:space-between}.post-head span{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.post p{white-space:pre-wrap;line-height:1.55}.media-grid{display:grid;gap:4px;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb}.media-grid.count-2,.media-grid.count-3,.media-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid img,.media-grid video{width:100%;height:100%;min-height:220px;max-height:420px;object-fit:cover;background:#0f172a}.media-grid.count-1 img,.media-grid.count-1 video{max-height:520px}.post-actions{gap:18px}.post-actions button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 8px;border-radius:999px;background:transparent;color:#64748b}.post-actions button:hover,.post-actions button.liked{color:#e11d48;background:#fff1f2}.empty-state{padding:42px 20px;color:#64748b;text-align:center}.right-rail{position:sticky;top:0;height:100vh;display:grid;align-content:start;gap:16px;padding:18px}.search-box,.rail-panel{border-radius:8px;background:#eef2f7}.search-box{padding:14px 16px;color:#64748b}.rail-panel{display:grid;gap:10px;padding:16px}.rail-panel h2{font-size:18px}.rail-panel p{color:#475569;line-height:1.55}.admin-page{display:grid;gap:18px;padding-bottom:28px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px}.stat-card{display:grid;gap:4px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.stat-card b{font-size:26px}.stat-card span{color:#64748b}.admin-section{display:grid;gap:0}.admin-section h2{display:flex;align-items:center;gap:8px;padding:14px 18px;font-size:18px}.admin-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #e5e7eb}.admin-row span{display:grid;min-width:0;flex:1}.admin-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row button{min-height:34px;padding:0 12px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-weight:700}@media(max-width:1060px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand span:last-child,.nav-list button:not(.active):after,.nav-list button span,.nav-list button{font-size:0}.nav-list button{justify-content:center}.account-pill span,.account-pill svg,.right-rail{display:none}}@media(max-width:680px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:auto 0 0;z-index:5;height:64px;flex-direction:row;align-items:center;padding:8px;border-top:1px solid #e5e7eb;border-right:0;background:#fff}.brand,.account-pill,.primary-wide{display:none}.nav-list{display:flex;justify-content:space-around;width:100%}.nav-list button{width:52px;height:48px;min-height:48px;padding:0}.main-column{border-right:0;padding-bottom:70px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid img,.media-grid video{min-height:170px}}