.home{min-height:100vh;position:relative;overflow:hidden}.bg-section{z-index:0;width:33.34%;height:100vh;position:fixed;top:0}.bg-blue{background:linear-gradient(135deg,#1565c0,#42a5f5);left:0}.bg-green{background:linear-gradient(135deg,#2e7d32,#66bb6a);left:33.33%}.bg-yellow{background:linear-gradient(135deg,#f9a825,#ffee58);left:66.66%}.runner-container{z-index:2;justify-content:center;padding-top:80px;display:flex;position:relative}.runner{filter:drop-shadow(0 4px 20px #0000004d)}.title{z-index:2;text-align:center;color:#fff;text-shadow:3px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;letter-spacing:4px;margin:20px 0 0;font-size:4rem;font-weight:900;position:relative}.tagline{z-index:2;text-align:center;color:#fff;text-shadow:2px 2px #000;letter-spacing:8px;margin-bottom:40px;font-size:1.2rem;position:relative}.flavors-section{z-index:2;padding:40px 20px 80px;position:relative}.flavors-title{text-align:center;color:#fff;text-shadow:2px 2px #000;letter-spacing:3px;margin-bottom:40px;font-size:2.5rem}.flavors-grid{flex-direction:column;gap:30px;max-width:800px;margin:0 auto;display:flex}.flavor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;align-items:center;gap:30px;padding:25px 30px;display:flex}.flavor-card.reverse{flex-direction:row-reverse}.flavor-bottle{flex-shrink:0}.flavor-info h3{text-shadow:1px 1px #0000004d;margin-bottom:8px;font-size:1.6rem;font-weight:800}.flavor-info p{color:#fff;text-shadow:1px 1px #0003;font-size:.95rem;line-height:1.5}.acoustic-guitar{z-index:10;cursor:pointer;transition:transform .3s;position:fixed;bottom:20px;left:20px}.acoustic-guitar:hover{transform:scale(1.1)rotate(-5deg)}.electric-guitar{z-index:10;position:fixed;top:20px;right:20px}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:40px;position:relative}.modal h2{color:#333;margin-bottom:8px}.modal p{color:#666;margin-bottom:20px}.modal input{border:2px solid #ddd;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:12px 16px;font-size:1rem}.modal input:focus{border-color:#42a5f5}.modal button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1565c0,#2e7d32);border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:700}.modal button[type=submit]:hover{opacity:.9}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;font-size:1.2rem;position:absolute;top:12px;right:16px}@media (width<=600px){.title{font-size:2.2rem}.tagline{letter-spacing:4px;font-size:.9rem}.flavor-card,.flavor-card.reverse{text-align:center;flex-direction:column}.acoustic-guitar,.electric-guitar{transform:scale(.7)}.acoustic-guitar{bottom:5px;left:5px}.electric-guitar{top:5px;right:5px}}.employee-page{min-height:100vh;position:relative;overflow:hidden}.employee-page .bg-section{z-index:0;width:33.34%;height:100vh;position:fixed;top:0}.employee-page .bg-blue{background:linear-gradient(135deg,#1565c0,#42a5f5);left:0}.employee-page .bg-green{background:linear-gradient(135deg,#2e7d32,#66bb6a);left:33.33%}.employee-page .bg-yellow{background:linear-gradient(135deg,#f9a825,#ffee58);left:66.66%}.recipe-container{z-index:2;max-width:900px;margin:0 auto;padding:40px 20px;position:relative}.recipe-container h1{text-align:center;color:#fff;text-shadow:2px 2px #000;letter-spacing:3px;margin-bottom:5px;font-size:2.5rem}.recipe-container .subtitle{text-align:center;color:#fff;text-shadow:1px 1px #000;letter-spacing:6px;margin-bottom:40px;font-size:.9rem}.back-btn{color:#fff;cursor:pointer;text-shadow:1px 1px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #fff6;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:.95rem;font-weight:600}.back-btn:hover{background:#ffffff4d}.recipes-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.recipe-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 32px #00000026}.recipe-card h2{margin-bottom:16px;font-size:1.5rem;font-weight:800}.recipe-card ul{padding:0;list-style:none}.recipe-card li{color:#444;border-bottom:1px solid #eee;padding:8px 0;font-size:.95rem}.recipe-card li:last-child{border-bottom:none}.recipe-card li:before{content:"• ";font-weight:700}@media (width<=600px){.recipes-grid{grid-template-columns:1fr}.recipe-container h1{font-size:1.8rem}}.horror-page{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.horror-page.flicker{background:#0a0a0a}.horror-page.flicker .horror-title{opacity:.6}.horror-content{text-align:center;z-index:2;position:relative}.horror-title{color:#fff;letter-spacing:8px;margin-bottom:15px;font-family:Georgia,Times New Roman,serif;font-size:4rem;font-weight:300;transition:opacity 50ms}.horror-subtitle{color:red;letter-spacing:6px;text-transform:lowercase;margin-bottom:80px;font-size:1.8rem;font-weight:700;animation:3s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{color:red}50%{color:#c00}}.horror-link-container{margin-top:40px}.horror-link{color:#666;letter-spacing:3px;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;transition:color .3s}.horror-link:hover{color:red}.static-overlay{pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}@media (width<=600px){.horror-title{letter-spacing:4px;font-size:2.2rem}.horror-subtitle{letter-spacing:3px;font-size:1.2rem}}.discussion-page{background:linear-gradient(135deg,red 0%,#f80 14%,#ff0 28%,#0f0 42%,#08f 57%,#00f 71%,#80f 85%,#f0f 100%);min-height:100vh;padding:40px 20px}.discussion-container{max-width:700px;margin:0 auto}.discussion-back{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:none;border-radius:6px;margin-bottom:20px;padding:8px 16px;font-size:.9rem;font-weight:600}.discussion-back:hover{background:#fff6}.discussion-title{text-align:center;color:#fff;text-shadow:2px 2px 4px #0000004d;letter-spacing:4px;margin-bottom:30px;font-size:3rem;font-weight:400}.creator-login{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.creator-login input{border:none;border-radius:8px;outline:none;width:200px;padding:10px 16px;font-size:.9rem}.creator-login button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600}.creator-login button:hover{background:#000c}.creator-badge{text-align:center;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;display:inline-block}.posts-list{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.post-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 4px 16px #0000001a}.post-text{color:#333;margin-bottom:10px;font-size:1rem;line-height:1.5}.post-status{letter-spacing:1px;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.post-status.approved{color:#2e7d32;background:#e8f5e9}.post-status.denied{color:#c62828;background:#ffebee}.post-actions{gap:10px;margin-top:8px;display:flex}.approve-btn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:600}.deny-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:600}.new-post-form{flex-direction:column;gap:12px;display:flex}.new-post-form textarea{resize:vertical;border:none;border-radius:12px;outline:none;padding:16px;font-family:inherit;font-size:1rem;box-shadow:0 4px 16px #0000001a}.new-post-form button{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:8px;align-self:flex-end;padding:12px 32px;font-size:1rem;font-weight:700}.new-post-form button:hover{background:#000000d9}@media (width<=600px){.discussion-title{font-size:2rem}.creator-login{flex-direction:column;align-items:center}.creator-login input{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#root{min-height:100vh}