:root{--navbar-height: 72px;--color-surface: #2b2b2b;--color-text-primary: #d8cab8;--color-text-secondary: #3c5a40;--color-accent-hover: #3c5a40}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);background-color:var(--color-surface);color:var(--color-text-primary);padding:1rem;z-index:9999;border-bottom:1px solid var(--color-text-secondary);box-shadow:0 2px 6px #0000004d}.navbar-header{display:flex;align-items:center;justify-content:center;position:relative;height:100%}.menu-toggle{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:var(--color-text-primary);cursor:pointer;z-index:10}.app-title{position:absolute;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap;pointer-events:none;color:var(--color-gold)!important}.nav-links{position:absolute;top:100%;left:0;display:none;flex-direction:column;background-color:var(--color-surface);color:var(--color-text-primary);padding:.5rem 10px;border-radius:8px;box-shadow:0 4px 12px #00000080;max-width:max-content;min-width:fit-content;white-space:nowrap}.nav-links.open{display:inline-flex}.nav-links a{background-color:transparent;color:var(--color-text-primary);text-decoration:none;margin:.5rem 0;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s ease-in-out;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background-color:var(--color-accent-hover);color:var(--color-text-primary)}.nav-links,.nav-links.open{background-color:#2b2b2b!important}.nav-links a{background-color:transparent!important;color:#d8cab8!important}body{padding-top:var(--navbar-height)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.card{background-color:var(--color-surface);padding:1.5rem;border-radius:12px;box-shadow:0 2px 6px #00000026}.card h2{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text-primary)}.card ul{list-style:none;padding:0;margin:0}.card li{padding:.25rem 0;color:var(--color-text-secondary)}.card li.alert{color:var(--color-warning);font-weight:700}.quick-actions{margin-top:3rem}.quick-actions h2{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text-primary)}.quick-actions button{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);padding:.5rem 1rem;font-size:.95rem;border-radius:6px;margin-right:1rem;margin-bottom:1rem;cursor:pointer}.quick-actions button:hover:enabled{background-color:var(--color-accent-hover);color:#fff}.quick-actions button:disabled{opacity:.5;cursor:not-allowed}h2,h1{color:var(--color-error)!important}.inventory-page{padding:2rem}.inventory-category{border:1px solid #ccc;border-radius:8px;margin-bottom:2rem;padding:1rem}.vendor-section{margin-bottom:1rem}.vendor-link{margin-right:.5rem;background:none;border:none;color:#00f;text-decoration:underline;cursor:pointer}.add-item-row{margin-top:1rem;display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:1.5rem;z-index:1000;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #0000004d}.contact-row{display:flex;gap:.5rem;margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:1.5rem;border-radius:8px;z-index:1000;max-width:500px;width:90%;box-shadow:0 0 12px #0006}:root{--gold: #D4AF37;--gray-light: #cccccc;--gray-mid: #888888;--gray-dark: #2b2b2b;--black: #1e1e1e;--white: #ffffff;--border: 2px solid var(--gray-light)}.brewsheet{display:flex;flex-direction:column;gap:2rem;padding:2rem;background-color:var(--gray-dark);color:var(--gray-light);margin:0 auto;font-family:sans-serif}section{background-color:var(--black)!important;border:var(--border)!important;border-radius:12px!important;padding:1.25rem!important;box-shadow:0 4px 10px #0006!important;width:100%!important;box-sizing:border-box!important}table input{max-width:70px;width:100%;border:1px solid var(--gray-mid)!important;background-color:var(--black);color:var(--white);padding:.4rem;border-radius:4px}h1{color:var(--gold);font-size:2.5rem;border-bottom:2px solid var(--gold);padding-bottom:.5rem;margin-bottom:1.5rem}h2,h3,h4{color:var(--gray-light)}.brewsheet-header{text-align:center;border-bottom:var(--border)!important;margin-bottom:2rem}.brewsheet-header .meta,.brewsheet-header p,section p,section small{font-size:.9rem;color:var(--gray-light)}section h2{font-size:1.25rem;margin-bottom:1rem}section h4{font-size:1rem;margin-bottom:.75rem}section table{width:100%;border-collapse:collapse;font-size:.9rem;color:var(--gray-light);margin-top:1rem;border:var(--border)!important}section th,section td{padding:.5rem;border-bottom:1px solid var(--gray-mid);text-align:left;border-right:1px solid var(--gray-mid)}section th:last-child,section td:last-child{border-right:none}section textarea{width:100%;border-radius:8px;padding:.75rem;background-color:var(--black);border:1px solid var(--gray-mid);color:var(--white);resize:vertical}.brewsheet-label{font-weight:500;color:var(--gray-light)}.brewsheet-value,.brewsheet-input{background-color:var(--black);border:1px solid var(--gray-mid);border-radius:4px;padding:.4rem .6rem;color:var(--gray-light)}.brewsheet-input:focus,button:hover,a:hover{color:var(--white)}.brewsheet-savebar{position:sticky;bottom:0;background-color:var(--gray-dark);padding:1rem;border-top:var(--border);text-align:right;z-index:10}.grist-temp-row{display:flex;gap:1rem;align-items:center}.weight-cell{display:flex;gap:.5rem;align-items:center}.compact-input{width:70px;background-color:var(--black);border:1px solid var(--gray-mid);color:var(--gray-light);border-radius:4px;padding:.25rem .4rem}.strike-water-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.strike-grouped{display:flex;flex-direction:column;flex:1 1 220px;min-width:200px;border:var(--border);padding:.75rem;border-radius:8px}.strike-grouped input{margin-top:.25rem;padding:.4rem .6rem;font-size:.9rem;background-color:var(--black);border:1px solid var(--gray-mid);color:var(--gray-light);border-radius:4px}.subinline{font-size:.75rem;color:var(--gray-light);margin-top:.25rem}.brewsheet-savebar button{background-color:var(--gray-light);color:var(--gray-dark);padding:.6rem 1.2rem;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.brewsheet-savebar button:hover{background-color:var(--gray-mid);color:var(--white)}.brewsheet-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.add-row-button{display:inline-block;margin-top:.5rem;padding:.3rem .6rem;font-size:.9rem;background-color:var(--black);color:var(--gray-light);border:1px solid var(--gray-mid);border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.add-row-button:hover{background-color:var(--gray-mid);color:var(--white)}.add-row-button:focus{outline:none;box-shadow:0 0 0 2px var(--gold)}.recipe-sidebar{background-color:#101010;color:#a0a0a0;padding:1.5rem 1rem;width:220px;height:100%;box-sizing:border-box}.recipe-sidebar ul{list-style:none;padding:0;margin:0}.recipe-sidebar li{margin-bottom:1rem}.recipe-sidebar a{display:block;padding:.5rem 1rem;text-decoration:none;color:#a0a0a0;font-weight:400;transition:background-color .2s ease,color .2s ease}.recipe-sidebar a:hover{background-color:#1f1f1f;color:#e0e0e0}.recipe-sidebar a.active{color:#d8cab8;font-weight:700}.recipe-sidebar .save-recipe-btn{display:block;width:calc(100% - 32px);margin:16px;padding:10px 20px;background-color:#666!important;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.recipe-sidebar .save-recipe-btn:hover{background-color:#444!important}.recipe-builder-layout{display:flex;height:100vh;background-color:#121212;color:#e0e0e0;font-family:Segoe UI,sans-serif}.recipe-builder-content{flex:1;padding:2rem;overflow-y:auto;background-color:#1e1e1e;border-left:1px solid #333}.recipe-builder-layout>:first-child{width:220px;background-color:#101010;border-right:1px solid #2a2a2a;padding:1.5rem 1rem}.recipe-builder-layout a{display:block;padding:.5rem 1rem;margin-bottom:.5rem;text-decoration:none;color:#a0a0a0;border-radius:4px}.recipe-builder-layout a:hover{background-color:#1f1f1f;color:#e0e0e0}.recipe-builder-layout a.active{color:#d8cab8;font-weight:700}.recipe-builder-layout>:first-child{z-index:1;position:relative}.recipe-builder-content{height:100vh;overflow:hidden;display:flex;flex-direction:column}:root{--bg-main: #121212;--bg-panel: #1c1c1c;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #333;--accent: #2f2f2f;--highlight: #444}html,body{margin:0;padding:0;background-color:var(--bg-main);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden}input,select,textarea,button{font-family:inherit;font-size:1rem;background-color:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:.5rem}input[readonly]{background-color:var(--highlight);color:var(--text-secondary)}label{display:block;margin-bottom:1rem}h1,h2,h3,h4,h5{color:var(--text-primary)}a{color:var(--text-secondary);text-decoration:none}a:hover{color:var(--text-primary)}button{cursor:pointer;background-color:var(--accent);border:1px solid var(--border-color)}button:hover{background-color:var(--highlight)}.parameters-container{max-width:1000px;margin:0 auto;padding:2rem;background-color:#1e1e1e;color:#e0e0e0;border-radius:8px;overflow-y:auto;max-height:95vh;scroll-behavior:smooth}.parameters-container h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}.parameters-container section{margin-bottom:2rem;border-top:1px solid #333;padding-top:1rem}.parameters-container section h3{font-size:1.3rem;color:#d4af37;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.form-group{display:flex;flex-direction:column;margin-bottom:1.2rem}label{font-weight:700;margin-bottom:.4rem;color:#ccc}input[type=text],input[type=number],input[type=date],select{background-color:#2a2a2a;color:#f0f0f0;border:1px solid #555;border-radius:4px;padding:.5rem;font-size:1rem;display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox]{width:20px;height:20px;accent-color:#d4af37}input:focus,select:focus{border-color:#888;outline:none}button{background-color:#333;color:#fff;font-weight:700;padding:.75rem 1.25rem;border:none;border-radius:4px;cursor:pointer;margin-top:1rem}button:hover{background-color:#444}input[type=text],input[type=number],input[type=date],select{background-color:#2a2a2a!important;color:#f0f0f0!important;border:1px solid #555!important;border-radius:4px!important;padding:.5rem!important;font-size:1rem!important;width:100%!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.main-content{height:100vh;overflow-y:auto}.parameters-container{height:100%;overflow-y:auto;padding:2rem;box-sizing:border-box}.parameters-container{display:flex;flex-direction:column;padding:2rem;overflow-y:auto;height:100%;box-sizing:border-box}.grain-table{width:100%;border-collapse:collapse;margin-top:1rem}.grain-table th,.grain-table td{padding:.5rem;text-align:left;vertical-align:middle}.grain-col select{width:100%;min-width:200px}.percent-col input,.weight-col{width:100px;text-align:right}.percent-col input{padding:.25rem .5rem;box-sizing:border-box}.weight-col{white-space:nowrap;padding-right:1rem}.remove-col button{background:none;color:var(--color-text-primary);border:none;cursor:pointer;font-size:1.2rem}.hop-selection-container{max-width:1000px;margin:0 auto;padding:2rem;background-color:#1e1e1e;color:#e0e0e0;border-radius:8px;overflow-x:auto}.hop-selection-container h2{text-align:center;margin-bottom:1.5rem;font-size:1.8rem;color:#fff}.hop-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.hop-table th,.hop-table td{border:1px solid #333;padding:.5rem;text-align:center}.hop-table th{background-color:#2a2a2a;font-weight:700;color:#d4af37}.hop-table td{background-color:#1f1f1f}.hop-table input,.hop-table select{width:100%;background-color:#2a2a2a;color:#f0f0f0;border:1px solid #555;border-radius:4px;padding:.4rem;font-size:.95rem}.add-hop-btn{background-color:#333;color:#fff;padding:.6rem 1.2rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;display:block;margin:0 auto 1rem}.add-hop-btn:hover{background-color:#444}.summary{text-align:center;margin-top:1rem;font-size:1.1rem;color:#ccc}.hop-ibu-summary{margin-top:1rem;background:#1f1f1f;padding:1rem;border-radius:8px;color:#e0e0e0}.yeast-health-screen{padding:20px;background-color:#f4f8f9;color:#333;font-family:Arial,sans-serif;border-radius:10px;box-shadow:0 2px 8px #0000001a;max-width:800px;margin:20px auto}.input-section,.results-section,.instructions-section{margin-bottom:20px;padding:15px;border-radius:8px;background-color:#fff;box-shadow:0 1px 5px #0000000d}.input-section label{display:block;margin-bottom:10px}.input-section input{padding:8px;margin-left:10px;width:100px;border:1px solid #ccc;border-radius:4px}.results-section h3,.instructions-section h3{margin-top:0}.instructions-section ol{padding-left:20px}.instructions-section ol li{margin-bottom:8px}body,html{height:100%;margin:0;padding:0;overflow:auto}.yeast-health-screen{min-height:100vh;overflow-y:auto}.results-section{background-color:#2b2b2b;color:#f0f0f0;padding:16px;border-radius:8px;margin-top:20px;box-shadow:0 2px 6px #0003}.results-section h3{margin-top:0;color:gold}.results-section p{margin:8px 0;font-size:1rem}.summary-section{color:#ccc}.schedule-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem}.schedule-day{background-color:#1e1e1e;padding:1rem;border-radius:1rem;box-shadow:0 4px 10px #0000004d;color:#f4f4f4}.schedule-day h2{color:#fbbf24;font-size:1.125rem;margin-bottom:.5rem}.warning{color:#f87171;font-size:.875rem;margin-bottom:.5rem}.task-card{background-color:#2d2d2d;border-radius:.5rem;padding:.5rem;margin-bottom:.5rem}.task-card .task-title{font-weight:600;color:#fff}.task-card .task-beer{font-size:.875rem;color:#d4d4d8}.task-card .task-meta{font-size:.75rem;color:#a1a1aa;margin-top:.25rem}h1{color:var(--color-gold)!important}.schedule-screen{padding-top:80px;box-sizing:border-box}.brew-date-item{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #444}.brew-date-details{display:flex;flex-direction:column}.beer-name{font-size:1rem;color:#f4f4f4}.brew-meta{font-size:.9rem;color:#d4d4d8;margin-bottom:.5rem}.view-button{align-self:flex-start;background-color:#d4af37;color:#2b2b2b}.assign-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem;max-width:300px}.assign-inline select{flex:1;min-width:150px;max-width:200px;padding:.4rem .6rem;font-size:.9rem;background-color:#2d2d2d;color:#f4f4f4;border:1px solid #555;border-radius:4px}.assign-inline button{padding:.4rem .75rem;font-size:.9rem;font-weight:700;background-color:#d4af37;color:#2b2b2b;border:none;border-radius:4px;cursor:pointer}.assign-inline button:disabled{background-color:#444;color:#aaa;cursor:not-allowed}.brew-planner-screen{padding:2rem;background-color:var(--color-primary-bg);color:var(--color-text-primary);border-radius:8px}.brew-planner-screen h1{font-size:2rem;margin-bottom:1rem;color:var(--color-gold)!important}.brew-plan-form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.brew-plan-form label{display:flex;flex-direction:column;font-weight:500;color:var(--color-text-primary)}.brew-plan-form input,.brew-plan-form select,.brew-plan-form textarea{padding:.5rem;border-radius:6px;border:1px solid #444;background-color:#2a2a2a;color:#f0f0f0}.brew-plan-form button[type=submit]{align-self:flex-start;background-color:var(--color-accent);color:#121212;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out}.brew-plan-form button[type=submit]:hover{background-color:var(--color-accent-hover);color:#fff}.plan-scope-toggle{display:flex;gap:.5rem;margin:1rem 0}.toggle-button{background-color:#2b2b2b;color:#e0e0e0;border:1px solid #444;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease-in-out}.toggle-button:hover{background-color:var(--color-accent-hover);color:#fff}.toggle-button.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.delete-button{background-color:#522;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease-in-out}.delete-button:hover{background-color:#c33}.edited-row{background-color:var(--color-gold)}.brew-days-screen{padding:2rem;background-color:var(--color-primary-bg);color:var(--color-text-primary);border-radius:8px}.brew-days-screen h1{font-size:2rem;margin-bottom:1rem;color:var(--color-accent)}.return-home-button{margin-bottom:1.5rem;background-color:transparent;border:none;color:var(--color-accent);cursor:pointer;font-size:1rem;text-decoration:underline}.schedule-brew-button{margin-bottom:1rem;background-color:#2b2b2b;color:#e0e0e0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.schedule-brew-button:hover{background-color:var(--color-accent-hover);color:#fff}.subheading{margin-bottom:1rem;color:var(--color-text-secondary)}.brew-days-table{width:100%;border-collapse:collapse;background-color:#1e1e1e;border-radius:8px;overflow:hidden}.brew-days-table th,.brew-days-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #444}.brew-days-table th{background-color:#2a2a2a;color:#d4af37}.brew-days-table tr:hover{background-color:#2f2f2f}.fermenters-screen{padding:2rem;background-color:var(--color-primary-bg);color:var(--color-text-primary);border-radius:8px;position:relative;overflow:visible}.fermenters-screen h1{font-size:2rem;margin-bottom:.5rem;color:var(--color-gold, #d4af37)!important}.subheading{color:var(--color-text-secondary);margin-top:1rem;margin-bottom:2rem}.error{color:red;font-weight:700}.add-fermenter-wrapper{position:relative;display:inline-block;z-index:10;overflow:visible}.add-fermenter-button{background-color:var(--color-accent);color:#cccc;border:none;padding:.5rem 1rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.add-fermenter-button:hover{background-color:var(--color-gold);color:#fff}.add-fermenter-form{position:absolute;top:110%;left:0;width:320px;padding:1rem;background-color:#2b2b2bf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #444;border-radius:12px;z-index:100;box-shadow:0 4px 12px #0009;animation:dropIn .25s ease-out}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-fermenter-form label{display:block;margin-bottom:.75rem;font-size:.9rem;color:var(--color-text-primary)}.add-fermenter-form input[type=text],.add-fermenter-form input[type=number]{width:100%;padding:.5rem;margin-top:.25rem;background-color:#2a2a2a;border:1px solid #555;color:#fff;border-radius:4px}.add-fermenter-form input[type=checkbox]{margin-left:.5rem}.add-fermenter-form button[type=submit]{margin-top:1rem;background-color:var(--color-gold);color:#cccc;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer}.fermenter-table{width:100%;border-collapse:collapse;margin-top:2rem;background-color:var(--color-surface);border-radius:8px;overflow:hidden}.fermenter-table th,.fermenter-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #444}.fermenter-table th{background-color:#333;color:var(--color-gold, #d4af37);font-weight:600}.fermenter-table td{color:var(--color-text-secondary)}.fermenter-table tr:last-child td{border-bottom:none}:root{--navbar-height: 72px;--color-surface: #2b2b2b;--color-text-primary: #cccc;--color-text-secondary: #aaaa;--color-accent-hover: #aaaa;--color-error: #;--color-background: #121212;--font-body: "Inter", sans-serif;--color-accent: #cccc;--color-primary-bg: #1e1e1e;--color-gold:#d4af37}body{font-family:var(--font-body)}html,body,#root{margin:0;padding:0;background-color:var(--color-background)!important;color:var(--color-text-primary);height:100%;min-height:100vh;overflow:hidden;padding-top:var(--navbar-height)}body>div:not(#root){display:none!important}*{box-shadow:none!important;outline:none!important;border-color:transparent!important;background:transparent!important}.grain-selection,.parameters-container,.brew-sheet,.inventory-screen,.scheduling,.tasks,.screen-container,.hop-selection-container,.yeast-selection,.water-selection,.home{background-color:#1e1e1e!important;color:#e0e0e0;border-radius:8px;padding:1rem}select{background-color:#2a2a2a!important;color:#f0f0f0!important;border:1px solid #555!important;border-radius:4px!important;padding:.5rem 1rem .5rem .5rem!important;appearance:revert!important;-webkit-appearance:revert!important;-moz-appearance:revert!important;background-image:revert!important;background-position:revert!important;background-repeat:revert!important;background-size:revert!important;width:auto;min-width:180px;cursor:pointer}select:focus{border-color:#888!important}button:hover{background-color:var(--color-accent-hover);color:#fff}button{background-color:#2b2b2b;color:#e0e0e0;border:none;border-radius:8px;padding:.75rem 1.5rem;font:inherit;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.new-recipe-button{background-color:#2b2b2b!important;color:#e0e0e0!important;font-weight:600;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out}.new-recipe-button:hover{background-color:#3a3a3a!important;color:#fff!important}body,html{margin:0;padding:0;height:100%}main{padding-top:0;height:calc(100vh - 3rem);overflow-y:auto}main{padding-top:10px}nav{z-index:10;position:relative;background-color:#121212}h2{color:var(--color-gold)!important}