*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;width:100%}body{font-family:DM Sans,sans-serif;background:#f8f5f1;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.fullscreen-overlay{position:fixed;top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);overscroll-behavior:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}body.aisle-camera-active,html.aisle-camera-active{background:transparent!important}body.aisle-camera-active #root{display:none!important}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes celebrationPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.9}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes badgePulse{0%,to{box-shadow:0 0 #e6a8174d}50%{box-shadow:0 0 0 4px #e6a81700}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heartBurst{0%{transform:scale(0);opacity:0}15%{transform:scale(1.35);opacity:1}60%{transform:scale(1.05);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes storyPulse{0%,to{box-shadow:0 0 #c97b5d66}50%{box-shadow:0 0 0 4px #c97b5d00}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.nav-label{display:inline}.post-detail-inner{display:flex;max-width:1100px;width:95vw;max-height:90vh;overflow:hidden}.post-detail-media{flex:1 1 58%;min-height:450px}.post-detail-sidebar{flex:1 1 42%;max-width:420px;min-width:320px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;grid-template-columns:1fr 1fr}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-header-layout{display:flex;gap:24px;align-items:flex-start}.profile-stats-row{display:flex;gap:24px}.post-detail-nav-left,.post-detail-nav-right{display:flex}.category-scroll-card{min-width:200px}@media(max-width:768px){.nav-label{display:none}.post-detail-overlay,.post-detail-backdrop{background:#fff!important}.post-detail-inner{flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.post-detail-media{flex:0 0 auto;min-height:0;max-height:none;width:100%}.post-detail-sidebar{flex:0 0 auto;max-width:100%;min-width:0}.post-detail-sidebar>div{overflow:visible!important}.post-detail-sidebar>div:last-child{padding-bottom:env(safe-area-inset-bottom,8px)}.post-detail-nav-left,.post-detail-nav-right{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.discover-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.profile-header-layout,.profile-stats-row{gap:16px}.category-scroll-card{min-width:160px}}@media(max-width:480px){.form-row,.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.discover-grid{grid-template-columns:1fr 1fr;gap:8px}.profile-header-layout{flex-direction:column;align-items:center;text-align:center;gap:12px}.profile-stats-row{justify-content:center;gap:20px}.category-scroll-card{min-width:140px}}