[data-theme=light] .header{background:var(--header-bg);border-bottom-color:var(--border)}.header{z-index:100;height:var(--hh);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#0a0a0ff5;position:sticky;top:0}.header-search{flex:1;max-width:520px;margin:0 auto;position:relative}.header-search input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--t1);transition:var(--ease);box-sizing:border-box;padding:10px 16px 10px 40px;font-size:16px}.header-search input::placeholder{color:var(--t3)}.header-search input:focus{border-color:var(--purple);background:var(--bg-hi);outline:none;box-shadow:0 0 0 3px #7235e026}.header-search .search-icon{color:var(--t3);pointer-events:none;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sidebar-overlay{z-index:199;opacity:0;background:#000000a6;transition:opacity .22s ease-out;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1}.page-shell{min-height:calc(100dvh - var(--hh));flex-direction:column;display:flex}.page-with-sidebar{max-width:var(--max-w);flex:1;align-items:flex-start;width:100%;margin:0 auto;display:flex}.page-content{flex:1;min-width:0}.burger-btn{border-radius:var(--r-sm);background:var(--bg3);width:44px;height:44px;color:var(--t2);cursor:pointer;transition:var(--ease);border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.burger-btn:hover{background:var(--bg-hi);color:var(--t1)}@media (max-width:768px){.burger-btn{display:flex}.header-search{display:none}.header-actions{margin-left:auto}.page-content{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--mobile-fixed-gap));overflow-x:clip}.page-shell>.footer{padding-bottom:calc(32px + var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--mobile-fixed-gap))}}@media (max-width:640px){.header-actions{gap:4px}.header-actions .btn-sm{padding:7px 10px;font-size:12px}.header-actions .btn-ghost{display:none}}
.profile-setup-overlay{overscroll-behavior:contain;touch-action:pan-y;justify-content:center;align-items:center;height:100dvh;padding:16px;display:flex;overflow-y:auto}.profile-setup-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:380px;max-height:calc(100dvh - 32px);padding:32px;scroll-padding-block:72px;overflow-y:auto}.profile-setup-close{z-index:2;touch-action:manipulation;width:44px;height:44px}@media (max-width:640px){.profile-setup-overlay{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));align-items:flex-start}.profile-setup-dialog{max-height:calc(100vh - 16px);max-height:calc(100dvh - max(16px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:24px 20px}}
.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{z-index:150;background:var(--bg-card);border-top:1px solid var(--border);min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:6px 0 env(safe-area-inset-bottom);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{min-width:44px;min-height:44px;color:var(--t3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.is-active{color:var(--t1)}.bottom-nav-cta{color:#fff}.bottom-nav-cta svg{background:var(--grad);border-radius:var(--r-full);width:40px;height:40px;margin-top:-14px;padding:8px;box-shadow:0 4px 14px #7235e066}}