.header[data-v-8c546772]{padding:1rem 0;text-align:center;background-color:var(--color-dark);border-bottom:3px solid var(--color-accent-dark)}.header-content[data-v-8c546772]{display:flex;align-items:center;justify-content:center;gap:1rem}.header-link[data-v-8c546772]{display:flex;align-items:center;text-decoration:none}.logo[data-v-8c546772]{width:50px;height:50px;border-radius:var(--radius-full);transition:transform .2s}.header-link:hover .logo[data-v-8c546772]{transform:rotate(-8deg) scale(1.08)}h1[data-v-8c546772]{margin:0;color:var(--color-primary);font-family:Caveat Brush,cursive;font-size:2.5rem}.vibe[data-v-8c546772]{transition:color .2s}.header-link:hover .vibe[data-v-8c546772]{color:var(--color-accent-dark)}@media(max-width:768px){h1[data-v-8c546772]{font-size:1.8rem}.logo[data-v-8c546772]{width:40px;height:40px}}:root{--color-primary: #ffbb77;--color-secondary: #b9a89a;--color-dark: #524438;--color-accent: #6edba5;--color-accent-dark: #31a371;--color-light: #faf6f2;--color-background: #e8ddd5;--color-primary-subtle: rgba(255, 187, 119, .2);--color-secondary-subtle: rgba(185, 168, 154, .15);--color-secondary-border: rgba(185, 168, 154, .35);--color-accent-subtle: rgba(110, 219, 165, .15);--content-width: 80%;--card-shadow: 0 2px 12px rgba(82, 68, 56, .1);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-default: .25s ease}*::-webkit-scrollbar{width:10px;height:10px;background-color:var(--color-light)}*::-webkit-scrollbar-thumb{background-color:var(--color-secondary);cursor:pointer}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}html{font-family:Nunito,sans-serif}html,body{height:100%;margin:0;padding:0;background-color:var(--color-dark)}#app{min-height:calc(100vh - 1rem);margin:0 1rem 1rem;background-color:var(--color-background);border-radius:var(--radius-md)}.card{padding:2rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:box-shadow .15s}.btn-primary{padding:.7rem 1.5rem;background-color:var(--color-accent-dark);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-family:inherit;font-weight:600;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{padding:.7rem 1.25rem;background-color:transparent;color:var(--color-dark);border:1px solid var(--color-secondary-border);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-family:inherit;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-secondary-subtle)}@media(max-width:768px){#app{min-height:100vh;margin:0;border-radius:0}.card{padding:1rem}.reactants{width:95%}}svg[data-v-3a81f7a9]{display:block}.card[data-v-ad0550c8]{margin:2.5rem auto;padding:1rem;width:var(--content-width);background:var(--color-primary-subtle);border-radius:var(--radius-xl);border-left:4px solid var(--color-accent-dark)}h1[data-v-ad0550c8]{font-size:2.5rem;text-align:center;color:var(--color-dark);text-transform:capitalize}@media(max-width:768px){.card[data-v-ad0550c8]{margin:1rem auto}h1[data-v-ad0550c8]{font-size:1.8rem}}h1 strong{color:var(--color-accent-dark);font-weight:700;position:relative;display:inline-block}h1 strong:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:var(--color-accent-dark);border-radius:var(--radius-full);transform:scaleX(.6);transform-origin:left;transition:transform .3s ease}h1 strong:hover:after{transform:scaleX(1)}