/* stile neon-vetro condiviso dalle pagine collegate (invito, ti seguo, moderazione, privacy, termini) */
:root{--bg:#07040D;--card:rgba(27,17,42,.84);--card2:rgba(38,25,58,.92);--line:rgba(150,105,215,.22);--line2:rgba(172,126,242,.34);--text:#F8F2FB;--mute:#C6B6D5;--pink:#FF6BBE;--pink2:#FF6BBE;--violet:#B79BFF;--halo:radial-gradient(120% 55% at 50% -6%,rgba(128,72,224,.24),transparent 62%),radial-gradient(100% 45% at 50% 108%,rgba(255,64,166,.12),transparent 70%)}
html{background:#050308}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--halo),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Ccircle cx='119' cy='225' r='1.0' fill='%23b79bff' opacity='0.4'/%3E%3Ccircle cx='134' cy='222' r='1.0' fill='%23d8c4ff' opacity='0.25'/%3E%3Ccircle cx='209' cy='135' r='0.8' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='207' cy='51' r='0.5' fill='%23ff9ad0' opacity='0.4'/%3E%3Ccircle cx='40' cy='27' r='1.0' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='156' cy='255' r='0.8' fill='%23ffffff' opacity='0.4'/%3E%3Ccircle cx='170' cy='44' r='1.0' fill='%23ffffff' opacity='0.18'/%3E%3Ccircle cx='20' cy='19' r='0.5' fill='%23d8c4ff' opacity='0.25'/%3E%3Ccircle cx='157' cy='11' r='0.8' fill='%23b79bff' opacity='0.32'/%3E%3Ccircle cx='155' cy='219' r='0.6' fill='%23d8c4ff' opacity='0.5'/%3E%3Ccircle cx='167' cy='79' r='0.8' fill='%23ffffff' opacity='0.18'/%3E%3Ccircle cx='121' cy='171' r='0.7' fill='%23ffffff' opacity='0.4'/%3E%3Ccircle cx='242' cy='219' r='0.5' fill='%23ff9ad0' opacity='0.6'/%3E%3Ccircle cx='84' cy='198' r='0.6' fill='%23ff9ad0' opacity='0.5'/%3E%3Ccircle cx='11' cy='21' r='1.0' fill='%23b79bff' opacity='0.18'/%3E%3Ccircle cx='31' cy='220' r='0.7' fill='%23ffffff' opacity='0.4'/%3E%3Ccircle cx='249' cy='8' r='1.2' fill='%23d8c4ff' opacity='0.18'/%3E%3Ccircle cx='57' cy='241' r='0.5' fill='%23b79bff' opacity='0.4'/%3E%3Ccircle cx='254' cy='185' r='0.8' fill='%23ffffff' opacity='0.4'/%3E%3Ccircle cx='148' cy='165' r='0.6' fill='%23ff9ad0' opacity='0.6'/%3E%3Ccircle cx='90' cy='26' r='0.7' fill='%23ffffff' opacity='0.32'/%3E%3Ccircle cx='250' cy='108' r='0.5' fill='%23d8c4ff' opacity='0.25'/%3E%3Ccircle cx='184' cy='29' r='0.5' fill='%23b79bff' opacity='0.18'/%3E%3Ccircle cx='208' cy='128' r='0.6' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='52' cy='118' r='1.0' fill='%23d8c4ff' opacity='0.25'/%3E%3Ccircle cx='111' cy='168' r='0.8' fill='%23b79bff' opacity='0.18'/%3E%3C/svg%3E"),#07040D;background-attachment:fixed;color:var(--text)}
h1,h2,h3{font-family:'Inter',sans-serif;letter-spacing:-.015em}
h1{font-weight:800}
a{color:#FF6BBE}
.logo{filter:drop-shadow(0 0 26px rgba(150,80,255,.35))}
.brand img{filter:drop-shadow(0 0 7px rgba(255,70,170,.55))}
.btn{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,140,206,.46);background:linear-gradient(180deg,#E03F9E 0%,#C42083 52%,#A5166F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -9px 14px rgba(90,0,60,.35),0 6px 20px rgba(214,40,140,.36);text-shadow:0 1px 2px rgba(60,0,40,.5)}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,0) 16%,rgba(255,255,255,.24) 33%,rgba(255,255,255,0) 52%)}
.steps li,.card,.item,.stat{background:linear-gradient(180deg,rgba(37,23,56,.84),rgba(18,11,29,.86));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.28)}
.n{background:rgba(201,32,138,.3);color:#FFC4E6;border:1px solid rgba(255,120,200,.5);box-shadow:0 0 12px rgba(224,50,150,.4)}
.safe,.invited{border:1px solid var(--line2);background:rgba(30,18,46,.8)}
.st{border-color:var(--line2);background:rgba(30,18,46,.8)}
.st.ok{border-color:rgba(100,220,150,.55);background:rgba(18,50,34,.6);box-shadow:0 0 16px rgba(80,210,130,.2)}
.st.warn{border-color:rgba(255,179,71,.5);background:rgba(70,44,10,.55)}
nav button{background:linear-gradient(180deg,rgba(37,23,56,.84),rgba(18,11,29,.86));border-color:var(--line)}
nav button.on,button.b.p{background:linear-gradient(180deg,#E3419F,#B01672);border-color:rgba(255,150,210,.55);color:#fff;box-shadow:0 0 14px rgba(224,50,150,.45)}
button.b,a.b{background:linear-gradient(112deg,#35353d 0%,#202026 34%,#4d4d59 52%,#27272e 70%,#1c1c22 100%);border-color:rgba(255,255,255,.17)}
input[type=text],input[type=search]{background:rgba(20,12,32,.88);border-color:var(--line2)}
.quote{background:rgba(20,12,32,.7)}
.draft,.note.warn{background:rgba(70,44,10,.55)}

/* logo dell'invito: stesso gatto e stessa scritta dell'app */
.herologo{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 auto}
.herologo img{width:min(150px,40vw);height:auto;filter:drop-shadow(0 0 16px rgba(255,70,170,.55)) drop-shadow(0 0 34px rgba(150,80,255,.35))}
.wm{font-family:'Fredoka',sans-serif;font-weight:700;font-size:42px;line-height:1;letter-spacing:.3px;white-space:nowrap;
  background:linear-gradient(90deg,#F2509F 0%,#C55CCF 46%,#9C86FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(190,80,230,.4))}
.wm b,.wm i{font-weight:700;font-style:normal;color:inherit;-webkit-text-fill-color:transparent}

/* niente barra di scorrimento a destra */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
