.page-title-gradient{background:linear-gradient(135deg,var(--accent) 0,#09f 50%,#7c3aed 100%);background-clip:content-box;-webkit-background-clip:text;-webkit-text-fill-color:#0000;font-family:Chakra Petch,sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.content-ann{max-width:100vw}.chaos-mix-helper{padding-bottom:32px}.mix-tabs{flex-wrap:wrap;margin-bottom:16px}.mix-tab,.mix-tabs{display:flex;gap:6px}.mix-tab{align-items:center;background:#0000;border:1px solid var(--border,#ffffff1a);border-radius:6px;color:#ffffff8c;cursor:pointer;font-family:Chakra Petch,sans-serif;font-size:.82rem;letter-spacing:.04em;padding:7px 14px;text-transform:uppercase;transition:all .15s}.mix-tab--active,.mix-tab:hover{border-color:var(--accent,#00d4ff);color:var(--accent,#00d4ff)}.mix-tab--active{background:#00d4ff14}.mix-tab-count{background:#ffffff14;border-radius:10px;font-size:.72rem;opacity:.6;padding:1px 6px}.mix-tier-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.mix-tier-btn{background:#0000;border:1px solid var(--border,#ffffff1a);border-radius:20px;color:#ffffff80;cursor:pointer;font-size:.78rem;padding:5px 12px;transition:all .15s}.mix-tier-btn:hover{border-color:#00d4ff66;color:#fffc}.mix-tier-btn--active{background:#00d4ff14;border-color:var(--accent,#00d4ff);color:var(--accent,#00d4ff)}.mix-search-wrap{margin-bottom:12px}.mix-search{max-width:480px}.mix-result-count{color:#ffffff59;font-size:.78rem;margin-bottom:12px}.mix-list{display:flex;flex-direction:column;gap:6px}.mix-card{background:var(--secundario,#0d1117);border:1px solid var(--border,#ffffff14);border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .15s}.mix-card--open,.mix-card:hover{border-color:#00d4ff4d}.mix-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 16px 8px}.mix-card-left{display:flex;flex-direction:column;gap:2px;min-width:0}.mix-card-category{color:var(--accent,#00d4ff);font-size:.68rem;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.mix-card-name{color:var(--blanco,#fff);font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-card-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.mix-card-zen{color:#f59e0b;font-family:Chakra Petch,sans-serif;font-size:.78rem}.mix-card-chevron{color:#ffffff4d;font-size:.65rem}.mix-success-bar-wrap{align-items:center;display:flex;gap:8px;padding:0 16px 10px}.mix-success-bar{background:#22c55e;border-radius:2px;flex:1;height:3px;transition:width .3s}.mix-success-label{font-family:Chakra Petch,sans-serif;font-size:.72rem;font-weight:700;min-width:34px;text-align:right}.mix-card-body{align-items:start;border-top:1px solid var(--border,#ffffff0f);display:grid;gap:14px 20px;grid-template-columns:1fr auto;padding:14px 16px 16px}@media(max-width:560px){.mix-card-body{grid-template-columns:1fr}}.mix-section-label{color:#ffffff59;font-size:.7rem;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.mix-ingredient-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:7px}.mix-ingredient-bullet{align-self:center;color:var(--accent,#00d4ff);flex-shrink:0;font-size:.5rem;opacity:.6}.mix-ingredient-name{color:#ffffffd9;flex:1 1 auto;font-size:.85rem;line-height:1.35;min-width:140px;overflow-wrap:anywhere;word-break:normal}.mix-ingredient-range{color:#fff6;font-size:.75rem}.mix-ingredient-count{color:#f59e0b;flex-shrink:0;font-family:Chakra Petch,sans-serif;font-size:.8rem;font-weight:700;margin-left:auto}.mix-stats{gap:8px;min-width:110px}.mix-stat,.mix-stats{display:flex;flex-direction:column}.mix-stat{background:#ffffff08;border-radius:6px;gap:1px;padding:6px 10px;text-align:center}.mix-stat-label{color:#ffffff59;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.mix-stat-value{color:var(--blanco,#fff);font-family:Chakra Petch,sans-serif;font-size:.9rem;font-weight:700}.mix-empty{color:#ffffff59;font-size:.9rem;padding:48px 0;text-align:center}.mix-ingredient-req{align-self:center;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:4px;color:var(--accent,#00d4ff);flex:0 0 auto;font-family:Chakra Petch,sans-serif;font-size:.68rem;opacity:.85;padding:1px 6px;white-space:nowrap}.mix-card-notes{border-top:1px solid var(--border,#ffffff0f);color:#ffffff73;font-size:.75rem;font-style:italic;padding:8px 16px 12px}.mix-ingredient-note{color:#ffffff59;font-size:.72rem;font-style:italic}.mix-output{padding:0 16px 12px}.chaos-mix-detail .mix-output,.mix-card--open .mix-output{grid-column:1/-1}.mix-output-text{background:#00d4ff0d;border-left:2px solid var(--accent,#00d4ff);border-radius:4px;color:#fffc;font-size:.82rem;line-height:1.5;margin:0;padding:8px 12px}.mix-ingredient-count--optional{color:#ffffff59;font-style:italic}.mix-permalink{align-self:center;color:var(--accent,#00d4ff);font-size:.78rem;margin-left:auto;text-decoration:none;white-space:nowrap}.mix-permalink:hover{text-decoration:underline}.mix-variants-toggle{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:underline dotted #ffffff4d}.mix-variant-list{color:#ffffff8c;column-count:2;column-gap:24px;font-size:.76rem;list-style:none;margin:4px 0 6px 26px;padding:0}.mix-variant-list li{break-inside:avoid;padding:1px 0}@media(max-width:640px){.mix-variant-list{column-count:1}}.mix-ingredient-block{width:100%}.mix-card--static{cursor:default}.chaos-mix-detail .mix-card-name{font-size:1.25rem}.chaos-mix-detail .breadcrumb-mu{align-items:center;color:#ffffff80;display:flex;flex-wrap:wrap;font-size:.82rem;gap:6px;margin-bottom:16px}.chaos-mix-detail .breadcrumb-mu a{color:var(--accent,#00d4ff);text-decoration:none}.chaos-mix-detail .breadcrumb-mu a:hover{text-decoration:underline}.chaos-mix-detail .breadcrumb-mu span[aria-current]{color:#ffffffb3}.chaos-mix-detail .breadcrumb-mu>span:not([aria-current]){color:#ffffff4d}.mix-detail-back{margin-top:18px}.mix-detail-back a{background:#00d4ff0f;border:1px solid #00d4ff40;border-radius:8px;color:var(--accent,#00d4ff);display:inline-block;font-size:.85rem;padding:8px 16px;text-decoration:none;transition:background .15s,border-color .15s}.mix-detail-back a:hover{background:#00d4ff1f;border-color:#00d4ff80}.mix-rate-disclaimer{color:#ffffff73;font-size:.78rem;line-height:1.4;margin:-4px 0 16px}.mix-rate-disclaimer strong{color:var(--accent,#00d4ff);font-weight:600}