.bottom-nav{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--separator);z-index:20;justify-content:space-evenly;align-items:center;max-width:600px;margin:0 auto;padding:8px 12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;font-size:22px;transition:all .2s;display:flex;position:relative}.nav-badge{background:var(--like);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:4px;right:4px}.nav-item:hover{background:var(--separator)}.nav-item.active{color:var(--accent)}.nav-item:active{transform:scale(.9)}.nav-pending-hint{background:var(--accent);opacity:0;visibility:hidden;border-radius:999px;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-pending-hint.is-pending{visibility:visible;animation-name:nav-pending-fade-in,nav-pending-pulse;animation-duration:.2s,1s;animation-timing-function:ease,ease-in-out;animation-iteration-count:1,infinite;animation-delay:.1s,.1s;animation-fill-mode:forwards,none}@keyframes nav-pending-fade-in{to{opacity:1}}@keyframes nav-pending-pulse{50%{opacity:.4}}@media (min-width:1200px){.bottom-nav{display:none}}body.keyboard-open .bottom-nav{display:none}
.app-sidebar{display:none}@media (min-width:1200px){.app-sidebar{gap:var(--space-6);width:240px;padding:var(--space-6) var(--space-3);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:max(16px,50vw - 564px);overflow-y:auto}}.app-sidebar__logo{padding-left:var(--space-3);letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:650}.app-sidebar__create{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;display:flex}.app-sidebar__create:hover{background:var(--accent-strong)}.app-sidebar__create:active{transform:scale(.97)}.app-sidebar__list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.app-sidebar__item{align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--fs-lg);transition:background var(--transition-fast);text-decoration:none;display:flex}.app-sidebar__item:hover{background:var(--placeholder)}.app-sidebar__item.is-active{font-weight:var(--fw-semibold);color:var(--accent)}.app-sidebar__item-icon{justify-content:center;align-items:center;width:24px;font-size:20px;display:flex;position:relative}.app-sidebar__item-icon .nav-pending-hint{bottom:-3px}.app-sidebar__badge{background:var(--like);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}