.page-container{height:100vh;height:100dvh;display:flex;flex-direction:column;background:transparent}.page-container.shop-mode{padding-top:env(safe-area-inset-top)}.page-container.shop-mode .welcome-card-wrapper{padding-top:8px}.page-header{padding:8px 16px;background:color-mix(in srgb,var(--accent) 5%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,transparent);z-index:10}.header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:12px}.header-brand-text{font-size:12px;color:var(--text-muted);line-height:1.4}.header-brand-text strong{color:var(--primary);font-weight:700}.header-share-button{flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:600;color:#ffffff;background:var(--accent);border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-share-button:hover{background:var(--accent-dark);box-shadow:var(--shadow-glow)}.header-share-button:active{transform:scale(.96)}.page-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px}.page-loading-spinner{width:16px;height:16px;border-radius:50%;background:var(--accent);animation:pageBreathe 2s ease-in-out infinite}.page-loading-text{font-size:14px;color:var(--text-secondary);animation:pageFadeInOut 2s ease-in-out infinite}@keyframes pageBreathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:1}}@keyframes pageFadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.page-loading-spinner{animation:none;opacity:.7}.page-loading-text{animation:none;opacity:.8}}.page-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px 24px;text-align:center}.page-error-icon{font-size:48px;margin-bottom:16px;opacity:.6}.page-error-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.page-error-detail{font-size:13px;color:var(--text-muted);line-height:1.5}