:root{--primary: #FF0040;--primary-light: #FF4D6D;--accent: #FFE600;--cream: #FFFBE6;--white: #FFFFFF;--black: #1A1A2E;--text-dark: #1A1A2E;--text-light: #3D3D5C;--text-muted: #7A7A9E;--border: #1A1A2E;--turquoise: #00E5FF;--violet: #AA00FF;--coral: #FF6B35;--mint: #00E676;--hot-pink: #FF0060;--blue-pop: #2979FF;--yellow-pop: #FFE600;--shadow-soft: 3px 3px 0px var(--black);--shadow-medium: 5px 5px 0px var(--black);--shadow-kitsch: 4px 4px 0px var(--black);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--transition: .2s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, #FF0040, #FF0060, #FFE600);--gradient-bg: linear-gradient(180deg, #FFFBE6 0%, #FFF9C4 50%, #E3F2FD 100%);--dots-pattern: radial-gradient(circle, var(--black) 1px, transparent 1px);--dots-size: 20px 20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-bg);color:var(--text-dark);overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}body{font-family:Bangers,cursive;font-size:16px;font-weight:400;letter-spacing:.5px}h1,h2,h3,h4,h5,h6{font-family:Bangers,cursive;font-weight:400;line-height:1.2;letter-spacing:2px;text-transform:uppercase}h1{font-size:2.8rem}h2{font-size:2rem}h3{font-size:1.6rem}p{font-family:Nunito,sans-serif;line-height:1.6;font-weight:600}strong{font-weight:900;color:var(--hot-pink);text-shadow:2px 2px 0px var(--yellow-pop)}@media (min-width: 1024px){h1{font-size:3.2rem}h2{font-size:2.4rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 40px;background:var(--hot-pink);color:var(--white);font-family:Bangers,cursive;font-weight:400;font-size:1.2rem;border-radius:0;border:4px solid var(--black);cursor:pointer;transition:var(--transition);box-shadow:5px 5px 0 var(--black);text-transform:uppercase;letter-spacing:2px}.btn-primary:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--black);background:#ff0040}.btn-primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--black)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:5px 5px #1a1a2e4d}.btn-primary svg{width:20px;height:20px}.btn-secondary-small{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--yellow-pop);color:var(--black);font-family:Bangers,cursive;font-weight:400;font-size:.95rem;border-radius:0;border:3px solid var(--black);cursor:pointer;transition:var(--transition);box-shadow:3px 3px 0 var(--black);letter-spacing:1px}.btn-secondary-small:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--black)}.btn-secondary-small svg{width:16px;height:16px}.btn-capture{width:80px;height:80px;border-radius:var(--radius-full);background:var(--yellow-pop);border:5px solid var(--black);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:5px 5px 0 var(--hot-pink);position:relative}.btn-capture:after{content:"";width:58px;height:58px;border-radius:var(--radius-full);background:var(--hot-pink);border:3px solid var(--black);transition:var(--transition)}.btn-capture:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--hot-pink)}.btn-capture:hover:after{transform:scale(.9)}.btn-capture:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--hot-pink)}.btn-capture:active:after{transform:scale(.85)}.btn-capture:disabled{opacity:.5;cursor:not-allowed}.btn-capture:disabled:after{background:var(--text-muted)}.btn-flip{width:44px;height:44px;border-radius:0;background:#ffe600cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid var(--black);color:var(--black);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:2px 2px 0 var(--black)}.btn-flip:hover{background:var(--yellow-pop);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--black)}.btn-flip svg{width:22px;height:22px}.btn-back{display:flex;align-items:center;gap:6px;padding:8px 16px;color:var(--black);font-size:.9rem;font-weight:400;font-family:Bangers,cursive;background:#ffe600d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;border:3px solid var(--black);cursor:pointer;transition:var(--transition);box-shadow:2px 2px 0 var(--black);letter-spacing:1px;text-transform:uppercase}.btn-back:hover{background:var(--yellow-pop);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--black)}.btn-back svg{width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary .spinner-icon,.btn-secondary-small .spinner-icon{animation:spin 1s linear infinite}.analysis-result{background:transparent;border:none;padding:0;box-shadow:none;line-height:1.6;font-size:.9rem}.food-analysis{display:flex;flex-direction:column;gap:16px}.fa-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--yellow-pop);border-radius:0;padding:20px;border:4px solid var(--black);box-shadow:6px 6px 0 var(--black)}.fa-name h3{font-family:Bangers,cursive;font-size:1.6rem;font-weight:400;color:var(--black);margin:0;line-height:1.2;letter-spacing:2px;text-shadow:2px 2px 0px var(--hot-pink)}.fa-subtitle{display:block;font-family:Nunito,sans-serif;font-size:.8rem;color:var(--text-light);margin-top:4px;font-weight:700}.fa-score{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.fa-score-ring{position:relative;width:70px;height:70px}.fa-score-ring svg{width:100%;height:100%}.fa-score-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--score-color);font-family:Bangers,cursive;letter-spacing:1px}.fa-score-label{font-family:Bangers,cursive;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--score-color)}.fa-section{background:var(--white);border-radius:0;padding:16px 20px;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black)}.fa-section-title{font-family:Bangers,cursive;font-size:1.1rem;font-weight:400;color:var(--hot-pink);margin-bottom:12px;padding-bottom:8px;border-bottom:3px solid var(--black);letter-spacing:1px;text-transform:uppercase}.fa-macro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fa-macro-card{background:var(--cream);border-radius:0;padding:14px;text-align:center;display:flex;flex-direction:column;gap:2px;border:3px solid var(--black);box-shadow:3px 3px 0 var(--black)}.fa-macro-card:nth-child(1){background:#e3f2fd}.fa-macro-card:nth-child(2){background:#fff9c4}.fa-macro-card:nth-child(3){background:#fce4ec}.fa-macro-card:nth-child(4){background:#e8f5e9}.fa-macro-card:nth-child(5){background:#f3e5f5}.fa-macro-card:nth-child(6){background:#e0f7fa}.fa-macro-wide{grid-column:1 / -1}.fa-macro-value{font-size:1.6rem;font-weight:900;color:var(--black);font-family:Bangers,cursive;letter-spacing:1px}.fa-macro-sm{font-size:.9rem;font-family:Nunito,sans-serif;font-weight:800}.fa-macro-label{font-family:Nunito,sans-serif;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-light)}.fa-ingredients-table{display:flex;flex-direction:column}.fa-ing-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:8px;padding:8px 0;font-family:Bangers,cursive;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--hot-pink);border-bottom:3px solid var(--black)}.fa-ing-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:8px;padding:10px 0;border-bottom:2px dashed var(--text-muted);align-items:center}.fa-ing-row:last-child{border-bottom:none}.fa-ing-name{font-family:Nunito,sans-serif;font-weight:800;color:var(--black);font-size:.85rem}.fa-ing-val{font-family:Nunito,sans-serif;font-size:.8rem;color:var(--text-light);text-align:center;font-weight:800}.fa-ing-vit{font-family:Nunito,sans-serif;font-size:.7rem;color:var(--blue-pop);font-weight:700}.fa-health-card{border-radius:0;padding:14px}.fa-health-card.healthy{background:#e8f5e9;border:3px solid var(--black);box-shadow:3px 3px 0 var(--mint)}.fa-health-card.unhealthy{background:#fff3e0;border:3px solid var(--black);box-shadow:3px 3px 0 var(--coral)}.fa-health-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.health-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0;font-size:.9rem;font-weight:900;border:3px solid var(--black)}.health-icon.healthy{background:var(--mint);color:var(--black)}.health-icon.unhealthy{background:var(--coral);color:var(--white)}.fa-health-level{font-family:Bangers,cursive;font-weight:400;font-size:1rem;color:var(--black);letter-spacing:1px}.fa-health-reasons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.fa-health-reasons li{font-family:Nunito,sans-serif;font-size:.8rem;color:var(--text-dark);padding-left:20px;position:relative;font-weight:700}.fa-health-reasons li:before{content:"✦";position:absolute;left:2px;color:var(--hot-pink);font-size:1rem}.fa-suggestions{display:flex;flex-direction:column;gap:14px}.fa-sug-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--cream);border-radius:0;border:3px solid var(--black);box-shadow:3px 3px 0 var(--black)}.fa-sug-icon{font-size:1.3rem;line-height:1;flex-shrink:0;width:32px;text-align:center}.fa-sug-label{display:block;font-family:Bangers,cursive;font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--hot-pink);margin-bottom:2px}.fa-sug-text{display:block;font-family:Nunito,sans-serif;font-size:.85rem;color:var(--text-dark);font-weight:700}.fa-recipes{display:flex;flex-direction:column;gap:12px}.fa-recipe-card{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--cream);border-radius:0;border:3px solid var(--black);box-shadow:3px 3px 0 var(--black)}.fa-recipe-num{width:32px;height:32px;border-radius:0;background:var(--hot-pink);color:var(--white);font-family:Bangers,cursive;font-weight:400;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--black);box-shadow:2px 2px 0 var(--black)}.fa-recipe-content{flex:1;min-width:0}.fa-recipe-title{display:block;font-family:Bangers,cursive;font-weight:400;font-size:1rem;color:var(--black);margin-bottom:4px;letter-spacing:1px}.fa-recipe-steps{font-family:Nunito,sans-serif;font-size:.8rem;color:var(--text-light);line-height:1.5;margin:0;font-weight:600}.loading-analysis{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:50px;height:50px;border:5px solid var(--black);border-top-color:var(--hot-pink);border-right-color:var(--yellow-pop);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-analysis p{font-family:Nunito,sans-serif;color:var(--text-dark);font-size:.95rem;text-align:center;font-weight:700}.error-container{background:var(--white);border-radius:0;padding:32px 24px;border:4px solid var(--black);box-shadow:6px 6px 0 var(--coral);text-align:center}.error-container .error-icon{font-size:2.5rem;margin-bottom:12px}.error-container .error-title{font-family:Bangers,cursive;font-size:1.3rem;color:var(--black);margin-bottom:8px;letter-spacing:1px}.error-container .error-message{font-family:Nunito,sans-serif;color:var(--text-light);font-size:.9rem;margin-bottom:16px;font-weight:700}.error-container .error-suggestions{text-align:left;padding:12px 16px;background:var(--cream);border-radius:0;font-family:Nunito,sans-serif;font-size:.85rem;color:var(--text-dark);border:3px solid var(--black)}.error-container .error-suggestions li{padding:4px 0;font-weight:700}.error-container .error-suggestions li:before{content:"✦";color:var(--hot-pink)}.captured-image-container{border-radius:0;overflow:hidden;margin-bottom:20px;border:5px solid var(--black);box-shadow:6px 6px 0 var(--hot-pink)}.captured-image-container img{width:100%;height:auto;display:block}.header{display:flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--yellow-pop);border-bottom:4px solid var(--black);position:sticky;top:0;z-index:100;box-shadow:0 4px 0 var(--black)}.logo{font-family:Bangers,cursive;font-size:1.6rem;font-weight:400;color:var(--black);letter-spacing:3px;-webkit-user-select:none;user-select:none;cursor:default;text-shadow:2px 2px 0px var(--hot-pink);line-height:1.2;text-transform:uppercase}.logo span{font-family:Nunito,sans-serif;color:var(--hot-pink);font-weight:800;font-size:.45em;display:block;letter-spacing:4px;text-transform:uppercase;margin-top:-2px;text-shadow:1px 1px 0px var(--black)}.footer{text-align:center;padding:12px 20px;color:var(--black);font-size:.75rem;border-top:4px solid var(--black);background:var(--yellow-pop);font-weight:700;font-family:Nunito,sans-serif;letter-spacing:1px}@media (min-width: 1024px){.header{padding:6px 20px}.logo{font-size:1.4rem}.footer{padding:8px 20px;font-size:.7rem}}.hero-section{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;position:relative;overflow:hidden;background-image:var(--dots-pattern);background-size:var(--dots-size);background-position:0 0}.hero-content{max-width:600px;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--yellow-pop);border:3px solid var(--black);border-radius:0;font-size:.75rem;font-weight:800;color:var(--black);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;box-shadow:3px 3px 0 var(--hot-pink);font-family:Nunito,sans-serif}.hero-badge svg{width:14px;height:14px}.hero-section h1{margin-bottom:12px;color:var(--black);text-shadow:3px 3px 0px var(--yellow-pop),6px 6px 0px var(--hot-pink)}.hero-description{font-size:1rem;color:var(--text-light);margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto;font-weight:700}.hero-features{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.hero-feature{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--white);padding:12px 16px;border-radius:0;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);transition:var(--transition)}.hero-feature:nth-child(1){background:#e3f2fd}.hero-feature:nth-child(2){background:#fff9c4}.hero-feature:nth-child(3){background:#fce4ec}.hero-feature:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--black)}.hero-feature svg{color:var(--black);width:20px;height:20px}.hero-feature-title{font-family:Bangers,cursive;font-weight:400;font-size:.9rem;color:var(--black);letter-spacing:1px}.hero-feature-desc{font-family:Nunito,sans-serif;font-size:.7rem;color:var(--text-light);font-weight:700}.availability-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:var(--mint);border:3px solid var(--black);border-radius:0;font-size:.7rem;font-weight:800;color:var(--black);margin-top:16px;font-family:Nunito,sans-serif;box-shadow:2px 2px 0 var(--black)}.availability-badge.low{background:#ffe600}.availability-badge.exhausted{background:#ff4d6d;color:var(--white)}.availability-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-video-wrapper{margin-top:24px;position:relative;max-width:350px;width:100%;border-radius:0;overflow:hidden;border:5px solid var(--black);box-shadow:8px 8px 0 var(--hot-pink)}.hero-video{width:100%;height:auto;display:block;object-fit:cover}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff004014,#00e5ff14);pointer-events:none}@media (min-width: 1024px){.hero-section{flex-direction:row;text-align:left;padding:20px 60px;gap:40px;min-height:calc(100vh - 46px);max-height:calc(100vh - 46px);overflow:hidden}.hero-content{flex:1}.hero-badge{margin-bottom:12px;padding:5px 14px;font-size:.7rem}.hero-section h1{font-size:3.2rem;margin-bottom:10px}.hero-description{margin-left:0;margin-bottom:16px;font-size:.95rem}.hero-features{justify-content:flex-start;gap:12px;margin-top:16px}.hero-feature{padding:10px 14px;gap:3px}.hero-feature svg{width:18px;height:18px}.hero-feature-title{font-size:.85rem}.hero-feature-desc{font-size:.65rem}.availability-badge{margin-top:12px;font-size:.65rem;padding:4px 12px}.hero-video-wrapper{flex:1;margin-top:0;max-width:420px;max-height:calc(100vh - 120px);box-shadow:8px 8px 0 var(--hot-pink);border-width:5px}.hero-video{max-height:calc(100vh - 130px);object-fit:cover}}@media (min-width: 1024px) and (min-height: 900px){.hero-section{padding:30px 80px;gap:50px}.hero-section h1{font-size:3.6rem}}.camera-section{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--black);z-index:200;flex-direction:column}.camera-section.active{display:flex}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(26,26,46,.9),transparent)}.camera-header-left{display:flex;align-items:center;gap:12px}.category-selector{display:flex;gap:8px;padding:8px 16px;position:absolute;top:60px;left:0;right:0;z-index:10;justify-content:center;flex-wrap:wrap}.category-btn{padding:6px 16px;border-radius:0;font-family:Bangers,cursive;font-size:.9rem;font-weight:400;color:var(--white);background:#ff00604d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,230,0,.5);cursor:pointer;transition:var(--transition);white-space:nowrap;letter-spacing:1px;text-transform:uppercase}.category-btn.active{background:var(--hot-pink);color:var(--white);border-color:var(--yellow-pop);box-shadow:0 0 20px #ff006080,3px 3px 0 var(--yellow-pop)}.camera-status{position:absolute;top:110px;left:0;right:0;z-index:10;text-align:center;color:var(--yellow-pop);font-family:Bangers,cursive;font-size:1rem;font-weight:400;letter-spacing:2px;text-shadow:2px 2px 0px var(--black)}.video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-wrapper video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:4px solid rgba(255,0,96,.4)}.guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:5}.guide-overlay.active{display:flex;align-items:center;justify-content:center}.guide-crosshair:before,.guide-crosshair:after{content:"";position:absolute;background:#ffe60080}.guide-crosshair:before{width:2px;height:40%;top:30%}.guide-crosshair:after{height:2px;width:40%;left:30%}.guide-crosshair .corner{position:absolute;width:30px;height:30px;border-color:var(--yellow-pop);border-style:solid;border-width:0}.guide-crosshair .corner-tl{top:25%;left:25%;border-top-width:4px;border-left-width:4px}.guide-crosshair .corner-tr{top:25%;right:25%;border-top-width:4px;border-right-width:4px}.guide-crosshair .corner-bl{bottom:25%;left:25%;border-bottom-width:4px;border-left-width:4px}.guide-crosshair .corner-br{bottom:25%;right:25%;border-bottom-width:4px;border-right-width:4px}.guide-oval .oval{width:65%;height:55%;border:4px solid rgba(255,230,0,.5);border-radius:50%}.guide-rectangle .rect{width:75%;height:60%;border:4px solid rgba(255,230,0,.5);border-radius:0}.guide-free{display:none!important}.camera-controls{padding:20px 20px 40px;display:flex;align-items:center;justify-content:center;gap:40px;background:linear-gradient(to top,#1a1a2ef2,#1a1a2e4d);position:absolute;bottom:0;left:0;right:0;z-index:10}.flip-camera-btn{position:absolute;top:12px;right:16px;z-index:10}@media (min-width: 1024px){.video-wrapper video{object-fit:contain}}.results-section{display:none;min-height:calc(100vh - 70px);padding:20px;max-width:700px;margin:0 auto}.results-section.active{display:block}.results-header{text-align:center;margin-bottom:24px}.results-header h2{color:var(--black);text-shadow:3px 3px 0px var(--yellow-pop);margin-bottom:4px}.results-header p{font-family:Nunito,sans-serif;color:var(--text-light);font-size:.85rem;font-weight:700}.results-body{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.results-actions{display:flex;justify-content:center;padding:20px 0}.paywall-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2ed9;z-index:300;align-items:center;justify-content:center;padding:20px}.paywall-overlay.active{display:flex}.paywall-card{background:var(--yellow-pop);border-radius:0;padding:40px 32px;max-width:450px;width:100%;text-align:center;box-shadow:8px 8px 0 var(--black);border:5px solid var(--black);position:relative}.paywall-card .close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;color:var(--black);transition:var(--transition);border:2px solid var(--black)}.paywall-card .close-btn:hover{background:var(--hot-pink);color:var(--white)}.paywall-card h3{margin-bottom:12px;color:var(--black);text-shadow:2px 2px 0px var(--hot-pink)}.paywall-card p{font-family:Nunito,sans-serif;color:var(--text-dark);margin-bottom:24px;font-size:.95rem;font-weight:700}.paywall-card .invest-amount{font-family:Bangers,cursive;font-size:2.5rem;color:var(--hot-pink);margin-bottom:8px;text-shadow:3px 3px 0px var(--black);letter-spacing:2px}.dev-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--black);color:#e0e0e0;z-index:400;max-height:50vh;overflow-y:auto;border-top:4px solid var(--yellow-pop);font-family:Courier New,monospace;font-size:.8rem}.dev-bar.active{display:block}.dev-bar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0d0d1a;position:sticky;top:0}.dev-bar-header h4{font-family:Courier New,monospace;color:var(--yellow-pop);font-size:.85rem}.dev-bar-close{color:var(--text-muted);cursor:pointer;padding:4px}.dev-bar-close:hover{color:var(--white)}.dev-bar-body{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.dev-bar-section{padding:8px 12px;background:#ffe6000d;border-radius:0;border:1px solid rgba(255,230,0,.2)}.dev-bar-section label{display:block;font-size:.7rem;color:var(--yellow-pop);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.dev-bar-section select,.dev-bar-section input{width:100%;padding:6px 8px;background:#0d0d1a;border:2px solid var(--yellow-pop);color:var(--white);border-radius:0;font-size:.8rem}.dev-bar-btn{padding:6px 12px;background:var(--hot-pink);color:var(--white);border-radius:0;font-weight:700;font-size:.75rem;cursor:pointer;border:2px solid var(--black);transition:var(--transition);box-shadow:2px 2px 0 var(--yellow-pop)}.dev-bar-btn:hover{background:#ff0040}.dev-hint{display:none;position:fixed;bottom:20px;right:20px;background:var(--black);color:var(--yellow-pop);padding:8px 16px;border-radius:0;font-family:Bangers,cursive;font-size:.85rem;font-weight:400;z-index:50;box-shadow:4px 4px 0 var(--hot-pink);border:3px solid var(--yellow-pop);letter-spacing:1px;animation:fadeInOut 5s forwards}.dev-hint.show{display:block}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}