/* A ring around the real native slider handle invites a first adjustment. */
.range-track-wrap{position:relative;display:flex;align-items:center;min-width:0;width:100%;height:22px}
.range-track-wrap input[type=range]{margin:0}
.range-thumb-cue{position:absolute;left:calc(9px + (100% - 18px)*var(--range-position,0));top:50%;width:18px;height:18px;border:1px solid #a27a31;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.range-track-wrap.is-cued .range-thumb-cue{animation:range-handle-pulse 2.2s ease-out infinite}
@keyframes range-handle-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}18%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(2.25)}}
/* Contact options open here; email is a separate, explicit action. */
.contact-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid #dfd4bf;border-radius:16px;background:#fffdf8;color:#242932;box-shadow:0 24px 80px #14192340}
.contact-dialog::backdrop{background:#14192385;backdrop-filter:blur(4px)}
.contact-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.contact-header h2{font-size:25px;line-height:1.2;letter-spacing:-.04em}
.contact-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:#f0eadd;color:#66635c}.contact-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.contact-dialog>p{font-size:15px;line-height:1.6;margin:14px 0 20px}
.contact-email-row{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #d9ceb8;border-radius:8px;background:white}
.contact-email-row input{width:100%;min-width:0;flex:1;border:0;background:none;color:#272c34;font-size:15px;padding:8px 5px;outline-offset:2px}
.contact-email-row button{flex:none;padding:10px 12px;border:0;border-radius:5px;background:#f2e9d7;color:#705626;font-size:12px;font-weight:600}
.contact-dialog .contact-status{min-height:20px;margin:8px 0 16px;font-size:12px;color:#766d5a}
.contact-email-action{width:100%;min-height:44px;font-size:14px}
@media(max-width:400px){.contact-dialog{padding:22px 18px}.contact-header h2{font-size:23px}.contact-email-row input{font-size:14px}.contact-email-row button{padding:10px}}
@media(prefers-reduced-motion:reduce){.range-thumb-cue{animation:none!important}}