:root,[data-theme=light]{--bg-primary: #F9F7F2;--bg-secondary: #FFFFFF;--bg-tertiary: #F0EDE6;--bg-nav: rgba(249, 247, 242, .85);--text-primary: #2D3436;--text-secondary: #636E72;--text-tertiary: #B2BEC3;--text-inverse: #FFFFFF;--accent-primary: #7E9680;--accent-primary-hover: #6B8370;--accent-secondary: #E67E22;--accent-secondary-hover: #D35400;--accent-glow: rgba(126, 150, 128, .15);--border-default: rgba(0, 0, 0, .08);--border-hover: rgba(126, 150, 128, .4);--border-strong: rgba(0, 0, 0, .15);--shadow-card: 0 4px 0px rgba(0,0,0,.02), 0 15px 35px -5px rgba(0,0,0,.06);--shadow-card-hover: 0 25px 50px -12px rgba(0,0,0,.1);--shadow-glow: 0 0 30px rgba(126, 150, 128, .12);--pill-active-bg: #7E9680;--pill-active-text: #FFFFFF;--pill-inactive-bg: #F0EDE6;--pill-inactive-text: #636E72;--badge-bg: #F0EDE6;--badge-text: #2D3436;--badge-border: rgba(126, 150, 128, .3);--grid-dot: rgba(0, 0, 0, .04);--noise-opacity: .03;--scanner-color: #7E9680;--scanner-opacity: .15;--scrollbar-track: #F9F7F2;--scrollbar-thumb: #7E9680;--hero-overlay-bg: #F0EDE6;--hero-overlay-hover: #E8E4DA;--select-bg: var(--bg-tertiary);--select-border: var(--border-default)}[data-theme=dark]{--bg-primary: #0F0F0F;--bg-secondary: #1A1A1A;--bg-tertiary: #252525;--bg-nav: rgba(15, 15, 15, .8);--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-tertiary: #666666;--text-inverse: #0F0F0F;--accent-primary: #D9FF00;--accent-primary-hover: #C4E600;--accent-secondary: #D9FF00;--accent-secondary-hover: #C4E600;--accent-glow: rgba(217, 255, 0, .1);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(217, 255, 0, .5);--border-strong: rgba(255, 255, 255, .2);--shadow-card: 0 4px 15px rgba(0, 0, 0, .3);--shadow-card-hover: 0 0 30px rgba(217, 255, 0, .1);--shadow-glow: 0 0 30px rgba(217, 255, 0, .1);--pill-active-bg: #D9FF00;--pill-active-text: #000000;--pill-inactive-bg: #1A1A1A;--pill-inactive-text: #A0A0A0;--badge-bg: #1A1A1A;--badge-text: #FFFFFF;--badge-border: rgba(255, 255, 255, .1);--grid-dot: rgba(255, 255, 255, .05);--noise-opacity: .03;--scanner-color: #D9FF00;--scanner-opacity: .3;--scrollbar-track: #0F0F0F;--scrollbar-thumb: #D9FF00;--hero-overlay-bg: #1A1A1A;--hero-overlay-hover: #252525;--select-bg: #0F0F0F;--select-border: rgba(255, 255, 255, .1)}body{font-family:Lexend,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.bg-grid{background-image:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 0);background-size:40px 40px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.theme-card{background:var(--bg-secondary);border:1px solid var(--border-default);box-shadow:var(--shadow-card);transition:all .4s cubic-bezier(.23,1,.32,1)}.theme-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}.hyper-border{position:relative;background:var(--bg-secondary);border:1px solid var(--border-default);transition:all .4s cubic-bezier(.23,1,.32,1)}.hyper-border:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.theme-nav,.glass-nav{backdrop-filter:blur(12px);background:var(--bg-nav);border-bottom:1px solid var(--border-default)}.scanner-line{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--scanner-color);box-shadow:0 0 15px var(--scanner-color);animation:scan 4s linear infinite;opacity:var(--scanner-opacity);pointer-events:none}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.theme-pill-active,.pill-active{background-color:var(--pill-active-bg);color:var(--pill-active-text)}.theme-pill-inactive{background-color:var(--pill-inactive-bg);color:var(--pill-inactive-text);border:1px solid var(--border-default)}.theme-btn-primary{background-color:var(--accent-primary);color:var(--text-inverse);transition:all .3s ease}.theme-btn-primary:hover{background-color:var(--accent-primary-hover);box-shadow:var(--shadow-glow)}.theme-btn-cta{background-color:var(--accent-secondary);color:var(--text-inverse);transition:all .3s ease}.theme-btn-cta:hover{background-color:var(--accent-secondary-hover)}.text-stroke{-webkit-text-stroke:1px var(--border-strong);color:transparent}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.bento-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:24px;transition:all .3s ease}.bento-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.macro-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-default)}.pe-gradient{background:linear-gradient(90deg,var(--text-tertiary) 0%,var(--accent-primary) 100%)}.data-row:hover{background:var(--accent-glow)}.recipe-card-hover:hover .recipe-img{transform:scale(1.05);filter:grayscale(0%)}.recipe-img{transition:all .6s cubic-bezier(.23,1,.32,1);filter:grayscale(40%)}.recipe-gradient{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--bg-primary) 100%)}.macro-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.macro-fill{height:100%;background:var(--accent-primary)}.barcode-deco{background:repeating-linear-gradient(90deg,var(--text-tertiary),var(--text-tertiary) 2px,transparent 2px,transparent 4px);width:60px;height:20px;opacity:.5}.stat-glow{text-shadow:0 0 20px var(--accent-glow)}.data-stream{-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.receipt-edge{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{display:flex;animation:marquee 40s linear infinite}.pe-ratio-gauge{background:conic-gradient(from 180deg at 50% 50%,var(--accent-primary) var(--percentage),var(--bg-secondary) 0)}.hover-accent-bg:hover{background-color:var(--accent-primary)!important}.hover-accent-text:hover{color:var(--accent-primary)!important}.hover-accent-border:hover{border-color:var(--border-hover)!important}.hover-inverse-text:hover{color:var(--text-inverse)!important}.hover-text-primary:hover{color:var(--text-primary)!important}.hover-bg-secondary:hover{background-color:var(--bg-secondary)!important}.hover-bg-tertiary:hover{background-color:var(--bg-tertiary)!important}.group:hover .group-hover-accent-text{color:var(--accent-primary)}.group:hover .group-hover-accent-bg{background-color:var(--accent-primary)}.group:hover .group-hover-inverse-text{color:var(--text-inverse)}.group:hover .group-hover-accent-border{border-color:var(--border-hover)}.group:hover .group-hover-accent-opacity{color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.theme-faq-panel{background-color:var(--bg-secondary);border-color:var(--border-default)}.theme-faq-body{background-color:color-mix(in srgb,var(--bg-secondary) 50%,transparent)}[x-cloak]{display:none!important}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.bg-accent{background-color:var(--accent-primary)}