:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--panel:#fff;--text:#111827;--muted:#667085;--line:#d9e0ea;--brand:#2563eb;--brand-dark:#1e3a8a;--accent:#10b981;--danger:#ef4444;--shadow:0 20px 60px #1118271a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior-x:none;touch-action:pan-y;-webkit-text-size-adjust:100%;width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;max-width:100%}h1,h2,h3,p{margin-top:0}.app{min-height:100dvh;padding-top:64px}.content{width:min(1120px,100% - 28px);margin:0 auto;padding:18px 0 40px}.top-nav{z-index:12;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;height:64px;padding:0 14px;display:grid;position:fixed;inset:0 0 auto}.top-nav button,.left-nav button,.drawer button,.actions button,.composer button,.panel button,.sheet button,.hero button,.empty button{border:1px solid var(--line);min-height:42px;color:var(--text);background:#fff;border-radius:9px;font-weight:700}.top-nav>button:first-child{place-items:center;display:grid}.top-nav strong,.nav-brand{font-size:1.05rem;font-weight:850}.left-nav{display:none}.drawer{z-index:30;background:#1118278c;position:fixed;inset:0}.drawer aside{width:min(310px,88vw);height:100dvh;box-shadow:var(--shadow);background:#fff;grid-auto-rows:min-content;gap:8px;padding:14px;display:grid}.left-nav button,.drawer button{justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;display:flex}.left-nav button.active,.drawer button.active,.switcher .active{border-color:var(--brand);background:var(--brand);color:#fff}.nav-spacer{min-height:10px}.close{justify-self:end;width:42px;padding:0}.hero{color:#fff;min-height:min(640px,100dvh - 90px);box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:18px;align-items:end;padding:clamp(22px,6vw,56px);display:grid}.hero h1{letter-spacing:0;max-width:760px;margin-bottom:14px;font-size:clamp(2.3rem,8vw,5rem);line-height:.98}.hero p{color:#ffffffe0;max-width:620px;font-size:1.05rem;line-height:1.5}.hero button{color:var(--brand-dark);background:#fff;border:0;padding:0 18px}.stack,.profile,.admin{gap:16px;display:grid}.toolbar,.composer,.post-card,.panel,.profile-card,.empty,.about-page,.page-card,.metrics>div{border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:0 12px 32px #1118270f}.toolbar{padding:12px}.search{align-items:center;gap:8px;display:flex}.search input,input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:9px;outline:0;padding:11px 12px;font-size:16px}.search input{border:0;padding:8px 0}textarea{resize:vertical;min-height:110px}.composer{gap:12px;padding:14px;display:grid}.composer>div,.actions,.author-row,.switcher{align-items:center;gap:8px;display:flex}.composer button:last-child,.panel button,.sheet form>button[type=submit],.empty button{border-color:var(--brand);background:var(--brand);color:#fff;padding:0 14px}.preview,.post-image,.sheet-image,.page-card img,.about-page img{object-fit:cover;border-radius:12px;width:100%}.preview{max-height:280px}.feed-list{gap:14px;display:grid}.post-card{overflow:hidden}.post-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:12px;padding:14px;display:grid}.author-row img{background:#eef2ff;border-radius:50%;width:44px;height:44px}.author-row span{color:var(--muted);font-size:.82rem;font-weight:600;display:block}.post-main p{color:#1f2937;margin-bottom:0;line-height:1.55}.post-image{max-height:460px}.actions{border-top:1px solid var(--line);padding:10px 14px}.actions button{align-items:center;gap:6px;min-height:38px;padding:0 10px;display:inline-flex}.comment-form{padding:0 14px 14px}.grid-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.page-card{color:inherit;text-align:left;gap:10px;padding:0 0 14px;display:grid;overflow:hidden}.page-card img{border-radius:0;height:170px}.page-card strong,.page-card span{padding:0 14px}.page-card span,.about-page p,.profile-card p{color:var(--muted);line-height:1.5}.about-page{display:grid;overflow:hidden}.about-page img{border-radius:0;height:300px}.about-page div,.profile-card,.empty{padding:18px}.profile-card img{border-radius:18px;width:86px;height:86px}.panel{gap:12px;padding:16px;display:grid}label{color:var(--muted);gap:7px;font-size:.88rem;font-weight:750;display:grid}.metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.metrics>div{gap:4px;padding:16px;display:grid}.metrics strong{font-size:2rem}.metrics span{color:var(--muted);font-weight:700}.map{border:1px solid var(--line);background-color:#eef6ff;background-image:linear-gradient(#2563eb14 1px,#0000 1px),linear-gradient(90deg,#2563eb14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:14px;height:310px;position:relative;overflow:hidden}.map span{background:var(--brand);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 8px 20px #2563eb61}.sheet{z-index:40;touch-action:pan-y;background:#111827ad;place-items:center;padding:12px;display:grid;position:fixed;inset:0;overflow:auto}.sheet>article,.sheet>form{overscroll-behavior:contain;background:#fff;border-radius:16px;gap:14px;width:min(720px,100%);max-height:calc(100dvh - 24px);padding:16px;display:grid;position:relative;overflow:auto}.sheet .close{z-index:1;justify-self:end;position:sticky;top:0}.sheet-image{max-height:420px}.auth-sheet form{width:min(430px,100%)}.toast{z-index:5;color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-weight:700;position:sticky;top:74px}@media (width>=860px){.app.logged-in{padding-top:0;padding-left:248px}.app.logged-in .top-nav{display:none}.app.logged-in .left-nav{z-index:10;border-right:1px solid var(--line);background:#fff;grid-auto-rows:min-content;gap:8px;width:248px;padding:18px;display:grid;position:fixed;inset:0 auto 0 0}.app.logged-in .content{padding-top:24px}.top-nav>button:first-child{display:none}.top-nav{grid-template-columns:1fr auto}.content{padding-top:22px}.about-page{grid-template-columns:.9fr 1.1fr;align-items:center}.about-page img{height:100%;min-height:420px}}@media (width<=560px){.content{width:min(100% - 20px,1120px);padding-top:10px}.hero{border-radius:14px;min-height:calc(100dvh - 84px)}.actions{flex-wrap:wrap}.actions button{flex:1}.composer>div{flex-wrap:wrap}.composer button{flex:1}}