.main-layout[data-v-0b469ec2]{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.page-content[data-v-0b469ec2]{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-content.has-bottom-tabs[data-v-0b469ec2]{padding-bottom:64px}.settings-gear[data-v-0b469ec2]{z-index:50;color:#00000059;cursor:pointer;font-size:22px;transition:color .2s,transform .2s;position:absolute;top:12px;right:14px}.settings-gear[data-v-0b469ec2]:hover{color:#7c3aed;transform:rotate(45deg)}.settings-gear[data-v-0b469ec2]:active{transform:rotate(90deg)}.bottom-tab-bar[data-v-0b469ec2]{z-index:1000;width:100%;max-width:480px;height:56px;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #0000000f;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item[data-v-0b469ec2]{cursor:pointer;color:#00000059;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;transition:color .2s;display:flex}.tab-item[data-v-0b469ec2]:hover{color:#0009}.tab-item.active[data-v-0b469ec2]{color:#7c3aed}.tab-icon[data-v-0b469ec2]{font-size:22px;line-height:1}.tab-label[data-v-0b469ec2]{font-size:11px;line-height:1}html,body{color:#1a1a2e;background:#f5f5f7;margin:0;padding:0}.app-root{background:#f5f5f7;width:100%;max-width:480px;height:100vh;margin:0 auto;position:relative;overflow:hidden}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .25s}.page-fade-enter-from,.page-fade-leave-to{opacity:0}