.cj-view{--cj-accent:#7f5539;--cj-fg:#1f1a17;--cj-muted:#6f6259;--cj-bg:#fffdfa;--cj-border:#e7ddd3;--cj-radius:12px;--cj-space:1rem;--cj-font:system-ui, -apple-system, "Segoe UI", sans-serif;gap:var(--cj-space);font-family:var(--cj-font);color:var(--cj-fg);display:grid}.cj-card{background:var(--cj-bg);border:1px solid var(--cj-border);border-radius:var(--cj-radius);padding:var(--cj-space)}.cj-title{margin:0 0 .25rem;font-size:1.15rem;line-height:1.3}.cj-badge{background:var(--cj-accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.cj-subtitle{color:var(--cj-muted);margin:0 0 .75rem;font-size:.9rem}.cj-fact{margin:.2rem 0;font-size:.95rem}.cj-fact-label{color:var(--cj-muted);margin-right:.35rem}.cj-origin-item{display:block}.cj-steps{gap:.35rem;margin:.75rem 0 0;padding-left:1.5rem;display:grid}.cj-step-time{font-variant-numeric:tabular-nums;min-width:3ch;color:var(--cj-muted);margin-right:.5rem;display:inline-block}.cj-step--active{color:var(--cj-accent);font-weight:600}.cj-step-delta{color:var(--cj-muted);font-variant-numeric:tabular-nums}.cj-step-body~.cj-step-target,.cj-step-body~.cj-step-delta{margin-left:.35rem}.cj-description{color:var(--cj-muted);margin:.75rem 0 0;font-size:.85rem}.cj-notes{color:var(--cj-fg)}.cj-brew{gap:var(--cj-space);text-align:center;display:grid}.cj-brew-clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.cj-timeline{justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cj-timeline-marker{border:2px solid var(--cj-border);width:.7rem;height:.7rem;color:var(--cj-muted);border-radius:999px;place-items:center;font-size:.7rem;display:grid}.cj-timeline-marker--done{background:var(--cj-muted);border-color:var(--cj-muted)}.cj-timeline-marker--current{background:var(--cj-accent);border-color:var(--cj-accent);color:#fff}.cj-timeline--numbered .cj-timeline-marker{width:1.5rem;height:1.5rem}.cj-stepcard{background:var(--cj-bg);border:1px solid var(--cj-border);border-radius:var(--cj-radius);padding:var(--cj-space);gap:.25rem;display:grid}.cj-stepcard-head{color:var(--cj-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.9rem;display:flex}.cj-stepcard-text{font-size:1rem}.cj-stepcard-pour{color:var(--cj-accent);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700}.cj-stepcard-total{color:var(--cj-muted);font-variant-numeric:tabular-nums}.cj-stepcard-label{text-transform:uppercase;letter-spacing:.04em;margin-right:.35rem;font-size:.75rem}.cj-stepcard-msg{font-size:1.25rem;font-weight:600}.cj-countdown{gap:.1rem;display:grid}.cj-countdown-label{color:var(--cj-muted);font-size:.85rem}.cj-countdown-value{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.cj-countdown-pour{color:var(--cj-accent);font-variant-numeric:tabular-nums;font-weight:700}.cj-brew-controls{justify-content:center;gap:.5rem;display:flex}.cj-brew-btn{border:1px solid var(--cj-border);border-radius:var(--cj-radius);color:var(--cj-fg);font:inherit;cursor:pointer;background:0 0;padding:.6rem 1rem;font-weight:600}.cj-brew-btn--primary{background:var(--cj-accent);border-color:var(--cj-accent);color:#fff}.cj-brew-btn--ghost{color:var(--cj-muted)}.cj-steplist{margin:0;padding:0;list-style:none;display:grid}.cj-steplist-row{grid-template-columns:1.5rem 3.5rem 1fr auto;align-items:center;gap:.5rem;padding:.35rem 0;display:grid;position:relative}.cj-steplist-row:before{content:"";background:linear-gradient(to bottom, var(--cj-accent) var(--cj-fill,0%), var(--cj-border) var(--cj-fill,0%));width:2px;position:absolute;top:1.6rem;bottom:-.35rem;left:.7rem}.cj-steplist-row:last-child:before{display:none}.cj-steplist-index{z-index:1;border:2px solid var(--cj-border);background:var(--cj-bg);width:1.4rem;height:1.4rem;color:var(--cj-muted);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:.7rem;display:grid;position:relative}.cj-steplist-row--done .cj-steplist-index{background:var(--cj-muted);border-color:var(--cj-muted);color:#fff}.cj-steplist-row--current .cj-steplist-index{background:var(--cj-accent);border-color:var(--cj-accent);color:#fff}.cj-steplist-time{color:var(--cj-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.cj-steplist-label{font-size:.95rem}.cj-steplist-row--future .cj-steplist-label{color:var(--cj-muted)}.cj-steplist-row--current .cj-steplist-label{color:var(--cj-accent);font-weight:600}.cj-steplist-row--finish .cj-steplist-label{font-weight:600}.cj-steplist-delta{color:var(--cj-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.cj-pourcounter{color:var(--cj-muted);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.cj-pourcounter-n{letter-spacing:normal;color:var(--cj-accent);font-size:1.5rem;font-weight:700}.cj-pourcounter--done{color:var(--cj-fg);letter-spacing:normal;font-weight:600}