.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:190;background:var(--surface);border-top:1px solid var(--border);padding:.375rem .5rem calc(.375rem + env(safe-area-inset-bottom,0px));backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);justify-content:space-around;align-items:flex-start;max-width:500px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.375rem .625rem;text-decoration:none;color:var(--ink-400);border-radius:var(--r-md);transition:color .15s;position:relative;min-width:48px;-webkit-tap-highlight-color:transparent}.bottom-nav-item:hover{color:var(--ink-600)}.bottom-nav-item.active{color:var(--accent-text)}.bottom-nav-label{font-size:var(--text-xs);font-weight:500;letter-spacing:-.01em;line-height:1.2}.bottom-nav-item svg{display:block;flex-shrink:0}.bottom-nav-badge{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--accent-strong);color:#fff;font-size:var(--text-xs);font-weight:700;line-height:1;border-radius:8px;pointer-events:none;border:1.5px solid var(--surface)}.bottom-fab{display:none;position:fixed;bottom:calc(64px + env(safe-area-inset-bottom,0px));right:1rem;left:auto;z-index:191;width:56px;height:56px;border-radius:50%;background:var(--accent-strong);color:#fff;border:none;box-shadow:0 4px 16px #12b3b666,0 2px 8px #0000001f;cursor:pointer;align-items:center;justify-content:center;transition:box-shadow .2s ease,background .15s;-webkit-tap-highlight-color:transparent}.bottom-fab:hover{box-shadow:0 6px 24px #12b3b680,0 3px 12px #00000026;background:var(--accent-dark)}.bottom-fab:active{transform:scale(.94)}.bottom-fab svg{width:24px;height:24px;stroke-width:2.5}@media (max-width: 768px){.bottom-nav,.bottom-fab{display:flex}}