.app-shell{width:min(100%,480px);min-height:100vh;min-height:calc(var(--app-vh,1vh)*100);margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) 14px calc(var(--nav-h) + 12px + env(safe-area-inset-bottom));position:relative}.app-main{padding-top:14px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:calc(-10px - env(safe-area-inset-top)) -14px 0;padding:calc(10px + env(safe-area-inset-top)) 14px 8px;background:linear-gradient(to bottom,rgba(5,9,20,.96),rgba(5,9,20,.78) 72%,rgba(5,9,20,0));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-picker,.pill{height:46px;border:1px solid var(--border);background:rgba(16,26,43,.9);border-radius:999px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;color:var(--text);box-shadow:0 8px 28px rgba(0,0,0,.18)}.site-picker{min-width:0;max-width:230px}.site-picker select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--text);font-size:18px;max-width:160px;outline:0;padding-right:4px}.site-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--accent)}.top-actions{display:flex;align-items:center;gap:8px}.user-pill{color:var(--muted)}.logout{color:var(--muted);white-space:nowrap}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(calc(100% - 20px),460px);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:6px 10px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:rgba(5,9,20,.82);border:1px solid rgba(38,54,79,.8);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -18px 48px rgba(0,0,0,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:40}.nav-item{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;border-radius:16px;padding:4px;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-item span{font-size:21px;line-height:1}.nav-item small{font-size:11px}.nav-item.is-active{color:var(--accent);background:var(--surface)}.is-android .bottom-nav{border-radius:18px;bottom:8px;border:1px solid var(--border);box-shadow:0 14px 36px rgba(0,0,0,.32)}.is-android .app-shell{padding-bottom:calc(var(--nav-h) + 28px + env(safe-area-inset-bottom))}.is-standalone .topbar{padding-top:calc(8px + env(safe-area-inset-top))}.is-standalone .app-shell{padding-top:calc(8px + env(safe-area-inset-top))}@media (display-mode: standalone){body{user-select:none}.app-main,input,textarea{user-select:text}}@media (max-width:390px){.app-shell{padding-left:10px;padding-right:10px}.topbar{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.user-pill{display:none}.site-picker select{max-width:128px}.bottom-nav{width:min(calc(100% - 12px),468px)}}