:root{--hop-accent:#CDBA96;--hop-bg:#100f0e;--hop-text:#f2eee8}*{box-sizing:border-box}body{margin:0;background:var(--hop-bg);color:var(--hop-text);font:16px/1.75 Arial,Helvetica,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 5%;border-bottom:1px solid #39352f}header a{color:var(--hop-accent);text-decoration:none}header .brand{font:18px Georgia,serif;letter-spacing:.15em}header .back{font-size:12px}main{max-width:840px;margin:60px auto;padding:0 20px}article,.hop-card{border:1px solid #CDBA9659;padding:clamp(24px,5vw,48px);background:linear-gradient(150deg,#1c1a18,#100f0e)}h1{font:normal clamp(30px,5vw,52px)/1.25 Georgia,serif;color:var(--hop-accent)}h2{font-size:clamp(19px,3vw,25px);font-weight:500}.hop-tagline,.hop-lead{color:var(--hop-accent)}.hop-button{display:inline-block;padding:13px 28px;background:var(--hop-accent);color:#141210;border:1px solid var(--hop-accent);border-radius:8px;font:700 16px/1.5 Arial,sans-serif;text-decoration:none;cursor:pointer}.hop-button:disabled{opacity:.6;cursor:wait}a{color:var(--hop-accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--hop-accent);outline-offset:3px}.hop-cta{text-align:center;margin:32px 0 8px}label{display:block;margin:20px 0 6px;font-weight:700}input,textarea{display:block;width:100%;padding:12px;border:1px solid #CDBA9670;border-radius:6px;background:#111;color:var(--hop-text);font:inherit}textarea{resize:vertical;min-height:220px}.hop-help,.hop-counter{font-size:13px;color:#c4bdb2}.hop-counter{text-align:right;margin-top:4px}.hop-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.hop-feedback{white-space:pre-wrap;margin:18px 0;color:var(--hop-accent)}.hop-message{padding:16px;border:1px solid #CDBA9635;border-radius:7px;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.hop-message strong{display:block;color:var(--hop-accent)}.hop-message time{display:block;font-size:12px;color:#b3aaa0}.hop-private{font-size:13px;color:#b3aaa0}[hidden]{display:none!important}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{margin:30px auto}article,.hop-card{padding:22px 18px}}