.aroma{--aroma-rice:#f1e8d3;--aroma-rice-2:#e8dcc0;--aroma-rice-3:#fbf6ea;--aroma-ink:#2a1c13;--aroma-ink-2:#5c4a3b;--aroma-ink-3:#8f7c69;--aroma-line:#d8c8a8;--aroma-cinnabar:#b8322a;--aroma-cinnabar-deep:#8f241e;background:var(--aroma-rice);color:var(--aroma-ink)}.aroma h1,.aroma h2,.aroma h3{color:var(--aroma-ink)}body:has(.aroma){background:#f1e8d3}:is(body:has(.aroma-landing)>header,body:has(.aroma-landing)>footer){display:none!important}@layer components{.aroma-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--aroma-cinnabar);font-size:.78rem;font-weight:600}.aroma-btn{background:var(--aroma-cinnabar);color:#fff;white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;height:3rem;padding:0 1.5rem;font-size:.95rem;font-weight:500;transition:background-color .2s ease-out;display:inline-flex}.aroma-btn:hover{background:var(--aroma-cinnabar-deep)}.aroma-btn-ghost{color:var(--aroma-ink);border:1px solid var(--aroma-ink);background:0 0}.aroma-btn-ghost:hover{background:var(--aroma-ink);color:var(--aroma-rice)}.aroma-btn-sm{height:2.5rem;padding:0 1.1rem;font-size:.9rem}.aroma-card{background:var(--aroma-rice-3);border:1px solid var(--aroma-line)}.aroma-rule{border:0;border-top:1px solid var(--aroma-line)}.aroma-seal{border:1.5px solid var(--aroma-cinnabar);width:2.25rem;height:2.25rem;color:var(--aroma-cinnabar);font-family:var(--font-serif);flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.aroma-seal-done{background:var(--aroma-cinnabar);color:#fff}.aroma-field{background:var(--aroma-rice-3);border:1px solid var(--aroma-line);width:100%;height:3rem;color:var(--aroma-ink);border-radius:2px;padding:0 .9rem}.aroma-field:focus{border-color:var(--aroma-ink);outline:none}}.aroma .prose-rk,.aroma .prose-rk p{color:var(--aroma-ink)}.aroma .prose-rk blockquote{font-size:1rem;font-family:var(--font-sans);color:var(--aroma-ink-2);border-left:2px solid var(--aroma-cinnabar)}.aroma details>summary{cursor:pointer;list-style:none}.aroma details>summary::-webkit-details-marker{display:none}.aroma details[open] .aroma-faq-plus{transform:rotate(45deg)}