:root{--bg-color:#1a1a1d;--text-color:#ebd5b3;--accent-gold:#d4af37;--border-color:#4a4a4a;--card-bg:#242426;--input-bg:#2b2b2b}*{font-family:EB Garamond,serif!important}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#f5ebd9;text-align:center}#root{display:flex}.app-container{flex-direction:column;width:100vw;min-height:100vh;margin:0;padding:0;transition:all .5s;display:flex}.hero-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:height .5s;display:flex}.hero-wrapper.active-results{justify-content:flex-end;height:300px;padding-bottom:20px}.tree-of-life{width:120px;height:200px;color:var(--accent-gold);margin-bottom:15px;transition:transform .5s}.hero-wrapper.active-results .tree-of-life{width:60px;height:100px}.hero-title{color:var(--accent-gold);margin-bottom:30px;font-family:Times New Roman,serif;font-size:2.5em;transition:font-size .5s}.hero-wrapper.active-results .hero-title{margin-bottom:15px;font-size:1.5em}.search-container{width:100%;max-width:600px;margin:0 auto;position:relative}.search-input{background-color:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-color);box-sizing:border-box;text-align:center;border-radius:30px;padding:15px 25px;font-family:Times New Roman,serif;font-size:1.2em;transition:all .3s;box-shadow:0 4px 6px #0006}.search-input:focus{border-color:var(--accent-gold);background-color:#2b2b2f;outline:none;box-shadow:0 0 10px #d4af3733}.search-input::placeholder{color:#888}.search-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);z-index:100;border-radius:12px;width:100%;max-height:400px;position:absolute;top:60px;left:0;overflow-y:auto;box-shadow:0 10px 20px #0009}.dropdown-item{border-bottom:1px solid var(--border-color);cursor:pointer;flex-direction:column;padding:15px 20px;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item.focused{background-color:#35353a}.dropdown-match-text{color:#fff;font-size:1em}.dropdown-scale-info{color:var(--accent-gold);margin-top:4px;font-size:.8em}.main-content{opacity:1;flex-direction:column;flex-grow:1;align-items:center;padding:20px 40px 60px;transition:opacity .5s;display:flex}.cards-container{width:100%;max-width:800px;margin:0 auto}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:30px;padding:40px;box-shadow:0 8px 15px #0009}.hebrew-letter{color:var(--accent-gold);text-align:center;margin-top:0;margin-bottom:10px;font-size:5em;font-weight:700;line-height:1}.key-scale-title{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px;font-family:Times New Roman,serif;font-size:1.8em}.color-swatch-container{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:30px;display:flex}.color-swatch{flex-direction:column;align-items:center;gap:10px;width:120px;display:flex}.swatch-circle{border:2px solid #5a5a5a;border-radius:50%;width:80px;height:80px;box-shadow:inset 0 2px 4px #0009}.swatch-label{text-align:center;color:var(--text-color);font-size:.85em}details{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;overflow:hidden}summary{cursor:pointer;color:var(--accent-gold);-webkit-user-select:none;user-select:none;border-bottom:1px solid #0000;padding:15px;font-family:Times New Roman,serif;font-weight:700}details[open] summary{border-bottom-color:var(--border-color)}.details-content{background-color:#1e1e21;padding:15px;font-size:.95em;line-height:1.5}.prop-row{margin-bottom:8px}.prop-key{color:#fff;margin-right:8px;font-weight:700}.hit-highlight{color:#ffdf00;background-color:#b8860b40;border-radius:2px;padding:0 1px;box-shadow:0 0 4px #d4af3733}.home-button{border:1px solid var(--accent-gold);color:var(--accent-gold);cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#242426cc;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:.9em;transition:all .4s;display:flex;position:fixed;top:30px;right:40px;box-shadow:0 4px 15px #0000004d}.home-button:hover{background-color:var(--accent-gold);color:#1a1a1d;transform:translateY(-2px);box-shadow:0 0 15px #d4af3780}.home-button.hidden{opacity:0;pointer-events:none;transform:translate(20px)}.magickal-link{cursor:pointer;color:inherit;border-bottom:1px solid #0000;transition:all .3s;display:inline-block}.magickal-link:hover{color:#ffdf00;text-shadow:0 0 8px #d4af3766}.magickal-link:hover .hit-highlight{color:#fff;background-color:var(--accent-gold)}.gematria-toggle{color:var(--accent-gold);cursor:pointer;opacity:.7;background:0 0;border:none;margin:15px auto 0;font-family:inherit;font-size:.9em;text-decoration:underline;display:block}.gematria-toggle:hover{opacity:1}.gematria-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;width:100%;max-width:600px;margin-top:15px;margin-left:auto;margin-right:auto;padding:25px;animation:.3s ease-out slideDown;box-shadow:0 10px 30px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gematria-input-group{flex-direction:column;align-items:center;gap:15px;display:flex}.gematria-label{color:var(--text-color);font-size:.9em;font-style:italic}.gematria-input{background-color:var(--bg-color);border:1px solid var(--border-color);color:#fff;text-align:center;border-radius:8px;width:100%;max-width:400px;padding:12px;font-family:Times New Roman,serif;font-size:1.4em}.gematria-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 10px #d4af3733}.gematria-result-display{flex-direction:column;align-items:center;margin-top:20px;display:flex}.gematria-value{color:var(--accent-gold);text-shadow:0 0 15px #d4af3766;margin-bottom:10px;font-size:3.5em;font-weight:700;line-height:1}.explore-btn{border:1px solid var(--accent-gold);color:var(--accent-gold);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background-color:#0000;border-radius:20px;margin-top:10px;padding:8px 25px;font-size:1em;transition:all .3s}.explore-btn:hover{background-color:var(--accent-gold);color:#1a1a1d;box-shadow:0 0 10px #d4af374d}