.navbar{background:var(--white);border-bottom:3px solid var(--black);position:sticky;top:0;z-index:100}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:20px}.navbar-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand-icon{font-size:26px}.brand-text{font-size:18px;font-weight:900;color:var(--red);font-family:var(--font-comic);white-space:nowrap}.brand-sub{font-size:10px;color:var(--grey);font-weight:700;background:var(--yellow-light);padding:2px 8px;border-radius:3px;border:1.5px solid var(--border);white-space:nowrap}.navbar-links{display:flex;gap:4px;align-items:center}.nav-dropdown{position:relative}.nav-dropdown-trigger{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:700;color:var(--brown);background:transparent;border:2px solid transparent;cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:5px;font-family:inherit;white-space:nowrap}.nav-dropdown-trigger:hover{background:var(--yellow-light);border-color:var(--yellow)}.nav-dropdown-trigger.active{background:var(--red);color:#fff;border-color:var(--black);box-shadow:2px 2px #00000026}.nav-arrow{font-size:10px;transition:transform .15s}.nav-dropdown.open .nav-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--white);border:3px solid var(--black);border-radius:var(--radius-comic);min-width:130px;box-shadow:4px 4px #0003;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .15s;z-index:200;overflow:hidden}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:block;padding:10px 18px;font-size:13px;font-weight:700;color:var(--brown);border-bottom:1px solid var(--border-light);transition:all .1s;white-space:nowrap}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:var(--yellow-light);color:var(--brown-dark)}.nav-dropdown-item.active{background:var(--red);color:#fff}@media (max-width: 768px){.navbar-inner{flex-wrap:wrap;height:auto;padding:8px 0;gap:6px;justify-content:center}.nav-dropdown-trigger{font-size:12px;padding:6px 12px}.brand-sub{display:none}}.main-content{min-height:calc(100vh - 126px);padding:36px 0}.footer{background:var(--white);border-top:3px solid var(--black);padding:16px 0;text-align:center;color:var(--grey);font-size:13px;font-weight:600}.home-hero{text-align:center;padding:64px 20px 52px;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(252,191,73,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(214,40,40,.08) 0%,transparent 50%);z-index:-1}.home-hero:after{content:"";position:absolute;top:30px;left:50%;transform:translate(-50%);width:300px;height:100px;background:repeating-linear-gradient(80deg,transparent,transparent 8px,rgba(0,0,0,.04) 8px,rgba(0,0,0,.04) 10px);z-index:-1;opacity:.5}.home-hero h1{font-size:56px;font-weight:900;color:var(--brown-dark);font-family:var(--font-comic);letter-spacing:-1px;text-shadow:3px 3px 0 rgba(0,0,0,.1);margin-bottom:12px}.home-hero h1 span{color:var(--red);position:relative;display:inline-block;transform:rotate(-2deg)}.home-hero p{font-size:18px;color:var(--grey);max-width:600px;margin:0 auto 40px;line-height:1.6}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:0 24px 56px;max-width:1200px;margin:0 auto}.home-card{background:var(--white);border-radius:var(--radius-comic-lg);padding:36px 28px;text-align:center;border:var(--line-width) solid var(--black);box-shadow:var(--shadow-comic);transition:all .2s;position:relative}.home-card:before{content:"";position:absolute;top:6px;left:6px;right:-6px;bottom:-6px;background:var(--yellow);border-radius:var(--radius-comic-lg);z-index:-1;opacity:0;transition:opacity .2s}.home-card:hover:before{opacity:.5}.home-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-comic-hover)}.home-card-icon{font-size:56px;margin-bottom:16px;display:block;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.15))}.home-card h3{font-size:20px;font-weight:800;margin-bottom:10px;font-family:var(--font-comic)}.home-card p{font-size:14px;color:var(--grey);margin-bottom:18px;line-height:1.6}.gallery-header{margin-bottom:32px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.burger-card{background:var(--white);border-radius:var(--radius-comic-lg);overflow:hidden;border:var(--line-width) solid var(--black);box-shadow:var(--shadow-comic);transition:all .2s;cursor:pointer;position:relative}.burger-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-comic-hover)}.burger-card-illustration{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.burger-card-illustration:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px);background-size:6px 6px;pointer-events:none}.burger-card-illustration .bg-pattern{width:100%;height:100%}.burger-card-emoji{font-size:80px;position:relative;z-index:1;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.15))}.burger-card-region-badge{position:absolute;top:12px;right:12px;background:var(--red);color:#fff;padding:4px 14px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--black);box-shadow:2px 2px #0000004d}.burger-card-body{padding:20px 24px;border-top:var(--line-width) solid var(--black)}.burger-card-body h3{font-size:20px;font-weight:800;margin-bottom:4px;font-family:var(--font-comic);letter-spacing:-.3px}.burger-card-region{font-size:11px;color:var(--grey);margin-bottom:10px;display:flex;align-items:center;gap:6px;font-weight:600}.burger-card-desc{font-size:13px;color:var(--grey);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.burger-card-tags{display:flex;flex-wrap:wrap;gap:5px}.detail-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.back-btn{width:44px;height:44px;border:var(--line-width) solid var(--black);border-radius:var(--radius-comic);background:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:2px 2px #0003;font-weight:700}.back-btn:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:4px 4px #0003}.detail-hero-illustration{height:260px;border-radius:var(--radius-comic-lg);margin-bottom:24px;border:var(--line-width) solid var(--black);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-comic);position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--cream) 100%)}.detail-hero-illustration .hero-emoji{font-size:140px;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.2))}.speech-bubble{position:absolute;top:20px;right:30px;background:#fff;border:3px solid var(--black);border-radius:16px;padding:10px 18px;font-weight:800;font-size:14px;font-family:var(--font-comic);box-shadow:3px 3px #0003;max-width:200px}.speech-bubble:after{content:"";position:absolute;bottom:-14px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid var(--black)}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.detail-content{grid-template-columns:1fr}}.detail-main,.detail-side{display:flex;flex-direction:column;gap:20px}.detail-card{background:var(--white);border-radius:var(--radius-comic);box-shadow:var(--shadow-comic);padding:24px;border:var(--line-width) solid var(--black)}.detail-card h2{font-size:16px;font-weight:800;margin-bottom:16px;padding-bottom:12px;border-bottom:3px solid var(--black);display:flex;align-items:center;gap:8px;font-family:var(--font-comic);text-transform:uppercase;letter-spacing:.5px}.build-layer{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:2px dashed var(--border)}.build-layer:last-child{border-bottom:none}.build-layer-num{width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--black);box-shadow:2px 2px #0003}.build-layer-info{flex:1}.build-layer-name{font-weight:700;font-size:14px}.build-layer-note{font-size:11px;color:var(--grey);margin-top:3px}.param-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:2px dotted var(--border);font-size:14px}.param-row:last-child{border-bottom:none}.param-label{color:var(--grey);font-weight:600}.param-value{font-weight:700;text-align:right}.flavor-layout{display:grid;grid-template-columns:440px 1fr;gap:24px}@media (max-width: 900px){.flavor-layout{grid-template-columns:1fr}}.flavor-input-panel{background:var(--white);border-radius:var(--radius-comic);box-shadow:var(--shadow-comic);padding:28px;border:var(--line-width) solid var(--black);height:fit-content;position:sticky;top:90px}.flavor-input-panel h2{font-size:18px;font-weight:800;margin-bottom:20px;font-family:var(--font-comic);text-transform:uppercase}.flavor-group{margin-bottom:22px}.flavor-group label{display:block;font-size:13px;font-weight:800;color:var(--brown-dark);margin-bottom:5px;font-family:var(--font-comic)}.flavor-group .flavor-hint{font-size:11px;color:var(--grey);margin-bottom:10px;line-height:1.4;font-weight:600}.flavor-group input{width:100%;padding:14px 16px;border:var(--line-width) solid var(--black);border-radius:var(--radius-comic);font-size:15px;transition:all .15s;background:var(--white);font-weight:600;min-height:48px;box-shadow:2px 2px #0000001a;word-break:break-all;overflow-wrap:break-word}.flavor-group input:focus{outline:none;border-color:var(--red);box-shadow:3px 3px #d6282833}.flavor-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.flavor-chip{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:700;background:var(--white);color:var(--brown-dark);border:2px solid var(--black);cursor:pointer;transition:all .1s;white-space:nowrap;box-shadow:2px 2px #00000026}.flavor-chip:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:3px 3px #0003}.flavor-chip:active{transform:translate(1px,1px);box-shadow:1px 1px #0003}.flavor-output{background:var(--white);border-radius:var(--radius-comic);box-shadow:var(--shadow-comic);padding:28px;min-height:400px;border:var(--line-width) solid var(--black);word-break:break-word;overflow-wrap:break-word}.flavor-output h2{font-size:20px;font-weight:800;margin-bottom:16px;font-family:var(--font-comic)}.result-section{margin-bottom:28px}.result-section h3{font-size:15px;font-weight:800;margin-bottom:12px;color:var(--red);font-family:var(--font-comic);text-transform:uppercase;letter-spacing:.5px}.sauce-recipe-ingredient{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px;background:var(--bg-muted);border-radius:6px;margin-bottom:6px;font-size:14px;gap:12px;border:2px solid var(--border)}.sauce-recipe-ingredient .amount{font-weight:800;color:var(--red);white-space:nowrap}.step-item{display:flex;gap:10px;margin-bottom:14px;font-size:14px;line-height:1.6}.step-num{width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--brown-dark);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;border:2px solid var(--black);box-shadow:2px 2px #0003}.tip-box{background:var(--yellow-light);border:2px solid var(--black);padding:12px 16px;border-radius:6px;font-size:13px;color:var(--brown-dark);margin-bottom:8px;line-height:1.5;box-shadow:2px 2px #0000001a}.sauce-card{background:var(--white);border-radius:var(--radius-comic);overflow:hidden;border:var(--line-width) solid var(--black);box-shadow:var(--shadow-comic);transition:all .2s;cursor:pointer}.sauce-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-comic-hover)}.sauce-card-header{padding:22px;display:flex;align-items:center;gap:14px;background:var(--yellow-light);border-bottom:var(--line-width) solid var(--black)}.sauce-card-icon{font-size:42px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.15))}.sauce-card-header h3{font-size:17px;font-weight:800;font-family:var(--font-comic)}.sauce-card-header .en-name{font-size:11px;color:var(--grey);font-weight:600}.sauce-card-body{padding:18px 22px}.sauce-card-body p{font-size:13px;color:var(--grey);margin-bottom:14px;line-height:1.6}.sauce-flavor-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.sauce-flavor-stage{text-align:center;padding:10px 6px;background:var(--bg-muted);border-radius:6px;border:2px solid var(--border)}.sauce-flavor-stage .stage-label{font-size:10px;color:var(--grey);font-weight:800;letter-spacing:1.5px;margin-bottom:4px}.sauce-flavor-stage .stage-flavor{font-size:13px;font-weight:700}.builder-layout{display:grid;grid-template-columns:1fr 400px;gap:24px}@media (max-width: 900px){.builder-layout{grid-template-columns:1fr}}.builder-canvas{background:var(--white);border-radius:var(--radius-comic);box-shadow:var(--shadow-comic);padding:32px;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:var(--line-width) solid var(--black);background-image:linear-gradient(45deg,#faf8f2 25%,transparent 25%),linear-gradient(-45deg,#faf8f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#faf8f2 75%),linear-gradient(-45deg,transparent 75%,#faf8f2 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.burger-stack{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(5px 5px 0 rgba(0,0,0,.25))}.burger-layer.bun-top-comic{width:230px;height:64px;background:linear-gradient(180deg,#f4a261,#e8a34d 20%,#d4903a 50%,#c4843a);border-radius:120px 120px 12px 12px;border:3px solid var(--black);box-shadow:inset 0 4px 8px #ffffff40,inset 0 -4px 8px #00000026;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;text-shadow:1px 1px 0 rgba(0,0,0,.4);position:relative}.burger-layer.bun-top-comic:after{content:"• • •  • •  • • •  • •";position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:10px;color:#fff6;letter-spacing:4px;white-space:nowrap}.burger-layer.patty-comic{width:240px;height:36px;background:linear-gradient(180deg,#6b3a2a,#4a2518 40%,#5d3020,#6b3a2a);border:3px solid var(--black);border-radius:8px;box-shadow:inset 0 3px 6px #ffffff1a,inset 0 -3px 8px #0000004d;display:flex;align-items:center;justify-content:center;color:#f0c8a0;font-weight:700;font-size:13px;margin:-3px 0;position:relative}.burger-layer.cheese-comic{width:248px;height:18px;background:linear-gradient(180deg,#ffb703,#fb8500);border:3px solid var(--black);border-radius:3px;margin:-3px 0;display:flex;align-items:center;justify-content:center;color:var(--brown-dark);font-weight:700;font-size:11px;box-shadow:inset 0 2px 3px #ffffff4d}.burger-layer.topping-comic{width:220px;height:22px;background:linear-gradient(180deg,#6a994e,#4a7a32);border:3px solid var(--black);border-radius:5px;margin:-2px 0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.burger-layer.sauce-comic{width:208px;height:12px;background:linear-gradient(180deg,#fde8c8,#f5c882);border:2px solid var(--black);border-radius:3px;margin:-2px 0;display:flex;align-items:center;justify-content:center;color:var(--brown-dark);font-weight:700;font-size:9px}.burger-layer.bun-bottom-comic{width:208px;height:48px;background:linear-gradient(180deg,#c4843a,#d4903a 30%,#e8a34d);border-radius:10px 10px 110px 110px;border:3px solid var(--black);box-shadow:inset 0 3px 6px #ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.ingredient-panel{background:var(--white);border-radius:var(--radius-comic);box-shadow:var(--shadow-comic);padding:24px;max-height:600px;overflow-y:auto;border:var(--line-width) solid var(--black)}.ingredient-panel h2{font-size:18px;font-weight:800;margin-bottom:18px;font-family:var(--font-comic);text-transform:uppercase}.ingredient-category{margin-bottom:18px}.ingredient-category h3{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--grey);margin-bottom:8px;padding-bottom:8px;font-weight:800;border-bottom:2px solid var(--black)}.ingredient-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.ingredient-btn{padding:10px 12px;border:2px solid var(--black);border-radius:6px;background:var(--white);font-size:11px;font-weight:700;text-align:left;transition:all .1s;display:flex;align-items:center;gap:6px;box-shadow:2px 2px #00000026}.ingredient-btn:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:3px 3px #0003}.ingredient-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #0003}.ingredient-btn.selected{background:var(--red);color:#fff;border-color:var(--black);box-shadow:3px 3px #00000040}.builder-actions{display:flex;gap:10px;margin-top:20px;justify-content:center}.empty-state{text-align:center;padding:48px 24px;color:var(--grey)}.empty-state .icon{font-size:60px;margin-bottom:16px;display:block}.empty-state h3{font-size:20px;font-weight:800;margin-bottom:10px;font-family:var(--font-comic)}.empty-state p{font-size:14px;max-width:400px;margin:0 auto;line-height:1.6}.cost-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.cost-tab{padding:10px 20px;border:var(--line-width) solid var(--black);border-radius:var(--radius-comic);background:var(--white);font-weight:700;font-size:13px;transition:all .15s;box-shadow:2px 2px #00000026;text-transform:uppercase;letter-spacing:.5px}.cost-tab:hover{background:var(--yellow-light)}.cost-tab.active{background:var(--yellow);box-shadow:3px 3px #00000040;transform:translate(-1px,-1px)}.cost-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.cost-panels{grid-template-columns:1fr}}.cost-panel{background:var(--white);border-radius:var(--radius-comic);border:var(--line-width) solid var(--black);box-shadow:var(--shadow-comic);padding:24px}.cost-panel h3{font-size:17px;font-weight:800;margin-bottom:16px;font-family:var(--font-comic)}.burger-select{width:100%;padding:10px 14px;border:var(--line-width) solid var(--black);border-radius:var(--radius-comic);font-size:14px;font-weight:600;background:var(--white);box-shadow:2px 2px #0000001a}.profit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.profit-card{background:var(--bg-muted);padding:16px;border-radius:var(--radius-comic);text-align:center;border:2px solid var(--black);box-shadow:2px 2px #0000001a}.profit-label{font-size:11px;font-weight:700;color:var(--grey);text-transform:uppercase;margin-bottom:4px}.profit-value{font-size:24px;font-weight:900;font-family:var(--font-comic)}.profit-rating{padding:10px 16px;border-radius:var(--radius-comic);font-weight:700;font-size:13px;text-align:center;border:2px solid var(--black)}.profit-rating.good{background:var(--green-light);color:#1a6b63}.profit-rating.warn{background:var(--yellow-light);color:#8b5200}.profit-rating.bad{background:#ffebee;color:#c62828}.cost-table{width:100%;border-collapse:collapse;font-size:13px}.cost-table th{text-align:left;padding:8px 12px;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--grey);border-bottom:2px solid var(--black)}.cost-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.cost-table .text-muted{font-size:11px;color:var(--text-muted);font-weight:500}.cost-amount{font-weight:700;text-align:right;font-family:var(--font-comic)}.cost-total-row{background:var(--yellow-light)}.cost-total-row td{border-bottom:2px solid var(--black)}.price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.price-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-muted);border-radius:6px;border:2px solid var(--border)}.price-name{font-size:13px;font-weight:600}.price-input-group{display:flex;align-items:center;gap:6px}.price-input{width:80px;padding:6px 10px;border:2px solid var(--black);border-radius:4px;font-size:14px;font-weight:700;text-align:right}.price-unit{font-size:11px;color:var(--grey);font-weight:600}.whatif-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.whatif-input{flex:1;padding:8px 12px;border:2px solid var(--black);border-radius:4px;font-size:13px;font-weight:600}.whatif-select{width:60px;padding:8px;border:2px solid var(--black);border-radius:4px;font-size:13px;font-weight:700}.whatif-amount{width:80px;padding:8px 12px;border:2px solid var(--black);border-radius:4px;font-size:13px;font-weight:700;text-align:right}.whatif-impact{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.version-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}@media (max-width: 768px){.version-layout{grid-template-columns:1fr}}.version-sidebar{background:var(--white);border-radius:var(--radius-comic);border:var(--line-width) solid var(--black);box-shadow:var(--shadow-comic);padding:20px;height:fit-content}.recipe-list{display:flex;flex-direction:column;gap:6px}.recipe-list-item{padding:14px;border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;background:var(--bg-muted)}.recipe-list-item:hover{border-color:var(--black);background:var(--white)}.recipe-list-item.selected{border-color:var(--red);background:var(--white);box-shadow:3px 3px #d6282833}.version-detail{background:var(--white);border-radius:var(--radius-comic);border:var(--line-width) solid var(--black);box-shadow:var(--shadow-comic);padding:24px;min-height:400px}.version-timeline{position:relative;padding-left:28px}.version-entry{position:relative;padding-bottom:20px}.version-entry:last-child{padding-bottom:0}.version-marker{position:absolute;left:-28px;top:4px;width:14px}.version-dot{width:14px;height:14px;border-radius:50%;background:var(--grey);border:2px solid var(--black)}.version-entry.current .version-dot{background:var(--red)}.version-line{position:absolute;left:5px;top:18px;width:2px;height:calc(100% + 8px);background:var(--border)}.version-content{padding-left:4px}.version-header{display:flex;gap:8px;align-items:center}.version-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:800;background:var(--black);color:#fff}.version-date{font-size:11px;color:var(--grey);font-weight:600}.score-card{background:var(--bg-muted);padding:14px;border-radius:8px;margin-bottom:10px;border:2px solid var(--border)}.score-bars{display:flex;flex-direction:column;gap:6px}.score-bar-row{display:flex;align-items:center;gap:8px;font-size:12px}.score-bar-label{width:50px;font-weight:700;font-size:11px;flex-shrink:0}.score-bar-track{flex:1;height:8px;background:#e8e0d8;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.score-bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--yellow));border-radius:3px;transition:width .5s}.score-bar-value{width:24px;text-align:right;font-weight:800;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--white);border-radius:var(--radius-comic-lg);border:var(--line-width) solid var(--black);box-shadow:8px 8px #0000004d;padding:28px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto}.modal h3{font-size:20px;font-weight:800;margin-bottom:16px;font-family:var(--font-comic)}.confidence-bar{height:8px;background:#e8e0d8;border-radius:4px;overflow:hidden;margin-top:8px;border:2px solid var(--border)}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--yellow),var(--green));border-radius:2px;transition:width .8s}.tags-display{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.recipe-table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}.recipe-table td{padding:10px 14px;border-bottom:1px solid var(--border);font-weight:600}.recipe-table td:first-child{font-weight:800;white-space:nowrap;color:var(--red);width:100px}@media (max-width: 768px){.navbar-inner{flex-direction:column;height:auto;padding:12px 20px;gap:10px}.navbar-links{flex-wrap:wrap;justify-content:center}.navbar-link{font-size:11px;padding:6px 10px}.home-hero h1{font-size:38px}.gallery-grid,.flavor-layout,.builder-layout,.version-layout,.cost-panels,.profit-summary{grid-template-columns:1fr}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}*{margin:0;padding:0;box-sizing:border-box}:root{--red: #d62828;--red-dark: #b71c1c;--orange: #f77f00;--yellow: #fcbf49;--yellow-light: #fff3cd;--cream: #fdf0d5;--brown: #4a3028;--brown-dark: #2d1f0e;--green: #2a9d8f;--green-light: #e0f5f2;--blue: #1d3557;--white: #fffef9;--black: #1a1a1a;--grey: #6c584c;--primary: var(--red);--primary-dark: var(--red-dark);--secondary: var(--yellow);--accent: var(--orange);--bg: var(--cream);--bg-card: var(--white);--bg-muted: #f5eedc;--text: var(--black);--text-light: var(--grey);--text-muted: #a09080;--border: #3d2b1f;--line-width: 3px;--shadow-comic: 4px 4px 0px rgba(0,0,0,.15);--shadow-comic-hover: 6px 6px 0px rgba(0,0,0,.2);--radius-comic: 8px;--radius-comic-lg: 14px;--font-comic: "Georgia", "Times New Roman", serif}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--cream);background-image:radial-gradient(circle,#e0d5c0 1px,transparent 1px);background-size:18px 18px;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:var(--line-width) solid var(--black);border-radius:var(--radius-comic);font-size:14px;font-weight:700;transition:all .15s;position:relative;box-shadow:3px 3px #0003;text-transform:uppercase;letter-spacing:.5px}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0003}.btn-primary{background:var(--yellow);color:var(--brown-dark)}.btn-primary:hover{background:var(--orange);color:#fff;transform:translate(-1px,-1px);box-shadow:5px 5px #00000040}.btn-outline{background:transparent;border:var(--line-width) solid var(--brown);color:var(--brown)}.btn-outline:hover{background:var(--brown);color:#fff}.btn-sm{padding:6px 14px;font-size:11px;border-width:2px;box-shadow:2px 2px #0003}.btn-lg{padding:14px 32px;font-size:16px}.tag{display:inline-block;padding:4px 12px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--black);background:var(--yellow-light);color:var(--brown-dark)}.tag-green{background:var(--green-light);color:#1a6b63;border-color:var(--green)}.tag-blue{background:#e3f0fa;color:var(--blue);border-color:var(--blue)}.tag-purple{background:#f3e5f5;color:#7b1fa2;border-color:#9c27b0}.tag-red{background:#ffebee;color:#c62828;border-color:var(--red)}.tag-gold{background:#fff8e1;color:#c43e00;border-color:var(--orange)}.section-title{font-size:32px;font-weight:900;color:var(--brown-dark);margin-bottom:6px;letter-spacing:-.5px;font-family:var(--font-comic);text-shadow:2px 2px 0px rgba(0,0,0,.08)}.section-subtitle{font-size:15px;color:var(--grey);margin-bottom:28px;line-height:1.5}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-title{font-size:24px}.container{padding:0 16px}}