/* Tiny Trails Experience — main website */
:root{
  --bg:#FFFBF0; --bg2:#FFF3D6; --surface:#FFFFFF; --surface2:#FFF8E8; --line:rgba(60,40,0,.10); --line2:rgba(60,40,0,.18);
  --ink:#1D1A12; --muted:#5E5646; --gold:#FFB400; --gold2:#F08C00; --gold-ink:#2B1B00;
  --green:#16A35A; --green2:#0E7A41; --sky:#2F7DF6; --pink:#FF5C8A; --violet:#7A5CFF;
  --shadow:0 18px 40px -24px rgba(80,50,0,.45); --r:22px;
  --display:"Unbounded",system-ui,sans-serif; --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#0F1512; --bg2:#14201A; --surface:#17211C; --surface2:#1D2A23; --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
    --ink:#F4F1E8; --muted:#B5B9AE; --shadow:0 18px 40px -24px rgba(0,0,0,.8)}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:1.12;letter-spacing:-.02em;margin:0 0 .4em}
h1{font-size:clamp(2.1rem,7vw,4rem)}
h2{font-size:clamp(1.6rem,4.6vw,2.5rem)}
h3{font-size:1.12rem}
p{margin:0 0 1em}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--gold-ink);padding:8px 14px;border-radius:10px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand img{height:48px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{text-decoration:none;font-weight:700;padding:9px 12px;border-radius:12px;color:var(--ink);font-size:.95rem}
.nav a:hover{background:var(--surface2)}
.nav a[aria-current="page"]{background:color-mix(in srgb,var(--gold) 22%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;
  font:800 1rem var(--body);text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn.pri{background:linear-gradient(135deg,#FFD24D,var(--gold) 50%,var(--gold2));color:var(--gold-ink);box-shadow:0 12px 24px -12px rgba(240,140,0,.8)}
.btn.pri:hover{box-shadow:0 16px 30px -12px rgba(240,140,0,.95);transform:translateY(-1px)}
.btn.go{background:linear-gradient(135deg,#3DDC84,var(--green));color:#04220F;box-shadow:0 12px 24px -12px rgba(22,163,90,.8)}
.btn.ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line2)}
.btn.ghost:hover{border-color:var(--gold)}
.btn.sm{min-height:40px;padding:0 16px;font-size:.92rem}
.top .btn{margin-left:6px}
.menu-btn{display:none;margin-left:auto;width:46px;height:46px;border-radius:14px;border:1.5px solid var(--line2);background:var(--surface);color:var(--ink);font-size:1.3rem;cursor:pointer}
@media (max-width:920px){
  .nav,.top .btn.pri{display:none}
  .menu-btn{display:block}
  .nav.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:68px;background:var(--bg);padding:12px 18px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .nav.open a{font-size:1.1rem;padding:14px}
  .nav.open .btn{display:flex;margin:8px 0 0}
}
.nav .btn{display:none}
@media (min-width:921px){.nav a[data-race]{border:1.5px solid var(--line2)}}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:46px 0 0;background:linear-gradient(180deg,#BFE6FF 0%,#E4F5FF 46%,var(--bg) 100%)}
@media (prefers-color-scheme:dark){.hero{background:linear-gradient(180deg,#0B1A33 0%,#13284A 46%,var(--bg) 100%)}}
.hero .wrap{position:relative;z-index:2;display:grid;gap:26px;align-items:center}
@media (min-width:920px){.hero .wrap{grid-template-columns:1.15fr .85fr;padding-bottom:40px}}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line2);font-weight:800;font-size:.86rem;box-shadow:var(--shadow)}
.kicker i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(22,163,90,.6);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(22,163,90,0)}100%{box-shadow:0 0 0 0 rgba(22,163,90,0)}}
.hero h1{margin:14px 0 10px}
.hero h1 .y{display:inline-block;background:linear-gradient(120deg,var(--gold2),var(--gold) 40%,#FF7A3D);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:1.18rem;color:var(--muted);max-width:34em}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:0;list-style:none;font-weight:700;font-size:.92rem;color:var(--muted)}
.next{background:var(--surface);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);border:1px solid var(--line);position:relative}
.next small{display:block;font-weight:800;color:var(--gold2);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.next h3{font-size:1.5rem;margin:6px 0 2px}
.next p{color:var(--muted);margin:0 0 12px}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 14px}
.cd div{background:var(--surface2);border-radius:14px;padding:10px 2px;text-align:center;min-width:0}
@media (max-width:420px){.cd b{font-size:1.2rem}.cd span{font-size:.62rem}.cd{gap:6px}}
.cd b{display:block;font:700 1.5rem var(--display)}
.cd span{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase}
.scene{position:relative;height:150px;margin-top:10px;z-index:1}
.scene svg.hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:120px}
.scene .far{fill:#9BDB7F;opacity:.85}
.scene .near{fill:#5BC26A}
.scene .track{position:absolute;left:0;right:0;bottom:0;height:34px;background:#8A6A4A}
.scene .track::after{content:"";position:absolute;left:0;right:0;top:15px;height:4px;background:repeating-linear-gradient(90deg,#fff 0 26px,transparent 26px 54px);opacity:.75;animation:lane 1.2s linear infinite}
@keyframes lane{to{background-position:-54px 0}}
@media (prefers-color-scheme:dark){.scene .far{fill:#2E6B3D}.scene .near{fill:#245A33}.scene .track{background:#4A3A2A}}
.rider{position:absolute;bottom:20px;width:120px;animation:ride 9s linear infinite}
.rider.r2{width:96px;animation-duration:12s;animation-delay:-5s;bottom:26px;filter:hue-rotate(160deg)}
@keyframes ride{0%{left:-140px}100%{left:calc(100% + 20px)}}
.rider svg{width:100%;height:auto;animation:bob .5s ease-in-out infinite alternate}
@keyframes bob{to{transform:translateY(-3px)}}
.rider .wh{fill:none;stroke:#1D1A12;stroke-width:5}
.rider .sp{stroke:#1D1A12;stroke-width:2;opacity:.5}
.rider .wg{transform-box:fill-box;transform-origin:center;animation:spin .45s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.rider .fr{fill:none;stroke:var(--sky);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.rider .bd{fill:none;stroke:#FF5C8A;stroke-width:9;stroke-linecap:round}
.rider .lg{fill:none;stroke:#2B2B44;stroke-width:7;stroke-linecap:round}
.rider .hd{fill:#F2C29B}
.rider .hm{fill:var(--gold)}
.sun{position:absolute;right:8%;top:22px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,#FFE680,#FFC21A);box-shadow:0 0 60px 20px rgba(255,200,40,.45);animation:pulse 4s ease-in-out infinite alternate}
@keyframes pulse{to{transform:scale(1.06)}}
.cloud{position:absolute;height:26px;border-radius:30px;background:#fff;opacity:.9;animation:drift linear infinite}
.cloud::before,.cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.cloud::before{width:34px;height:34px;left:14px;top:-16px}.cloud::after{width:26px;height:26px;left:40px;top:-10px}
.cloud.c1{width:96px;top:60px;animation-duration:60s;left:10%}.cloud.c2{width:76px;top:120px;animation-duration:80s;left:60%;opacity:.7}
@keyframes drift{from{transform:translateX(-40vw)}to{transform:translateX(110vw)}}
@media (prefers-color-scheme:dark){.cloud,.cloud::before,.cloud::after{background:#5B6B8A}.sun{background:radial-gradient(circle,#FFF6D0,#E8E2C8);box-shadow:0 0 50px 10px rgba(255,255,220,.25)}}
.balloon{position:absolute;width:30px;height:38px;border-radius:50% 50% 46% 46%;animation:float 6s ease-in-out infinite alternate}
.balloon::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:34px;background:rgba(0,0,0,.3)}
.balloon.b1{left:4%;top:90px;background:var(--pink)}.balloon.b2{left:47%;top:30px;background:var(--violet);animation-delay:-2s}.balloon.b3{right:24%;top:150px;background:var(--green);animation-delay:-4s}
@keyframes float{to{transform:translateY(-18px) rotate(4deg)}}
@media (max-width:919px){.balloon{display:none}.sun{width:60px;height:60px;top:14px;right:6%}}

/* ---------- sections ---------- */
section{padding:64px 0}
.sec-h{max-width:720px;margin:0 0 26px}
.sec-h.c{margin-left:auto;margin-right:auto;text-align:center}
.sec-h p{color:var(--muted);font-size:1.08rem}
.eyebrow{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);margin-bottom:8px}
.alt{background:var(--bg2)}
.grid{display:grid;gap:16px}
@media (min-width:700px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.card .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.7rem;margin-bottom:12px;background:var(--surface2)}
.card p{color:var(--muted);margin:0}
.c-gold .ic{background:color-mix(in srgb,var(--gold) 26%,transparent)}
.c-green .ic{background:color-mix(in srgb,var(--green) 22%,transparent)}
.c-sky .ic{background:color-mix(in srgb,var(--sky) 20%,transparent)}
.c-pink .ic{background:color-mix(in srgb,var(--pink) 20%,transparent)}
.steps{counter-reset:s}
.steps .card{position:relative;padding-top:30px}
.steps .card::before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:20px;width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font:800 1rem var(--display);display:grid;place-items:center;box-shadow:0 6px 14px -6px rgba(240,140,0,.9)}

/* ---------- events ---------- */
.ev-list{display:grid;gap:16px}
@media (min-width:760px){.ev-list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.ev-list.three{grid-template-columns:repeat(3,1fr)}}
.ev{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease}
.ev:hover{transform:translateY(-3px)}
.ev-top{display:flex;gap:14px;align-items:center;padding:18px 18px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 26%,var(--surface)),var(--surface))}
.ev-date{flex:none;width:66px;border-radius:16px;background:var(--surface);border:2px solid var(--gold);text-align:center;padding:6px 0;line-height:1.1}
.ev-date b{display:block;font:700 1.6rem var(--display)}
.ev-date span{font-weight:800;font-size:.78rem;text-transform:uppercase;color:var(--gold2)}
.ev-top h3{margin:0;font-size:1.3rem}
.ev-top small{color:var(--muted);font-weight:700}
.ev-body{padding:4px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.ev-row{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.ev-row span:first-child{flex:none;width:22px;text-align:center}
.ev-row a{font-weight:700;color:var(--sky)}
.ev-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:6px}
.ev-price{font:700 1.25rem var(--display)}
.ev-price small{display:block;font:600 .78rem var(--body);color:var(--muted)}
.ev-foot .btn{margin-left:auto}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:800;font-size:.78rem;background:var(--surface2);color:var(--ink);border:1px solid var(--line2)}
.pill.ok{background:color-mix(in srgb,var(--green) 18%,transparent);border-color:color-mix(in srgb,var(--green) 45%,transparent)}
.pill.warn{background:color-mix(in srgb,var(--gold) 26%,transparent);border-color:var(--gold)}
.pill.bad{background:color-mix(in srgb,#E5484D 18%,transparent);border-color:#E5484D}
.pill.off{opacity:.75}
.ev-note{font-size:.9rem;font-weight:700;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--gold) 16%,transparent)}
.ev-empty{padding:26px;border-radius:var(--r);background:var(--surface);border:2px dashed var(--line2);text-align:center;color:var(--muted)}
.ev-empty b{display:block;color:var(--ink);font-size:1.1rem;margin-bottom:4px}
.skel{height:230px;border-radius:var(--r);background:linear-gradient(90deg,var(--surface) 0,var(--surface2) 50%,var(--surface) 100%);background-size:200% 100%;animation:sk 1.2s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.filters input{flex:1 1 220px;min-height:48px;border-radius:14px;border:1.5px solid var(--line2);background:var(--surface);color:var(--ink);padding:0 16px;font:600 1rem var(--body)}
.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line2);background:var(--surface);color:var(--ink);font:700 .9rem var(--body);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
details.past{margin-top:22px}
details.past summary{cursor:pointer;font-weight:800;padding:14px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}

/* ---------- app band ---------- */
.band{border-radius:30px;padding:30px 24px;background:linear-gradient(135deg,#123B2A,#0E7A41 60%,#16A35A);color:#fff;display:grid;gap:22px;overflow:hidden;position:relative}
.band h2{color:#fff}
.band p{color:rgba(255,255,255,.88)}
.band ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;font-weight:700}
@media (min-width:860px){.band{grid-template-columns:1.2fr .8fr;padding:44px}}
.phone{justify-self:center;width:230px;border-radius:34px;background:#0B0F0D;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform:rotate(-4deg)}
.phone .scr{border-radius:26px;background:linear-gradient(180deg,#FFF8E8,#FFE9B0);padding:16px 14px;color:#1D1A12;min-height:380px;display:flex;flex-direction:column;gap:10px}
.phone .bib{border-radius:16px;background:#fff;border:3px dashed var(--gold);text-align:center;padding:12px 6px}
.phone .bib small{display:block;font-weight:800;font-size:.7rem;color:var(--gold2);text-transform:uppercase}
.phone .bib b{font:700 2rem var(--display)}
.phone .row{display:flex;justify-content:space-between;background:#fff;border-radius:12px;padding:8px 10px;font-weight:700;font-size:.82rem}
.phone .live{background:#16A35A;color:#fff;border-radius:12px;padding:8px 10px;font-weight:800;font-size:.82rem;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.75}}

/* ---------- misc ---------- */
.quote{font-size:1.3rem;font-weight:700;line-height:1.4;margin:0 0 12px}
.quote::before{content:"“";font-family:var(--display);font-size:3rem;color:var(--gold);display:block;line-height:.6}
.partners{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}
.partners div{background:#fff;border-radius:18px;padding:14px 22px;height:86px;display:grid;place-items:center;border:1px solid var(--line);min-width:160px}
.partners img{max-height:56px;width:auto}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:800px){.gallery{grid-template-columns:repeat(4,1fr)}}
.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:0 0 10px;padding:0 18px}
.faq summary{cursor:pointer;font-weight:800;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 1.4rem var(--display);color:var(--gold2);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin:0 0 16px}
.stat{display:flex;flex-wrap:wrap;gap:12px}
.stat div{flex:1 1 140px;background:var(--surface);border-radius:18px;padding:16px;text-align:center;border:1px solid var(--line)}
.stat b{display:block;font:700 1.9rem var(--display);color:var(--gold2)}
.stat span{font-weight:700;color:var(--muted);font-size:.9rem}
.page-h{padding:44px 0 26px;background:linear-gradient(180deg,#E4F5FF,var(--bg))}
@media (prefers-color-scheme:dark){.page-h{background:linear-gradient(180deg,#13284A,var(--bg))}}
.page-h p{color:var(--muted);font-size:1.12rem;max-width:40em}
.crumb{font-size:.88rem;font-weight:700;color:var(--muted);margin:0 0 8px}
.crumb a{text-decoration:none}
.prose{max-width:820px}
.prose h2{font-size:1.35rem;margin-top:1.6em}
.prose h3{margin-top:1.2em}
.prose ul{padding-left:1.2em}
.prose li{margin:.25em 0}
.prose .upd{color:var(--muted);font-weight:700}
.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:16px;overflow:hidden;font-size:.95rem}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.table th{background:var(--surface2)}
.tiers{display:grid;gap:14px}
@media (min-width:800px){.tiers{grid-template-columns:repeat(3,1fr)}}
.tier{border-top:6px solid var(--gold)}
.tier.t1{border-color:#FFB400}.tier.t2{border-color:#FF7A3D}.tier.t3{border-color:var(--sky)}.tier.t4{border-color:var(--green)}.tier.t5{border-color:var(--violet)}.tier.t6{border-color:var(--pink)}
.tier ul{padding-left:1.1em;color:var(--muted);margin:8px 0 0}
.contact-grid a.card{text-decoration:none;display:block;transition:transform .2s}
.contact-grid a.card:hover{transform:translateY(-3px)}
.contact-grid b{display:block;font-size:1.08rem}

/* ---------- footer ---------- */
footer{background:#14110A;color:#EDE7D6;padding:48px 0 28px;margin-top:40px}
footer a{color:#EDE7D6;text-decoration:none}
footer a:hover{color:var(--gold)}
.foot{display:grid;gap:26px}
@media (min-width:860px){.foot{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.foot h4{font:700 .95rem var(--display);margin:0 0 10px;color:#fff}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.95rem}
.foot p{color:#BDB6A3;font-size:.95rem}
.foot img{height:64px;width:auto;margin-bottom:10px}
.legal{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:.85rem;color:#9E9786;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 24px -8px rgba(0,0,0,.45);transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:30px;height:30px;fill:#fff}

/* ---------- motion ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
@media print{.rv{opacity:1!important;transform:none!important}}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
  .rider{left:30%}
}

/* announcement bar + photo captions + several reviews (set in the admin panel) */
.announce{background:linear-gradient(90deg,var(--gold),#FF9F1C);color:var(--gold-ink);font-weight:800;font-size:.95rem;padding:10px 0;text-align:center}
.announce a{color:inherit;text-decoration:underline}
.gallery figure.ph{margin:0;position:relative}
.gallery figcaption{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;font-size:.82rem;font-weight:700;padding:5px 8px;border-radius:10px}
.reviews{display:grid;gap:12px}
@media (min-width:700px){.reviews{grid-template-columns:1fr 1fr}}
.reviews .quote{font-size:1.05rem}
.privform{display:grid;gap:12px;max-width:560px;margin:18px 0}
.privform label{display:grid;gap:6px;font-weight:700;font-size:.95rem}
.privform input,.privform select,.privform textarea{min-height:46px;border-radius:12px;border:1.5px solid var(--line2);background:var(--surface);color:var(--ink);padding:10px 14px;font:500 1rem var(--body)}
.privform .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.privform .privmsg{margin:0;font-weight:600}