:root{--bg:#eef3f1;--surface:#f8faf9;--surface-raised:#ffffff;--surface-2:#e8efec;--border:#d2ddd8;--border-soft:#e3ebe7;--text:#12201c;--text-soft:#3d524b;--muted:#6a7f76;--accent:#0d6e63;--accent-strong:#0a5a51;--accent-ink:#f0fffc;--accent-soft:color-mix(in srgb,var(--accent) 12%,white);--danger:#c23b2e;--radius:12px;--rail-width:280px;--sidebar-width:260px;--feed-max:680px;--font-display:"Avenir Next","Segoe UI Semibold","Candara","Century Gothic",sans-serif;--font-body:"Segoe UI Variable Text","Avenir Next","Helvetica Neue","Trebuchet MS",sans-serif;--ease:180ms ease;--bg-glow-1:rgba(13,110,99,0.1);--bg-glow-2:rgba(45,90,120,0.07);--bg-wash-start:#e8f0ed;--bg-wash-end:#e6edf2;color-scheme:light}[data-theme=dark]{--bg:#0c1412;--surface:#121c19;--surface-raised:#16221e;--surface-2:#1c2c27;--border:#2d4039;--border-soft:#243530;--text:#e7f1ed;--text-soft:#b0c4bc;--muted:#849990;--accent:#2aa89a;--accent-strong:#3ec4b4;--accent-ink:#041210;--accent-soft:color-mix(in srgb,var(--accent) 22%,transparent);--danger:#e85a4c;--bg-glow-1:rgba(42,168,154,0.14);--bg-glow-2:rgba(30,90,100,0.12);--bg-wash-start:#0a1210;--bg-wash-end:#0d1618;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:var(--font-body);color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 0 0,var(--bg-glow-1),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 10%,var(--bg-glow-2),transparent 50%),linear-gradient(165deg,var(--bg-wash-start) 0,var(--bg) 42%,var(--bg-wash-end) 100%);background-attachment:fixed}[data-bg=mist]{--bg-glow-1:rgba(13,110,99,0.05);--bg-glow-2:rgba(90,110,120,0.04);--bg-wash-start:#eef2f1;--bg-wash-end:#eceff2}[data-theme=dark][data-bg=mist]{--bg-glow-1:rgba(42,168,154,0.06);--bg-glow-2:rgba(70,90,100,0.05);--bg-wash-start:#0c1211;--bg-wash-end:#0e1315}[data-bg=lagoon]{--bg-glow-1:rgba(13,110,99,0.18);--bg-glow-2:rgba(20,100,110,0.12);--bg-wash-start:#dcecea;--bg-wash-end:#d5e4ea}[data-theme=dark][data-bg=lagoon]{--bg-glow-1:rgba(42,168,154,0.22);--bg-glow-2:rgba(30,120,130,0.16);--bg-wash-start:#071412;--bg-wash-end:#0a181a}[data-bg=slate]{--bg-glow-1:rgba(70,100,120,0.1);--bg-glow-2:rgba(90,110,130,0.08);--bg-wash-start:#e8ecf0;--bg-wash-end:#e4e9ee}[data-theme=dark][data-bg=slate]{--bg-glow-1:rgba(90,130,150,0.12);--bg-glow-2:rgba(70,100,120,0.1);--bg-wash-start:#0c1014;--bg-wash-end:#0e1216}html[data-bg=solid],html[data-bg=solid] body{background-image:none;background-color:var(--bg)}[data-bg=mesh]{--bg-glow-1:rgba(13,110,99,0.08);--bg-glow-2:rgba(45,90,120,0.06);--bg-wash-start:#e9f0ed;--bg-wash-end:#e5ecf0}[data-theme=dark][data-bg=mesh]{--bg-glow-1:rgba(42,168,154,0.1);--bg-glow-2:rgba(40,90,110,0.08);--bg-wash-start:#0a1210;--bg-wash-end:#0c1517}html[data-bg=mesh],html[data-bg=mesh] body{background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px),radial-gradient(ellipse 80% 50% at 0 0,var(--bg-glow-1),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 10%,var(--bg-glow-2),transparent 50%),linear-gradient(165deg,var(--bg-wash-start) 0,var(--bg) 42%,var(--bg-wash-end) 100%);background-size:48px 48px,48px 48px,auto,auto,auto;background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:1rem;top:-100px;z-index:100;padding:.6rem 1rem;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:700}.skip-link:focus-visible{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--rail-width);min-height:100dvh;max-width:1280px;margin:0 auto}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;display:flex;flex-direction:column;gap:1rem;padding:1.15rem .85rem 1rem 1rem;border-right:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);overflow-y:auto}.brand-block{padding:.25rem .5rem .35rem}.brand{display:inline-flex;align-items:center;gap:.55rem;transition:transform var(--ease),opacity var(--ease)}.brand:hover{transform:translateY(-1px)}.brand-mark{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:10px;background:linear-gradient(145deg,var(--accent) 0,var(--accent-strong) 100%);color:var(--accent-ink);font-size:1.05rem}.brand-mark,.brand-word{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.brand-word{font-size:1.55rem;color:var(--text);line-height:1}.brand-tagline{margin:.35rem 0 0;padding-left:.15rem;color:var(--muted);font-size:.82rem}.side-nav,.side-section ul{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none}.side-action,.side-nav a,.side-section a{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border-radius:10px;color:var(--text-soft);font-weight:650;transition:background var(--ease),color var(--ease),transform var(--ease)}.side-action:hover,.side-nav a:hover,.side-section a:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text)}.side-nav a.active,.side-section a.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:1.25rem;text-align:center;opacity:.75;font-size:.95rem}.nav-badge{margin-left:auto;min-width:1.35rem;padding:.1rem .4rem;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:800;text-align:center}.side-heading{margin:.35rem 0 .4rem;padding:0 .55rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.side-search{margin:0 .35rem .45rem}.side-search input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem;background:var(--surface-raised);color:var(--text);font-size:.9rem;transition:border-color var(--ease),box-shadow var(--ease)}.side-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.side-action{margin-top:.25rem;color:var(--accent)!important}.side-empty{padding:.35rem .7rem}.side-link-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.side-link-name{font-weight:700;color:var(--text)}.side-section a .muted{font-size:.78rem;font-weight:500}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:.65rem;padding:.85rem .35rem .25rem;border-top:1px solid var(--border-soft)}.side-foot-actions{justify-content:space-between;gap:.5rem}.side-foot-actions,.user-chip{display:flex;align-items:center}.user-chip{gap:.55rem}.user-chip,.user-chip-text{min-width:0}.user-chip-text strong{display:block;font-size:.92rem;line-height:1.2}.avatar{flex-shrink:0;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,var(--surface-raised)),color-mix(in srgb,var(--accent) 8%,var(--surface-2)));color:var(--accent-strong);font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.02em}.avatar-sm{width:1.85rem;height:1.85rem;border-radius:8px;font-size:.65rem}.avatar-lg{width:3.25rem;height:3.25rem;font-size:1.05rem;border-radius:14px}.user-chip-link{color:inherit;text-decoration:none;border-radius:12px;padding:.35rem .4rem;margin:-.35rem -.4rem;transition:background var(--ease)}.user-chip-link.active,.user-chip-link:hover{background:var(--accent-soft)}.profile-settings{gap:1.25rem;padding-bottom:1.5rem}.profile-preview{padding:0 1.15rem}.profile-section-title{margin:0;font-size:.95rem;font-weight:800;letter-spacing:.02em}.profile-appearance-hint{margin:0;font-size:.9rem;line-height:1.45}.profile-appearance .theme-toggle{align-self:flex-start}.profile-subsection-title{margin:1.1rem 0 0;font-size:.95rem;font-weight:700;letter-spacing:.01em}.bg-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.65rem}.bg-option{display:flex;flex-direction:column;gap:.55rem;align-items:stretch;padding:.55rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--ease),background var(--ease),box-shadow var(--ease)}.bg-option:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--surface-2)}.bg-option.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft)}.bg-option-swatch{display:block;height:44px;border-radius:8px;border:1px solid var(--border-soft);background-color:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 10% 20%,var(--swatch-glow-1,var(--bg-glow-1)),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 10%,var(--swatch-glow-2,var(--bg-glow-2)),transparent 50%),linear-gradient(165deg,var(--swatch-wash-a,var(--bg-wash-start)),var(--swatch-wash-b,var(--bg-wash-end)))}.bg-option-default{--swatch-glow-1:rgba(13,110,99,0.22);--swatch-glow-2:rgba(45,90,120,0.14);--swatch-wash-a:#dfecea;--swatch-wash-b:#d8e4ec}.bg-option-mist{--swatch-glow-1:rgba(13,110,99,0.08);--swatch-glow-2:rgba(90,110,120,0.06);--swatch-wash-a:#eef2f1;--swatch-wash-b:#eceff2}.bg-option-lagoon{--swatch-glow-1:rgba(13,110,99,0.35);--swatch-glow-2:rgba(20,100,110,0.22);--swatch-wash-a:#c5e0db;--swatch-wash-b:#bdd6df}.bg-option-slate{--swatch-glow-1:rgba(70,100,120,0.2);--swatch-glow-2:rgba(90,110,130,0.14);--swatch-wash-a:#d9e0e8;--swatch-wash-b:#d2dae3}.bg-option-solid .bg-option-swatch{background-image:none;background-color:#e8efec}[data-theme=dark] .bg-option-solid .bg-option-swatch{background-color:#121c19}.bg-option-mesh .bg-option-swatch{background-image:linear-gradient(rgba(13,110,99,.12) 1px,transparent 0),linear-gradient(90deg,rgba(13,110,99,.12) 1px,transparent 0),linear-gradient(165deg,#e0ebe7,#dce6ec);background-size:12px 12px,12px 12px,auto}[data-theme=dark] .bg-option-mesh .bg-option-swatch{background-image:linear-gradient(rgba(42,168,154,.18) 1px,transparent 0),linear-gradient(90deg,rgba(42,168,154,.18) 1px,transparent 0),linear-gradient(165deg,#0a1210,#0c1517);background-size:12px 12px,12px 12px,auto}.bg-option-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.bg-option-meta strong{font-size:.86rem;font-weight:700}.bg-option-meta .muted{font-size:.72rem;line-height:1.3}.form input:disabled,.form input:read-only{opacity:.75;cursor:not-allowed;background:var(--surface-2)}.success{color:var(--accent-strong);font-weight:600}.main-column{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-raised) 72%,transparent)}.mobile-topbar{display:none}.main{min-width:0;flex:1;display:flex;flex-direction:column}.feed-enter{animation:feed-in .28s ease both}@keyframes feed-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.feed-panel{flex:1;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;width:min(100%,var(--feed-max));margin:0 auto}.feed-panel-solo{display:block;padding-bottom:2rem;min-height:auto}.feed-header{position:sticky;top:0;z-index:5;padding:1rem 1.15rem .9rem;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-raised) 90%,transparent);backdrop-filter:blur(10px)}.feed-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.feed-header h1{margin:.1rem 0 .35rem;font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.feed-header .lead{margin:0;font-size:.95rem}.channel-settings{position:relative;flex-shrink:0}.channel-settings-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:1.25rem;font-weight:700;line-height:1;letter-spacing:.06em;cursor:pointer;transition:background var(--ease),color var(--ease),border-color var(--ease)}.channel-settings-trigger:hover,.channel-settings-trigger[aria-expanded=true]{color:var(--text);background:var(--surface-2);border-color:var(--border-soft)}.channel-settings-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;min-width:12.5rem;padding:.35rem;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-raised);box-shadow:0 12px 28px color-mix(in srgb,var(--text) 12%,transparent)}.channel-settings-item{display:block;width:100%;margin:0;padding:.55rem .7rem;border:0;border-radius:.55rem;background:transparent;color:var(--text);font:inherit;font-size:.92rem;text-align:left;cursor:pointer}.channel-settings-item:hover{background:var(--surface-2)}.channel-settings-danger{color:var(--danger)}.channel-settings-rename{display:grid;gap:.55rem;padding:.35rem;min-width:14rem}.channel-settings-rename label{display:grid;gap:.35rem;font-size:.8rem;color:var(--muted)}.channel-settings-rename input{width:100%}.channel-settings-rename-actions{display:flex;justify-content:flex-end;gap:.4rem}.rail{position:sticky;top:0;align-self:start;height:100dvh;padding:1.15rem 1rem 1rem .85rem;overflow-y:auto}.rail-stack{display:grid;gap:.85rem}.rail-block{padding:.95rem 1rem;border:1px solid var(--border-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-raised) 85%,transparent)}.rail-title{margin:0 0 .55rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rail-channel-name{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.rail-note{margin:.65rem 0 0;padding:.35rem .5rem;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-size:.8rem;font-weight:700}.rail-list,.rail-tips{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.rail-list a{display:block;padding:.35rem .4rem;border-radius:8px;color:var(--text-soft);font-weight:650;transition:background var(--ease),color var(--ease)}.rail-list a:hover{background:var(--accent-soft);color:var(--accent-strong)}.rail-tips li{color:var(--text-soft);font-size:.88rem;line-height:1.4;padding-left:.85rem;position:relative}.rail-tips li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:2px;background:var(--accent);opacity:.55}.rail-tips a{color:var(--accent-strong);font-weight:700}.mobile-nav{display:none}.message-list{overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:0}.message.post{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.95rem 1.15rem;background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--border-soft);transition:background var(--ease);animation:post-in .22s ease both}.message.post:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}@keyframes post-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.post-body{min-width:0}.post-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.3rem}.post-author{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;min-width:0}.post-author strong{font-weight:800}.post-meta time{flex-shrink:0;color:var(--muted);font-size:.78rem}.message p{margin:0;white-space:pre-wrap;line-height:1.55;color:var(--text);font-size:.98rem}.composer{display:grid;gap:.55rem;padding:.85rem 1.15rem 1.1rem;border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-raised) 92%,transparent)}.composer textarea{width:100%;min-height:88px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:.75rem .85rem;background:var(--surface-raised);color:var(--text);transition:border-color var(--ease),box-shadow var(--ease)}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.composer-actions{display:flex;justify-content:flex-end}.composer-locked{padding:.85rem 1.15rem;border-top:1px solid var(--border-soft)}.panel{background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1rem 1.1rem}.muted{color:var(--muted);font-size:.9rem}.tag{display:inline-flex;align-items:center;margin-left:auto;padding:.1rem .4rem;border-radius:6px;background:var(--accent-soft);color:var(--accent-strong);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.form{display:grid;gap:.85rem;padding:0 1.15rem}.feed-panel-solo .form{padding:1rem 1.15rem 0}.form label{display:grid;gap:.35rem;font-weight:600}.form input,.form select,.form textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;background:var(--surface-raised);color:var(--text)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:10px;padding:.65rem 1rem;background:var(--accent);color:var(--accent-ink);font-weight:700;cursor:pointer;transition:background var(--ease),transform var(--ease)}.btn:hover,button:hover{background:var(--accent-strong)}.btn-secondary,.ghost-btn{background:transparent!important;color:var(--text-soft)!important;border:1px solid var(--border)!important}.btn-secondary:hover,.ghost-btn:hover{background:var(--surface-2)!important;color:var(--text)!important}.hero-auth,.landing{position:relative;min-height:100dvh;display:grid;place-items:center;padding:2rem 1rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);color:var(--text-soft);font-weight:700;font-size:.85rem;cursor:pointer;transition:background var(--ease),color var(--ease),border-color var(--ease)}.theme-toggle:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.theme-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft);color:var(--accent-strong)}.mobile-topbar-actions{display:flex;align-items:center;gap:.5rem}.auth-card,.landing-card,.landing-hero{width:min(560px,100%);padding:1.75rem .25rem}.auth-card h1,.landing h1,.landing-brand{margin:.15rem 0 .55rem;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.4rem);font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--text)}.lead{color:var(--text-soft);line-height:1.55}.cta-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.35rem}.error{color:var(--danger);font-weight:600}.empty{margin:1.25rem 1.15rem;padding:1.75rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.stack{display:grid;gap:.5rem}.member-list,.result-list{display:grid;gap:0;padding:0 0 1rem}.member-list form,.result-item,.result-list a{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.15rem;border-bottom:1px solid var(--border-soft);background:transparent;border-radius:0;transition:background var(--ease)}.member-list form:hover,.result-item:hover,.result-list a:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.result-item.unread{background:color-mix(in srgb,var(--accent) 6%,transparent)}.auth-card{width:min(440px,100%);padding:1.5rem;border:1px solid var(--border-soft);border-radius:16px;background:color-mix(in srgb,var(--surface-raised) 92%,transparent)}.auth-card .form{padding:0}.github-auth{display:grid;gap:.75rem;margin:1.15rem 0 .35rem}.github-btn{width:100%;background:var(--text)!important;border:1px solid transparent!important;text-decoration:none}.github-btn,.github-btn:hover{color:var(--surface)!important}.github-btn:hover{background:color-mix(in srgb,var(--text) 88%,var(--accent))!important}.github-auth-note{margin:0;font-size:.9rem;line-height:1.45}.github-auth-note code{font-size:.82em}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:.15rem 0 .85rem;color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--border-soft)}@media (max-width:1100px){.shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.rail{display:none}.main-column{border-right:0}}@media (max-width:820px){.shell{grid-template-columns:1fr;padding-bottom:4.25rem}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;padding:.65rem .9rem;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);backdrop-filter:blur(10px)}.brand-compact .brand-word{font-size:1.25rem}.brand-compact .brand-mark{width:1.85rem;height:1.85rem;font-size:.9rem}.feed-panel{min-height:calc(100dvh - 3.5rem - 4.25rem)}.feed-header{top:0}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-raised) 94%,transparent);backdrop-filter:blur(12px)}.mobile-nav a{display:grid;place-items:center;padding:.55rem .25rem;border-radius:10px;color:var(--text-soft);font-size:.78rem;font-weight:750;transition:background var(--ease),color var(--ease)}.mobile-nav a.active{background:var(--accent-soft);color:var(--accent-strong)}}