.hub{max-width:480px;margin:auto;padding:26px 20px 100px}.hub h1{font-size:46px;line-height:1.05;margin:25px 0 15px}.hub p{font-size:14px;line-height:1.7;white-space:pre-line}.hub nav{display:flex;gap:20px;font-size:13px}.hub-card{background:#244c3a;border:1px solid #ffffff26;border-radius:12px;padding:22px;margin:20px 0}.hub-card.read{opacity:.7}.hub-card h2{font-size:23px}.hub-card img{width:100%;border-radius:8px}.hub-card button{margin:15px 0 0 12px}.hub button{min-height:44px;border-radius:6px;padding:12px;background:#f5ce58;color:#173b35;font:inherit;border:0;cursor:pointer}.hub button:disabled{opacity:.5;cursor:default}.hub-empty{padding:28px 20px;border:1px dashed #ffffff44;border-radius:10px}.hub #hubPreferences{margin-top:35px;padding-top:25px;border-top:1px solid #ffffff33}.hub .hub-check{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:14px}.hub .hub-check input{width:20px;height:20px}.hub .hub-times{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hub input[type=number]{display:block;width:100%;padding:12px;margin:10px 0 20px;background:#f0e5cb;border:0;border-radius:5px;font:inherit}.hub .error{color:#ffbca2}.hub #hubStatus{min-height:26px}.hub small{font-size:10px;letter-spacing:2px;text-transform:uppercase}
@font-face{font-family:WerkhainSpray;src:url('/assets/board-fonts/RubikSprayPaint-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WerkhainMarker;src:url('/assets/board-fonts/PermanentMarker-Regular.ttf') format('truetype');font-display:swap}
.hub .shop-coming-tag{position:relative;isolation:isolate;max-width:100%;margin:42px 0 32px;padding:14px 8px 24px;transform:rotate(-3deg);color:#f5ce58;text-align:center;font-family:WerkhainMarker,'Segoe Print',cursive;line-height:1.18;white-space:normal;text-shadow:1px 2px 2px #09291fe0}
.shop-coming-tag span,.shop-coming-tag strong{display:block}
.shop-coming-tag .shop-tag-lead{font-size:clamp(21px,6vw,29px);text-transform:uppercase}
.shop-coming-tag strong{margin:8px 0 5px;font-family:WerkhainSpray,Impact,sans-serif;font-size:clamp(32px,9vw,43px);font-weight:400;letter-spacing:-1px;text-transform:uppercase;line-height:1.04;color:#fff1d2;overflow-wrap:normal}
.shop-coming-tag .shop-tag-later{font-size:clamp(22px,6.2vw,30px);text-transform:uppercase}
.shop-coming-tag .shop-tag-signoff{position:relative;width:max-content;max-width:100%;margin:24px 8px 0 auto;font-size:25px;color:#ed83b1;transform:rotate(-5deg)}
.shop-tag-signoff:after{content:'';position:absolute;left:-8%;right:-5%;height:5px;bottom:-5px;background:#ed83b1;clip-path:polygon(0 32%,97% 0,100% 70%,5% 100%);transform:rotate(-4deg);opacity:.8}