@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Outfit:wght@400;600;800&display=swap";
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--theme-bg:#fff9f0;--theme-text:#1c140f;--theme-text-rgb:28, 20, 15;--theme-text-secondary:#5d4037;--theme-accent-1:#e67e22;--theme-accent-1-rgb:230, 126, 34;--theme-accent-2:#ec7063;--theme-accent-2-rgb:236, 112, 99;--theme-bg-card:#fff;--theme-bg-card-rgb:255, 255, 255;--theme-inverse:#fff;--glass-opacity:.8;--bg-dark:var(--theme-bg);--bg-card-legacy:var(--theme-bg-card);--accent-primary:var(--theme-accent-1);--accent-secondary:var(--theme-accent-2);--accent-tertiary:#fff;--text-main:var(--theme-text);--text-muted:rgba(var(--theme-text-rgb), .7);--glass-border:rgba(var(--theme-text-rgb), .06);--glass-blur:blur(12px);--safe-area-inset-bottom:env(safe-area-inset-bottom)}[data-theme=dark]{--theme-bg:#0a0e1a;--theme-text:#fff;--theme-text-rgb:255, 255, 255;--theme-text-secondary:#a0aec0;--theme-accent-1:#00d2ff;--theme-accent-1-rgb:0, 210, 255;--theme-accent-2:#7f00ff;--theme-accent-2-rgb:127, 0, 255;--theme-bg-card:#151a2d;--theme-bg-card-rgb:21, 26, 45;--theme-inverse:#000;--glass-opacity:.2}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:#0000;margin:0;padding:0}body{color:var(--theme-text);background-color:var(--theme-bg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 0% 0%, #64d2ff14 0px, transparent 50%),radial-gradient(at 100% 0%, #ffffff1f 0px, transparent 50%),radial-gradient(at 50% 100%, rgba(var(--theme-accent-1-rgb), .05) 0px, transparent 50%),radial-gradient(circle at 20% 40%, rgba(var(--theme-accent-1), .05) 0%, transparent 40%);position:fixed;inset:0}[data-theme=dark] body:before{background:radial-gradient(circle at 10% 0,#00d2ff26 0%,#0000 50%),radial-gradient(circle at 90% 0,#7f00ff26 0%,#0000 50%),radial-gradient(circle at 50% -10%,#00d2ff1a 0%,#0000 60%)}.content-wrapper,main{width:100%;position:relative}h1,h2,h3,.brand{color:var(--theme-text);font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}input,textarea,select{font-family:inherit}.omd-glass{background:rgba(var(--theme-bg-card), var(--glass-opacity));-webkit-backdrop-filter:blur(var(--glass-blur,12px));border:1px solid var(--glass-border);box-shadow:0 12px 40px rgba(var(--theme-text-rgb), .08);border-radius:20px}.omd-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-weight:600;transition:all .2s;display:inline-flex}.omd-btn--primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:var(--theme-inverse);padding:12px 24px;box-shadow:0 8px 20px #e67e2240}.omd-btn--primary:active{transform:scale(.96)}.omd-btn--secondary{background:rgba(var(--theme-text), .05);color:var(--theme-text);border:1px solid rgba(var(--theme-text), .1);padding:10px 20px}.omd-btn--secondary:hover{background:rgba(var(--theme-text), .08)}.app-shell{width:100%;min-height:100vh;margin:0 auto;position:relative}.content-wrapper,main{width:100%;max-width:1200px;padding-bottom:calc(70px + env(safe-area-inset-bottom) + 20px);margin:0 auto}.omd-feed,.social-grid{grid-template-columns:1fr;gap:16px;padding:16px;display:grid}@media (min-width:768px){.omd-feed,.social-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.pack-grid{grid-template-columns:repeat(3,1fr)!important}.actions-grid{grid-template-columns:repeat(8,1fr)!important}}@keyframes veil-spin{to{transform:rotate(360deg)}}@keyframes sos-veil-spin{to{transform:rotate(360deg)}}#modal-root{position:relative;z-index:30000!important}#modal-root>div{z-index:30000!important}
