/* Sidebar */
.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--surface2);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}
.sidebar-header{padding:1rem;border-bottom:1px solid var(--surface2);text-align:center}
.sidebar-header h2{font-size:.95rem;margin-bottom:.5rem}
.sidebar-campaign select{width:100%;font-size:.875rem;padding:.4rem}
.sidebar-mode{display:flex;margin:.5rem .5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--surface2)}
.mode-btn{flex:1;padding:.5rem;border:none;font-size:.875rem;font-weight:600;background:var(--bg);color:var(--muted);transition:all .15s;min-height:44px}
.mode-btn.active{background:var(--amber);color:var(--text-on-color)}
.sidebar-nav{flex:1;padding:.5rem}
.nav-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .1s;margin-bottom:.15rem;color:var(--muted);min-height:44px}
.nav-item:hover{background:var(--surface2);color:var(--text)}
.nav-item.active{background:rgba(232,168,56,.12);color:var(--amber);font-weight:600}
.nav-section{font-size:.75rem;text-transform:uppercase;letter-spacing:.08rem;color:var(--text-faint);padding:.6rem .7rem .2rem;margin-top:.3rem}
#navPrep .nav-group .nav-section{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between}
#navPrep .nav-group .nav-section::after{content:'\25B8';font-size:.7rem;transition:transform .2s}
.nav-group{}
.nav-group.open .nav-section::after{transform:rotate(90deg)}
.nav-group-items{display:none}
.nav-group.open .nav-group-items{display:block}
.nav-recent{padding:.5rem;border-bottom:1px solid var(--surface2);margin-bottom:.3rem}
.nav-recent-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08rem;color:var(--text-faint);padding:.2rem .7rem}
.nav-recent-items{}
.nav-emoji{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.nav-emoji img{width:24px;height:24px;object-fit:contain;transition:filter .2s}
.nav-item:hover .nav-emoji img{filter:drop-shadow(0 0 8px rgba(232,168,56,.6))}
.sidebar-footer{padding:.5rem;border-top:1px solid var(--surface2)}
.sidebar-footer .info{font-size:.8rem;color:var(--muted);text-align:center}
/* Bottom Nav (mobile) */
.bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:none;flex-direction:row;justify-content:space-around;align-items:center;background:var(--surface);border-top:1px solid var(--surface2);z-index:60;padding-bottom:env(safe-area-inset-bottom)}
.bottom-nav .bnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:.4rem .2rem;color:var(--muted);font-size:.75rem;cursor:pointer;flex:1;text-align:center;-webkit-tap-highlight-color:transparent}
.bottom-nav .bnav-item.active{color:var(--amber)}
.bottom-nav .bnav-item .bnav-icon{font-size:1.3rem;margin-bottom:.1rem;display:flex;align-items:center;justify-content:center}
.bottom-nav .bnav-item .bnav-icon img{width:24px;height:24px;object-fit:contain}