body{max-width:520px;margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 0 calc(104px + env(safe-area-inset-bottom))}
main{padding:var(--sp4);animation:in .35s var(--ease)}@keyframes in{from{opacity:0;transform:translateY(6px)}}
section{margin:var(--sp5) 0}section>h2{margin-bottom:var(--sp3)}
.row{display:flex;gap:var(--sp3);overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px var(--sp2);margin:0 -2px}.row::-webkit-scrollbar{display:none}
@media(min-width:900px){body{border-inline:1px solid var(--line)}}