:root{--text:#cbb9db;--text-h:#f1e7f9;--bg:#1a1625;--border:#3b2d50;--code-bg:#2a2238;--accent:#d49aff;--accent-bg:#d49aff26;--accent-border:#d49aff80;--social-bg:#3b2d5080;--cauldron-bg:#2e1a47;--paper-bg:#fdf6e3;--paper-text:#5c4b37;--shadow:#00000080 0 10px 15px -3px, #0000004d 0 4px 6px -2px;--sans:"Almendra", "Spectral", serif;--heading:"Almendra Display", "Spectral", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.witch-app{flex-direction:column;align-items:center;gap:40px;min-height:100vh;padding:40px 20px;display:flex}.recipe-book{background-color:var(--paper-bg);color:var(--paper-text);text-align:left;border-left:15px solid #4a3728;border-radius:4px;max-width:700px;padding:40px;font-family:Spectral,serif;position:relative;box-shadow:5px 5px 15px #00000080,inset 0 0 50px #0000001a}.recipe-book h2{color:#2c1e12;text-align:center;border-bottom:2px solid #0000001a;margin-top:0;padding-bottom:10px;font-size:2.5rem}.recipe-intro{text-align:center;margin-bottom:30px;font-size:1.2rem;font-style:italic}.solution-color-preview{border-top:1px dashed #0003;flex-direction:column;align-items:center;gap:20px;margin-top:40px;padding-top:20px;display:flex}.solution-color-preview h3{font-family:var(--heading);color:#2c1e12;margin:0}.color-swatch{filter:blur(8px);opacity:.8;border:none;border-radius:50%;width:40px;height:40px;animation:6s ease-in-out infinite alternate cloud-pulse;position:relative;box-shadow:0 0 10px #0000001a,20px -10px 15px,-20px -10px 15px,15px 15px 15px,-15px 15px 15px}@keyframes cloud-pulse{0%{filter:blur(8px);transform:scale(1)translate(0)}33%{filter:blur(10px);transform:scale(1.1)translate(2px,-3px)}66%{filter:blur(7px);transform:scale(.95)translate(-2px,2px)}to{filter:blur(9px);transform:scale(1.05)translate(0)}}.recipe-steps{padding-left:20px}.recipe-steps li{margin-bottom:25px;line-height:1.6}.step-title{color:#4a3728;margin-bottom:5px;font-size:1.3rem;font-weight:700;display:block}.step-desc{margin:0 0 5px}.ingredient-hint{opacity:.8;color:#7b5e45;font-size:.9rem;font-style:italic;display:block}.additional-instructions{border-top:1px dashed #0003;margin-top:40px;padding-top:20px}.additional-instructions h3{font-family:var(--heading);color:#2c1e12;margin-bottom:15px}.additional-instructions ul{padding-left:20px}.additional-instructions li{margin-bottom:10px;font-style:italic}.home-container{flex-direction:column;align-items:center;gap:40px;width:100%;display:flex}.code-entry{background:var(--accent-bg);border:1px solid var(--accent-border);text-align:center;border-radius:8px;width:100%;max-width:500px;padding:30px}.code-entry h3{color:var(--accent);margin-top:0}.code-form{justify-content:center;gap:10px;margin-top:20px;display:flex}.code-input{background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);font-family:var(--mono);letter-spacing:2px;text-align:center;border-radius:4px;width:120px;padding:10px 15px;font-size:1.2rem}.code-input:focus{border-color:var(--accent);outline:none}.magic-button{background:var(--accent);color:var(--bg);font-family:var(--sans);cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-weight:700;transition:transform .2s,background .2s}.magic-button:hover{background:#e0b0ff;transform:translateY(-2px)}.error-message{color:#ff6b6b;margin-top:15px;font-size:.9rem}@media (width<=600px){.recipe-book{border-left-width:8px;padding:20px}.recipe-book h2{font-size:1.8rem}}