:root{--canvas:#eef2eb;--surface:#fff;--surface-sunken:#f4f7f2;--surface-faint:#fafcf8;--text:#1c2620;--text-muted:#6a766f;--text-subtle:#9aa69d;--green:#178a5c;--green-dark:#0f6e48;--green-tint:#eaf6ee;--brand-gradient:linear-gradient(150deg, #4fc774, #19996e 58%, #137c66);--purple:#3a1378;--purple-mid:#6233b0;--purple-tint:#efe9fb;--avatar-gradient:linear-gradient(140deg, #3a1378, #6233b0);--lime:#a6e646;--lime-tint:#dcf5b8;--lime-dark:#2c5212;--border:#e5eae1;--border-strong:#e1e7dc;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--nav-height:64px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--canvas);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--lime);color:#15433a}input,textarea,button{font-family:var(--font-body)}#root{height:100%}.app-shell{background:var(--canvas);flex-direction:column;max-width:480px;height:100svh;margin:0 auto;display:flex;overflow:hidden}.page-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.bottom-nav{padding:8px 6px env(safe-area-inset-bottom,18px);min-height:var(--nav-height);background:var(--surface);border-top:1px solid var(--border);z-index:5;flex-shrink:0;justify-content:space-around;align-items:center;display:flex;position:relative}.nav-item{cursor:pointer;width:56px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px;text-decoration:none;display:flex}.nav-label{font-size:9.5px;font-weight:700;line-height:1}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:185px;padding:20px 12px 16px;display:none;overflow-y:auto}.sidebar-nav-item{-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.sidebar-nav-row{cursor:pointer;border-radius:11px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.sidebar-nav-row--active{background:#eaf6ee}.sidebar-nav-label{font-size:14px;font-weight:700;line-height:1}.feed-wordmark{flex:1;align-items:center;gap:10px;display:flex}.content-wrap{min-height:100%}@media (width>=768px){.app-shell{flex-direction:row;max-width:none}.bottom-nav{display:none}.sidebar{display:flex}.content-wrap{width:100%;max-width:640px;margin:0 auto}.feed-wordmark{display:none}.feed-header{justify-content:flex-end}}.toast{bottom:calc(var(--nav-height) + 14px);color:#fff;z-index:200;pointer-events:none;white-space:nowrap;background:#1c2620;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600;animation:.15s toastIn;position:fixed;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}