/* Presiva 2.2: readable, accessible interface without JavaScript */
:root{color-scheme:light;--presiva-purple:#7151a3;--presiva-green:#316f58}
html{scroll-behavior:smooth}body{line-height:1.55}a,button,input,select,textarea{touch-action:manipulation}
.card,.social-panel,.right-card{box-shadow:0 8px 28px rgba(49,35,75,.055);transition:box-shadow .2s ease,border-color .2s ease}
.card:hover,.social-panel:hover{box-shadow:0 12px 36px rgba(49,35,75,.075)}
.btn,button,.pill{min-height:40px}button,input,select,textarea{font:inherit}textarea{max-width:100%}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a68bd7;outline-offset:3px}
.post p,.social-panel p{overflow-wrap:anywhere}.brand-icon{border-radius:10px}.top{backdrop-filter:blur(12px)}
@media(max-width:720px){.bar{gap:10px}.bar nav{scrollbar-width:thin;padding-bottom:5px}.social-main{padding-left:12px;padding-right:12px}.card{border-radius:17px}.hero{border-radius:20px}.account{flex-wrap:wrap;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}