:root{--ink:#1c1c1c;--ink2:#2a2a2a;--pink:#f9b3e6;--lav:#b9a0f0;--white:#fff;--muted:#cfcfcf}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.6 Montserrat,system-ui,sans-serif}
h1,h2,h3,.logo{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.03em;font-weight:400;line-height:1.05}h1{font-size:clamp(2.6rem,9vw,5rem);margin:.2em 0}h2{font-size:2.2rem}h3{font-size:1.7rem;margin:.2em 0}
a{color:var(--pink)}main{max-width:1100px;margin:auto;padding:1rem 1.25rem 4rem}section{margin:3rem 0}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #333}.logo{color:#fff;text-decoration:none;font-size:1.6rem}
.menu{background:none;border:1px solid var(--pink);color:#fff;padding:.4rem .8rem;border-radius:4px}#nav{display:none;width:100%;flex-direction:column}#nav.open{display:flex}#nav a{color:#fff;text-decoration:none;padding:.6rem 0}
@media(min-width:800px){.menu{display:none}#nav{display:flex!important;width:auto;flex-direction:row;gap:1.4rem}}
.lav{color:var(--lav)}.kicker{text-transform:uppercase;font-weight:600;letter-spacing:.08em}.sub{font-style:italic;font-weight:600;color:var(--muted)}.small{font-size:.85rem;color:var(--muted)}
.btn{display:inline-block;background:var(--pink);color:#111;font:600 1rem Montserrat,sans-serif;text-transform:uppercase;padding:.75rem 1.4rem;border:0;border-radius:2px;text-decoration:none;cursor:pointer;margin:.3rem 0}.btn.ghost{background:none;color:var(--pink);border:2px solid var(--pink)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lav);outline-offset:2px}
.hero{display:grid;gap:2rem;align-items:center}.frame{background:var(--pink);padding:1.2rem;justify-self:center}.frame img{display:block;width:100%;max-width:340px;height:auto}
@media(min-width:800px){.hero{grid-template-columns:1.3fr 1fr}}
.grid3,.grid2{display:grid;gap:1.2rem}@media(min-width:700px){.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}}
.mini{background:var(--ink2);padding:1rem;color:#fff;text-decoration:none}.mini img{width:100%;aspect-ratio:1;object-fit:cover}
.reader{display:grid;gap:1.5rem;background:var(--ink2);margin:2rem 0;padding:1.2rem}.reader img{width:100%;height:auto;max-width:360px}@media(min-width:800px){.reader{grid-template-columns:360px 1fr}}
.panel{background:var(--ink2);padding:1.4rem;margin:1rem 0;border-left:4px solid var(--lav)}.price{font-size:1.4rem;font-weight:600;color:var(--pink)}
.steps li{margin:.5rem 0}details{background:var(--ink2);padding:1rem;margin:.6rem 0}summary{cursor:pointer;font-weight:600}
label{display:block;margin:1rem 0}.inline{display:inline-flex;gap:.5rem;align-items:center;margin-right:1.5rem}select,input{font:inherit;padding:.6rem;width:100%;border-radius:2px;border:1px solid #555;background:#111;color:#fff}.inline input{width:auto}fieldset{border:1px solid #444}
.pending{background:#3a2a10;border-left:4px solid #f0b030;padding:.6rem 1rem}
footer{border-top:1px solid #333;padding:2rem 1.25rem 5rem;text-align:center}
.botbtn{position:fixed;right:1rem;bottom:1rem;background:var(--lav);color:#111;border:0;border-radius:2rem;padding:.8rem 1.2rem;font-weight:600;cursor:pointer;z-index:10}
.bot{position:fixed;right:1rem;bottom:4.5rem;width:min(380px,calc(100vw - 2rem));max-height:70vh;display:flex;flex-direction:column;background:#111;border:1px solid var(--lav);z-index:11}.bot[hidden]{display:none}
.bothead{display:flex;justify-content:space-between;padding:.6rem 1rem;background:var(--lav);color:#111;font-weight:600}.bothead button{background:none;border:0;font-size:1.4rem;cursor:pointer}
.disclose{font-size:.75rem;color:var(--muted);margin:.5rem 1rem}.botlog{flex:1;overflow:auto;padding:0 1rem}.m{margin:.5rem 0;padding:.5rem .7rem;border-radius:6px}.m.u{background:#333;margin-left:2rem}.m.b{background:var(--ink2);margin-right:2rem}
#botForm{display:flex;gap:.4rem;padding:.6rem}#botForm button{background:var(--pink);border:0;padding:0 1rem;cursor:pointer}.cal{min-height:700px}
.calframe{width:100%;height:700px;border:0}
.avatar{border-bottom:1px solid #333;padding-bottom:.4rem}.avctl{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0 1rem}.avctl button{background:var(--ink2);color:#fff;border:1px solid var(--lav);padding:.3rem .6rem;cursor:pointer;font-size:.8rem}
#avStatus{font-size:.75rem;color:var(--muted)}.avvideo{display:block;width:min(240px,60vw);aspect-ratio:1;height:auto;margin:.6rem auto;border-radius:50%;object-fit:cover;object-position:50% 40%;background:#111;border:4px solid var(--pink);box-shadow:0 0 0 3px var(--lav)}.avvideo[hidden]{display:none}
