[hidden]{display:none!important}.app{margin-left:0!important}.app>header{position:relative;height:82px;background:#ffffffd9;border-bottom:1px solid #e9e9e2;padding:0 max(24px,calc((100vw - 1220px)/2));gap:16px}.header-start .brand{font-size:25px}.header-start .hex{font-size:37px}.app main{max-width:1300px;margin:auto;padding-bottom:145px}.bottom-dock{position:fixed;z-index:35;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:min(530px,calc(100% - 28px));padding:9px;background:#fffffff2;border:1px solid #e8e7db;border-radius:25px;box-shadow:0 12px 50px #29261720;backdrop-filter:blur(18px)}.bottom-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 5px;border-radius:18px;text-align:center;font-size:11px;color:#76766a;min-width:0}.bottom-dock button.active{background:#ffcf51;color:#34290d;box-shadow:0 3px 12px #e6b32f25}.dock-icon{font-size:23px;line-height:1.1;font-family:Arial,sans-serif}.more-sheet{position:fixed;inset:auto 0 120px;margin:0 auto;width:min(510px,calc(100% - 28px));max-height:70dvh;overflow:auto;border:1px solid #e7e5d6;border-radius:26px;padding:27px;box-shadow:0 24px 80px #28291829;background:#fffef9}.more-sheet::backdrop{background:#23281955;backdrop-filter:blur(5px)}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.sheet-heading h2{font:700 22px Manrope,sans-serif;margin:7px 0}.sheet-heading .eyebrow{margin:0}.sheet-heading>button{border:0;background:#f1f1e8;width:34px;height:34px;border-radius:50%;font-size:23px;color:#656557}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.more-grid button{background:#f5f6ee;border:1px solid #ebece1;border-radius:16px;display:flex;align-items:center;gap:12px;padding:19px 14px;font-size:12px;color:#4b4e40}.more-grid button.active{background:#fff1c3}.more-grid .dock-icon{color:#a77d0e}.bottom-dock button:hover,.more-grid button:hover{background:#fff0bc}#toast{bottom:125px!important}@media(max-width:700px){.app>header{height:72px;padding:0 18px}.header-start .brand{font-size:21px}.header-start .hex{font-size:31px}.app main{padding-bottom:135px}.bottom-dock{bottom:max(12px,env(safe-area-inset-bottom));gap:2px;border-radius:22px;padding:7px}.bottom-dock button{padding:9px 2px;font-size:10px}.more-sheet{bottom:110px;padding:23px}.member-status{display:none}.app>header>div{gap:10px}}@media(prefers-reduced-motion:no-preference){.bottom-dock button{transition:background .18s,transform .18s}.bottom-dock button:active{transform:scale(.96)}}
/* Floating active tab inspired by the supplied second navigation reference. */
.bottom-dock{width:min(460px,calc(100% - 30px));height:72px;padding:0 14px 8px;border-radius:28px;background:#fffffffa;border:1px solid #fff;box-shadow:0 10px 45px #262c2320;gap:0;overflow:visible}.bottom-dock:after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:45px;height:3px;border-radius:3px;background:#dedfd7}.bottom-dock button{position:relative;border-radius:22px;padding:10px 0 5px;gap:0;background:transparent;color:#7f8576;min-height:60px;overflow:visible}.bottom-dock button .dock-icon{position:relative;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:transparent;transition:transform .42s cubic-bezier(.22,1.35,.4,1),background .25s,box-shadow .25s,color .25s;flex-shrink:0}.bottom-dock .dock-icon svg{width:21px;height:21px}.bottom-dock button>span:last-child{position:absolute;bottom:6px;font-size:9px;line-height:1.2;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.bottom-dock button.active,.bottom-dock button.active:hover{background:transparent;color:#665016;box-shadow:none}.bottom-dock button.active .dock-icon{transform:translateY(-23px);background:linear-gradient(135deg,#ffdc72,#ffc333);color:#755111;box-shadow:0 6px 16px #d4a32d50,0 0 0 6px #f7f8f3}.bottom-dock button.active>span:last-child{opacity:1;transform:translateY(0);font-weight:700}.bottom-dock button:hover{background:transparent;color:#302f25}.bottom-dock button:active{transform:none}.bottom-dock button:not(.active):hover .dock-icon{background:#f6f4e9;transform:translateY(-2px)}.bottom-dock button:focus-visible{outline-offset:0}.more-sheet{bottom:122px}@media(max-width:700px){.bottom-dock{height:68px;width:min(420px,calc(100% - 30px));padding:0 9px 8px;border-radius:25px;bottom:max(17px,env(safe-area-inset-bottom))}.bottom-dock button{padding:7px 0 5px;min-height:58px}.bottom-dock button .dock-icon{width:43px;height:43px}.bottom-dock button.active .dock-icon{transform:translateY(-22px)}.bottom-dock button>span:last-child{font-size:9px;bottom:7px}.more-sheet{bottom:120px}}@media(prefers-reduced-motion:reduce){.bottom-dock button .dock-icon,.bottom-dock button>span:last-child{transition:none}}