*{box-sizing:border-box;margin:0;padding:0}.snap{scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto}.snap::-webkit-scrollbar{display:none}.snap-item{scroll-snap-align:center;height:100%}@media (max-width:768px){.snap{scroll-snap-type:x mandatory;flex-direction:row;display:flex;overflow:auto hidden}.snap-item{flex-shrink:0;width:100%;height:100%}}.card{aspect-ratio:2/3;pointer-events:none;width:400px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border-radius:20px;margin:auto;position:absolute;inset:0}@media (max-width:640px){.card{width:320px}}.card pre{display:none}.debug-mode .snap{scrollbar-width:initial}.debug-mode .card pre{flex-direction:column;display:flex}.debug-mode .snap-item{outline:1px solid #000}