*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--top-bar-height:52px;--bottom-nav-height:60px;--blue:#007aff;--red:#ff3b30;--green:#34c759;--bg:#f2f2f7;--surface:#fff;--separator:#e5e5ea;--label:#1c1c1e;--secondary-label:#8e8e93}body{background:var(--bg);color:var(--label);-webkit-tap-highlight-color:transparent;max-width:480px;min-height:100dvh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit;font-size:inherit;outline:none}.app-shell{flex-direction:column;height:100dvh;display:flex}.top-bar{height:var(--top-bar-height);background:var(--surface);border-bottom:1px solid var(--separator);z-index:10;flex-shrink:0;align-items:center;padding:0 8px;display:flex;position:sticky;top:0}.icon-btn{width:44px;height:44px;color:var(--blue);border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex}.tab-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 8px;font-size:17px;font-weight:600;overflow:hidden}.content{flex-direction:column;flex:1;display:flex;overflow:hidden}.bottom-nav{height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--separator);flex-shrink:0;display:flex}.nav-btn{color:var(--secondary-label);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.nav-btn.active{color:var(--blue)}