:root{--ink:#173a34;--muted:#5b716b;--cream:#f7f5ee;--paper:#fffef9;--mint:#e4eee5;--line:#cbdad1;--green:#25564d;--coral:#c66f56;--gold:#e8c992;--shadow:0 18px 55px rgba(28,65,51,.10);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid var(--coral);outline-offset:3px}a{color:inherit}.skip{position:absolute;left:1rem;top:-4rem;background:white;padding:.6rem;z-index:10}.skip:focus{top:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(4vw,1rem);background:#fffdf6;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:.92rem;letter-spacing:.02em;white-space:nowrap}.brand strong{display:block;font-family:Georgia,serif;font-size:1.13rem;line-height:1}.brand-mark{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:1.9rem}.header-actions{display:flex;align-items:center;gap:.35rem}.text-button,.install-button{border:0;background:transparent;color:var(--green);font-weight:700;padding:.7rem .85rem;border-radius:2rem}.text-button:hover,.install-button:hover{background:var(--mint)}.text-button span{display:inline-grid;place-items:center;border-radius:50%;min-width:1.3rem;background:var(--mint);font-size:.75rem}.install-button{background:var(--mint)}main{max-width:1300px;margin:auto;padding:0 max(4vw,1rem)}.hero{display:grid;grid-template-columns:1.22fr .78fr;min-height:500px;overflow:hidden;background:#e9efe5;border-radius:0 0 2rem 2rem}.hero-copy{padding:clamp(2rem,6vw,5rem);align-self:center}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.21em;font-weight:800;color:#7a6449;margin:0 0 1rem}h1,h2,h3{font-family:Georgia,Cambria,"Times New Roman",serif;line-height:1.12;font-weight:500}h1{font-size:clamp(3.1rem,6vw,5.7rem);max-width:680px;letter-spacing:-.045em;margin:0 0 1.3rem}h1 em{color:var(--coral);font-weight:400}h2{font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.035em;margin:0 0 .8rem}h3{font-size:1.5rem;margin:.3rem 0}.lede{font-size:1.13rem;max-width:570px;color:#35564f}.hero-meta{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:2rem}.hero-meta span{border:1px solid #b7c9bc;border-radius:2rem;padding:.38rem .85rem;font-size:.79rem;color:#3b5e54}.hero-art{position:relative;min-height:370px;background:radial-gradient(circle at 55% 38%,#f7f4da 0,#ddebdc 43%,#bdcfbe 100%);display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;width:340px;height:340px;border:1px solid rgba(37,86,77,.22);border-radius:50%;transform:rotate(-25deg) scaleX(1.2)}.orbit-two{width:470px;height:470px;transform:rotate(25deg) scaleX(.8)}.bottle{position:relative;width:145px;height:254px;filter:drop-shadow(15px 22px 14px rgba(40,73,46,.2))}.cap{position:absolute;left:36px;top:0;width:73px;height:53px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#b99055,#f5dba7 52%,#ad8551)}.neck{position:absolute;left:44px;top:50px;width:57px;height:20px;background:#b27e43}.glass{position:absolute;top:67px;width:145px;height:187px;border:3px solid rgba(255,255,255,.8);border-radius:22px 22px 31px 31px;background:linear-gradient(115deg,rgba(239,199,109,.9),rgba(147,80,32,.78) 65%,rgba(221,164,72,.85));display:grid;place-items:center;color:#fff8e8;font-family:Georgia,serif;font-size:2.1rem;letter-spacing:.16em}.glass::before{content:"";position:absolute;left:14px;top:12px;bottom:18px;width:14px;border-radius:15px;background:rgba(255,255,255,.27)}.art-label{position:absolute;bottom:2rem;letter-spacing:.17em;font-size:.72rem;text-transform:uppercase;color:#416655}.workspace,.results,.about{padding:clamp(2rem,5vw,4rem) 0}.intro,.results-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.intro>p{max-width:420px;color:var(--muted);margin:0}.progress{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.25rem}.progress-track{flex:1;height:5px;border-radius:9px;background:#d9e3d9;overflow:hidden}.progress-track span{display:block;height:100%;width:25%;background:var(--coral);transition:width .25s}.progress>span{min-width:8rem;text-align:right;font-size:.8rem;color:var(--muted)}.step{background:var(--paper);border:1px solid var(--line);border-radius:1.5rem;padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow);min-height:340px}.step-heading{display:flex;align-items:start;gap:1rem;margin-bottom:1.7rem}.step-number{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-weight:800;flex:none}.step-heading p{margin:0;color:var(--muted)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.choice{position:relative;display:block;min-height:110px;padding:1.15rem;border:1.5px solid #d4dfd6;border-radius:1rem;background:#fff;transition:transform .15s,border-color .15s,background .15s}.choice:hover{transform:translateY(-2px);border-color:#8cac9a}.choice:has(input:checked){border-color:var(--green);background:#eaf2e8;box-shadow:inset 0 0 0 1px var(--green)}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice:has(input:focus-visible){outline:3px solid var(--coral);outline-offset:3px}.choice-title{font-weight:800;display:block}.choice-sub{font-size:.83rem;color:var(--muted);display:block;margin-top:.3rem}.choice-mark{float:right;color:var(--coral);font-weight:bold}.choice:not(:has(input:checked)) .choice-mark{visibility:hidden}.oils-toolbar{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.search{padding:.8rem 1rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;min-width:min(100%,300px);color:var(--ink)}.small-action{background:transparent;border:0;text-decoration:underline;color:var(--green);padding:.5rem}.oil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.6rem;max-height:360px;overflow:auto;padding:.3rem}.oil-option{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:.7rem;background:white}.oil-option:has(input:checked){background:var(--mint);border-color:var(--green)}.oil-option input{accent-color:var(--green);width:1.1rem;height:1.1rem}.oil-option small{color:var(--muted);margin-left:auto;font-size:.68rem}.step-hint{margin:1.1rem 0 0;color:var(--muted);font-size:.9rem}.step-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.3rem}.button-primary,.button-ghost{border-radius:3rem;padding:.9rem 1.45rem;font-weight:750;border:1px solid var(--green)}.button-primary{background:var(--green);color:white}.button-primary:hover{background:#153e36}.button-ghost{background:transparent;color:var(--green)}.button-ghost:hover{background:var(--mint)}button:disabled{opacity:.45;cursor:not-allowed}.results{border-top:1px solid var(--line)}.results-head p:last-child{color:var(--muted);margin:.5rem 0 0}.result-group{margin:2rem 0 .8rem;font-family:Georgia,serif;font-size:1.5rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:1rem;align-items:stretch}.card{background:var(--paper);border:1px solid var(--line);border-radius:1.2rem;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(28,65,51,.05)}.card.near{background:#f8f7f1}.card-top{display:flex;justify-content:space-between;align-items:start;gap:.7rem}.pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;background:var(--mint);color:var(--green);border-radius:3rem;padding:.4rem .7rem}.card p{margin:.5rem 0;color:#4d665e}.ingredients{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.ingredients span{background:#edf2eb;border-radius:2rem;padding:.32rem .7rem;font-size:.8rem}.ingredients .missing{background:#f7e8da;color:#8c4e38}.card details{border-top:1px solid var(--line);margin-top:auto;padding-top:1rem}.card details summary{font-weight:750;cursor:pointer}.detail-body p{font-size:.88rem;margin:.65rem 0}.source{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.8rem;margin-top:.9rem}.favorite{border:1px solid var(--line);background:white;border-radius:50%;font-size:1.2rem;width:2.4rem;height:2.4rem;color:#9b624e;flex:none}.favorite[aria-pressed=true]{background:#f9e7df;border-color:#bf8268}.missing-line{font-size:.86rem;color:#97583f!important}.empty{padding:2rem;border:1px dashed var(--line);border-radius:1rem;background:white}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;color:#4d665e}.source-disclosure{border-top:1px solid var(--line);padding:1.2rem 0;color:var(--muted)}.source-disclosure summary{cursor:pointer;color:var(--green);font-weight:700}footer{display:flex;justify-content:space-between;gap:1rem;background:var(--green);color:#e5eee6;padding:1.7rem max(4vw,1rem);font-size:.82rem}dialog{border:0;border-radius:1.3rem;box-shadow:0 25px 90px #102d2680;max-width:min(92vw,600px);max-height:85vh;overflow:auto;padding:1.6rem 2rem;color:var(--ink)}dialog::backdrop{background:rgba(17,39,34,.6)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dialog-top h2{font-size:2rem}.icon-button{border:0;background:var(--mint);border-radius:50%;width:2.3rem;height:2.3rem;font-size:1.5rem}.settings-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}.file-label{cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.small{font-size:.85rem;color:var(--muted)}.danger-button{border:0;background:transparent;color:#9b4737;text-decoration:underline;padding:.5rem 0;margin-top:1rem}.saved-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--line);padding:.9rem 0}.saved-item small{display:block;color:var(--muted)}.saved-item button{border:0;background:var(--mint);border-radius:2rem;padding:.5rem .8rem;color:var(--green)}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,120px);opacity:0;background:#173a34;color:#fff;border-radius:.6rem;padding:.8rem 1.2rem;box-shadow:var(--shadow);transition:.25s;z-index:5;max-width:90vw}.toast.visible{transform:translate(-50%,0);opacity:1}@media(max-width:760px){.topbar{align-items:flex-start}.brand{font-size:.8rem}.brand-mark{width:2.2rem;height:2.2rem}.header-actions{justify-content:end;flex-wrap:wrap}.header-actions button{font-size:.77rem;padding:.5rem}.hero{grid-template-columns:1fr}.hero-copy{padding:2.4rem 1.5rem}.hero-art{min-height:245px}.bottle{transform:scale(.7)}.art-label{bottom:1rem}.intro,.results-head{display:block}.results-head button{margin-top:1rem}.about-grid{grid-template-columns:1fr;gap:.3rem}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{min-height:120px}footer{display:block}footer span{display:block;margin:.4rem 0}}@media(max-width:420px){.topbar{display:block}.header-actions{justify-content:flex-start;margin-top:.5rem}.choices{grid-template-columns:1fr}.choice{min-height:84px}.oil-grid{grid-template-columns:1fr}.step-actions{gap:.5rem}.step-actions button{padding:.8rem 1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}