*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:Asta Sans,sans-serif;font-size:15px;line-height:1}body{min-height:100dvh;text-rendering:optimizeSpeed}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}ol,ul{list-style:none}a{text-decoration:none;color:inherit}button{color:inherit;border:initial;background:initial;cursor:pointer;padding-block:0;padding-inline:0}h1,h2,h3,h4,h5,h6{font:inherit}.material-symbols-sharp{vertical-align:bottom;--mds-fill: 0;--mds-wght: 400;--mds-grad: 0;--mds-opsz: 24;font-variation-settings:"FILL" var(--mds-fill),"wght" var(--mds-wght),"GRAD" var(--mds-grad),"opsz" var(--mds-opsz);transition:font-variation-settings .2s ease}.material-symbols-sharp:after{content:attr(data-icon)}.material-symbols-sharp.small{font-size:16px}.material-symbols-sharp.fill{--mds-fill: 1 }.material-symbols-rounded{vertical-align:bottom;--mds-fill: 0;--mds-wght: 400;--mds-grad: 0;--mds-opsz: 24;font-variation-settings:"FILL" var(--mds-fill),"wght" var(--mds-wght),"GRAD" var(--mds-grad),"opsz" var(--mds-opsz);transition:font-variation-settings .2s ease}.material-symbols-rounded:after{content:attr(data-icon)}.material-symbols-rounded.small{font-size:16px}.material-symbols-rounded.fill{--mds-fill: 1 }body{background-color:#f0f8ff;width:100%;height:100%;--header-height: 60px}#root{width:100%;max-width:500px;margin-inline:auto;background-color:#fff;min-height:100dvh;display:flex;flex-direction:column}header{position:sticky;top:0;background-color:#fff}header{transition:transform .3s ease-in-out}header.hide{transform:translateY(-100%)}header .header-inner{display:flex;justify-content:space-between;align-items:center;padding-inline:1rem;height:var(--header-height)}header .header-inner .logo{font-size:1.5rem;font-weight:800;line-height:1}main{padding-block:.5rem;flex-grow:1}footer{position:sticky;bottom:0;border-top:1px solid #eee;background-color:#fff}footer ul{display:flex}footer ul li{flex:1}footer ul li a{height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.card .card-header{display:flex;padding:.5rem;gap:1rem}.card .card-header .card-header__profile img{width:2.5rem;height:2.5rem;border-radius:50%}.card .card-header .card-header__description{flex:1;font-size:.8rem}.card .card-header .card-header__description .card-provider{color:#888;margin-bottom:.4rem}.card .card-header .card-header__description .card-user{color:#333;font-weight:500}.card .card-content .card-image{width:100%;aspect-ratio:1;background-color:#eee}.card .card-content .card-image img{width:100%}.card .card-content .card-actions{display:flex;padding:.5rem;justify-content:space-between;align-items:center}.card .card-content .card-actions>div{display:flex;gap:.5rem}.card .card-content .card-actions button{font-size:2rem}