.cf{position:relative;max-width:1024px;margin:14px auto 0;padding:34px 40px 26px 40px;box-sizing:border-box;overflow:hidden;
 background:#f2e4d3;color:#180601;font-family:"EB Garamond",Georgia,serif;-webkit-font-smoothing:antialiased}
.cf *{box-sizing:border-box}
.cf-leaf{position:absolute;top:auto;left:auto;bottom:0;right:0;transform:rotate(180deg);width:100px;height:120px;object-fit:contain;object-position:top left;pointer-events:none;user-select:none}
.cf-title{margin:0 0 26px;padding-left:60px;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:51px;line-height:1.05;color:#1e0a02;text-align:center}
.cf-dot{color:#b5562b}
.cf-main{display:flex;align-items:center;gap:22px;padding:0 0 22px;border-bottom:1px solid #cdb5a1}
.cf-icon{width:86px;height:auto;flex:none;user-select:none}
.cf-lab{flex:none}
.cf-lab b{display:block;font-style:italic;font-weight:500;font-size:28px;line-height:1.05}
.cf-lab small{display:block;margin-top:6px;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#b5562b;font-weight:500}
.cf-track{position:relative;flex:1 1 auto;min-width:160px;height:36px;border:2px solid #180200;border-radius:18px;cursor:grab;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:visible}
.cf-track.drag{cursor:grabbing}
.cf-fill{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:19px;color:#fbf0e6}
.cf-fh{left:0;width:var(--cf,70%);border-radius:16px 0 0 16px;background:rgba(138,148,112,.95)}
.cf-fl{left:var(--cf,70%);right:0;border-radius:0 16px 16px 0;background:rgba(197,96,52,.95)}
.cf-knob{position:absolute;top:50%;left:var(--cf,70%);width:40px;height:40px;transform:translate(-50%,-50%);border:2px solid #180200;border-radius:50%;background:#fbf0e6;pointer-events:none}
.cf-off{visibility:hidden}
.cf-vr{flex:none;width:1px;align-self:stretch;background:#cdb5a1}
.cf-pill{flex:none;padding:8px 22px;border:2px solid #180200;border-radius:22px;font-style:italic;font-size:20px;white-space:nowrap}
.cf-leg{display:flex;align-items:center;gap:28px;padding:22px 40px 0}
.cf-it{flex:1;display:flex;align-items:center;gap:22px;font-size:18px;line-height:1.3}
.cf-sw{flex:none;width:38px;height:24px;border:2px solid #180200;border-radius:8px}
.cf-sw.g{background:#8a9470}.cf-sw.t{background:#c56034}
.cf-leg .cf-vr{align-self:stretch;min-height:44px}
@media (max-width:759px){
 .cf{padding:26px 16px 20px}
 .cf-leaf{width:64px;height:78px}
 .cf-title{font-size:27px;padding-left:34px;margin-bottom:18px}
 .cf-main{flex-wrap:wrap;gap:12px 14px;justify-content:center}
 .cf-icon{width:60px}.cf-lab b{font-size:22px}.cf-lab small{font-size:11px}
 .cf-track{flex:1 1 100%;order:5;height:30px}.cf-knob{width:34px;height:34px}.cf-fill{font-size:16px}
 .cf-main>.cf-vr{display:none}.cf-pill{font-size:17px;padding:6px 16px}
 .cf-leg{flex-direction:column;align-items:stretch;gap:12px;padding:16px 4px 0}
 .cf-leg .cf-vr{display:none}.cf-it{font-size:16px;gap:14px}
}