:root{--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--secondary: #ec4899;--accent: #06b6d4;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-dim: #94a3b8;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .12);--safe-area-bottom: env(safe-area-inset-bottom, 20px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%}.glass{position:relative;z-index:10;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.feed-container{height:100vh;width:100vw;max-width:500px;margin:0 auto;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;background-color:var(--bg-dark);position:relative;box-shadow:0 0 50px #00000080}.feed-container::-webkit-scrollbar{display:none}.feed-item{height:100vh;width:100%;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(var(--safe-area-bottom) + 100px)}.monster-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center}.monster-bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,var(--bg-dark) 0%,transparent 100%)}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-primary:active{transform:scale(.95)}