*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#111;background:#fff;font-family:Arial,sans-serif}button{font:inherit}.app{background:#fff;min-height:100vh;padding-bottom:72px}.top-bar{z-index:10;background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;min-height:60px;padding:8px 14px;display:flex;position:sticky;top:0}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-right:6px;display:flex}.icon-button:active{background:#f0f0f0}.brand{align-items:center;gap:9px;margin-left:auto;font-size:18px;font-weight:700;display:flex}.brand-logo{color:#fff;background:#111;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.main-content{min-height:calc(100vh - 132px)}.home-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 132px);padding:24px;display:flex}.home-placeholder h1{margin:0 0 8px;font-size:28px}.home-placeholder p{margin:0;font-size:16px}.bottom-navigation{z-index:20;background:#fff;border-top:1px solid #e5e5e5;grid-template-columns:repeat(5,1fr);height:72px;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#666;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 2px;display:flex}.nav-item.active{color:#111;font-weight:700}.nav-icon{justify-content:center;align-items:center;min-height:24px;font-size:21px;line-height:1;display:flex}.nav-label{font-size:11px;line-height:1.2}@media (width>=768px){.app{max-width:1200px;margin:0 auto}.bottom-navigation{width:min(1200px,100%);left:50%;right:auto;transform:translate(-50%)}}