:root{--bg: #0f0f0f;--surface: #1a1a1a;--text: #f5f5f5;--text-sec: #b0b0b0;--accent: #FFD700;--border: #333333}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 16px}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:20px 0}.header-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.logo-container{display:flex;flex-direction:column;align-items:center;gap:10px}.logo-img{width:80px;height:80px;object-fit:contain}.app-title{font-size:50px;font-weight:700;color:var(--accent);margin:0}.nav-tabs{display:flex;gap:8px}.nav-btn{padding:10px 18px;border:1px solid var(--border);background:transparent;color:var(--text-sec);cursor:pointer;border-radius:6px;transition:all .2s ease}.nav-btn:hover{border-color:var(--accent);color:var(--text)}.nav-btn.active{background:var(--accent);color:var(--bg)}.main{flex:1;padding:40px 0}.section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{font-size:42px;margin-bottom:20px}p{font-size:16px;color:var(--text-sec)}.guide-section{animation:fadeIn .3s ease}.guide-section h1{margin-bottom:10px;color:var(--text);font-size:42px;font-weight:700}.guide-section>p{color:var(--text-sec);margin-bottom:50px;font-size:16px}.flavor-wheel{width:100%;max-width:900px;margin:0 auto 60px;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));aspect-ratio:1}.flavor-slice{transition:all .3s ease!important}.flavor-slice:hover{filter:brightness(1.15)!important;stroke-width:4!important}.sabor-details{margin-top:50px;animation:slideUp .4s ease}.sabor-details h2{margin-bottom:8px;font-size:28px;color:var(--text)}.sabor-details .count{color:var(--text-sec);font-size:14px;margin-bottom:24px}.ingredientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.ingrediente-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;padding:20px;transition:all .3s ease}.ingrediente-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #ffd70026;transform:translateY(-4px)}.ingrediente-card h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.ingrediente-card .categoria{font-size:12px;color:var(--text-sec);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.ingrediente-card .desc{color:var(--text-sec);font-size:14px;margin-bottom:16px;line-height:1.5}.sabores-badge{display:flex;flex-wrap:wrap;gap:8px}.badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid;transition:all .2s ease;cursor:default}.badge:hover{transform:scale(1.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.explore-section{animation:fadeIn .3s ease}.explore-section h1{margin-bottom:10px;color:var(--text);font-size:42px;font-weight:700}.explore-section>p{color:var(--text-sec);margin-bottom:30px;font-size:16px}.search-box{margin-bottom:30px}.search-input{width:100%;max-width:500px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd7001a}.search-input::placeholder{color:var(--text-sec)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border)}.filter-btn{padding:10px 18px;background:transparent;border:1px solid var(--border);color:var(--text-sec);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.ingredientes-grid-explore{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.ingrediente-card-explore{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .3s ease}.ingrediente-card-explore:hover{border-color:var(--accent);box-shadow:0 8px 20px #ffd70026;transform:translateY(-4px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h3{color:var(--text);font-size:18px;font-weight:600;margin:0}.favorite-btn{background:none;border:none;font-size:20px;cursor:pointer;transition:all .2s ease}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.favorited{animation:heartPulse .4s ease}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.ingrediente-card-explore .categoria{font-size:12px;color:var(--text-sec);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.ingrediente-card-explore .desc{color:var(--text-sec);font-size:14px;margin-bottom:16px;line-height:1.5}.sabores-list{display:flex;flex-wrap:wrap;gap:8px}.sabor-item{background:rgba(255,215,0,.1);border:1px solid var(--accent);color:var(--accent);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.no-results{text-align:center;padding:60px 20px;color:var(--text-sec)}.no-results p{font-size:18px}.results-info{text-align:center;color:var(--text-sec);padding:20px 0;border-top:1px solid var(--border)}.combinator-section{animation:fadeIn .3s ease}.combinator-section h1{margin-bottom:10px;color:var(--text);font-size:42px;font-weight:700}.combinator-section>p{color:var(--text-sec);margin-bottom:40px;font-size:16px}.selector{margin-bottom:50px}.selector h2{color:var(--text);font-size:22px;margin-bottom:30px}.dropdowns-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.dropdown-wrapper{position:relative}.dropdown-wrapper label{display:block;color:var(--text-sec);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.ingredient-select{width:100%;padding:12px 36px 12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFD700' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:18px}.ingredient-select:hover{border-color:var(--accent)}.ingredient-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd7001a}.ingredient-select option{background:var(--surface);color:var(--text);padding:8px}.remove-btn{display:none}.remove-btn:hover{background:var(--accent);color:var(--bg)}.selected-pills{display:flex;flex-wrap:wrap;gap:24px}.pill{display:flex;align-items:center;gap:8px;background:var(--accent);color:var(--bg);padding:8px 12px;border-radius:20px;font-weight:500;animation:slideUp .3s ease}.pill button{background:rgba(15,15,15,.2);border:none;color:var(--bg);cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.pill button:hover{background:rgba(15,15,15,.4)}.generate-btn{padding:14px 32px;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:30px;margin-bottom:40px;display:block}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffd7004d}.results{margin-top:40px}.results h2{color:var(--text);font-size:24px;margin-bottom:30px}.combinations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.combination-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid #FF6B6B;border-radius:8px;overflow:hidden;transition:all .3s ease}.combination-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #ffd70026;transform:translateY(-4px)}.combo-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid var(--border);border-left:none}.combo-header h3{color:var(--text);font-size:18px;margin:0 0 6px}.combo-header .tipo{font-size:12px;font-weight:600;text-transform:uppercase;margin:0}.score{display:flex;flex-direction:column;align-items:center;background:rgba(255,215,0,.1);padding:8px 12px;border-radius:6px}.score-num{font-size:24px;font-weight:700;color:var(--accent)}.score-label{font-size:11px;color:var(--text-sec);text-transform:uppercase}.combo-body{padding:16px}.combo-body .categoria{font-size:12px;color:var(--text-sec);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.combo-desc{color:var(--text);font-size:14px;margin-bottom:16px;line-height:1.5}.sabores-comuns{background:rgba(255,215,0,.08);padding:12px;border-radius:6px;margin-bottom:12px}.sabores-comuns .label{font-size:12px;color:var(--text-sec);text-transform:uppercase;font-weight:600;margin:0 0 8px;letter-spacing:.5px}.sabor-comum{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.msg-experimental{color:var(--accent);font-size:13px;margin:0;font-style:italic}.desc-original{color:var(--text-sec);font-size:13px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.info-box{text-align:center;padding:40px 20px;color:var(--text-sec);background:var(--surface);border:1px dashed var(--border);border-radius:8px;margin-top:40px}.info-box p{font-size:16px;margin:0}.discover-section{animation:fadeIn .3s ease}.discover-section h1{margin-bottom:10px;color:var(--text);font-size:42px;font-weight:700}.discover-section>p{color:var(--text-sec);margin-bottom:40px;font-size:16px}.ingrediente-dia{background:var(--surface);border:2px solid var(--accent);border-radius:8px;padding:30px;margin-bottom:50px}.ingrediente-dia h2{color:var(--accent);font-size:14px;text-transform:uppercase;margin:0 0 12px;letter-spacing:1px}.ingrediente-dia h3{color:var(--text);font-size:32px;margin:0 0 8px}.ingrediente-dia .categoria{color:var(--text-sec);font-size:12px;text-transform:uppercase;margin-bottom:16px}.ingrediente-dia .descricao{color:var(--text);font-size:14px;margin-bottom:16px;line-height:1.6}.sabor-badge{background:var(--accent);color:var(--bg);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.fav-icon{background:rgba(0,0,0,.4);border:none;font-size:20px;cursor:pointer;transition:all .2s ease;border-radius:6px;padding:6px 8px}.fav-icon:hover{background:rgba(0,0,0,.6)}.dia-actions{display:flex;gap:12px;margin-top:20px}.btn-combinar{padding:12px 24px;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-combinar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffd7004d}.btn-favorite{padding:12px 24px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-favorite:hover{background:rgba(255,215,0,.1)}.btn-favorite.favorited{background:var(--accent);color:var(--bg)}.discover-tabs{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.tab-btn{padding:10px 20px;background:var(--surface);border:1px solid var(--border);color:var(--text-sec);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.tab-btn:hover{border-color:var(--accent);color:var(--text)}.tab-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.ingredient-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .3s ease}.ingredient-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #ffd70026;transform:translateY(-4px)}.sabor-tag{background:rgba(255,215,0,.15);border:1px solid var(--accent);color:var(--accent);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px;justify-content:center}.nav-tabs{flex-direction:column;width:100%;gap:10px}.nav-btn{width:100%;padding:12px;font-size:13px}.app-title{font-size:32px}.container{padding:0 12px}.main{padding:20px 0}}@media (max-width: 480px){.app-title{font-size:24px}.nav-btn{padding:10px;font-size:12px}h1{font-size:28px}.ingredientes-grid,.discover-grid,.combinations-grid{grid-template-columns:1fr}}@media (max-width: 768px){select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.card,.combinator-card{overflow:hidden}}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%}select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.card,.combinator-card,section,main{max-width:100%;overflow-x:hidden}}