.topbar{position:fixed;top:0;left:0;right:0;height:calc(56px + env(safe-area-inset-top, 0px));padding-top:env(safe-area-inset-top,0);background-color:hsla(0,0%,100%,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);justify-content:space-between;padding-left:20px;padding-right:20px;z-index:100;border-bottom:.5px solid rgba(0,0,0,.08)}.topbar,.topbar__left{display:flex;align-items:center}.topbar__left{gap:10px}.topbar__title{font-size:1.125rem;font-weight:700;color:#6366f1}.topbar__right{display:flex;align-items:center;gap:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background-color:hsla(0,0%,100%,.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid rgba(0,0,0,.08);display:flex;align-items:stretch;justify-content:space-around;z-index:100}.bottom-nav__item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0;color:#8e8e93;text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:inherit}.bottom-nav__item--active{color:#6366f1}.bottom-nav__icon{font-size:1.375rem;line-height:1;height:26px;display:flex;align-items:center;justify-content:center}.bottom-nav__label{font-size:.625rem;font-weight:500;letter-spacing:.01em}.more-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.35);z-index:199;animation:fadeIn .2s ease}.more-sheet{position:fixed;bottom:0;left:0;right:0;pointer-events:none;background-color:#fff;border-radius:20px 20px 0 0;z-index:200;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));box-shadow:0 -4px 30px rgba(0,0,0,.12)}.more-sheet--open{transform:translateY(0);pointer-events:auto}.more-sheet__handle{width:36px;height:5px;background-color:#d1d5db;border-radius:3px;margin:10px auto 0}.more-sheet__header{padding:20px 20px 16px;border-bottom:.5px solid #f3f4f6}.more-sheet__user{display:flex;align-items:center;gap:12px}.more-sheet__user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.more-sheet__user-info{display:flex;flex-direction:column;gap:2px}.more-sheet__user-name{font-size:1rem;font-weight:600;color:#1f2937}.more-sheet__user-label{font-size:.75rem;color:#9ca3af}.more-sheet__nav{padding:8px 0}.more-sheet__link{display:flex;align-items:center;gap:14px;padding:14px 20px;color:#1f2937;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .15s}.more-sheet__link:active{background-color:#f3f4f6}.more-sheet__link--active{color:#6366f1}.more-sheet__link-icon{font-size:1.25rem;width:28px;text-align:center}.more-sheet__link-label{flex:1 1}.more-sheet__link-arrow{font-size:1.25rem;color:#d1d5db;font-weight:300}.more-sheet__footer{padding:8px 20px 20px;border-top:.5px solid #f3f4f6}.more-sheet__logout{width:100%;padding:14px;background-color:#fef2f2;border:none;border-radius:12px;color:#dc2626;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s;font-family:inherit}.more-sheet__logout:active{background-color:#fee2e2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-shell{background-color:var(--color-bg,#f5f5f7);display:flex;flex-direction:column}.app-shell,.app-shell__main{min-height:100vh;min-height:100dvh}.app-shell__main{padding-top:56px;padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));flex:1 1}