:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:#f0f0f0;color:#333}h1{font-size:2.5em;line-height:1.1;color:#333}.app-container{padding:50px 0;background-color:#f0f0f0;min-height:100vh;overflow:hidden}.app-title{text-align:center;margin-bottom:30px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.app-title{font-size:1.5rem}}.carousel-container{max-width:750px;margin:0 auto;padding:0 20px;box-sizing:border-box}.carousel{width:100%;max-width:750px;height:300px;overflow:hidden;position:relative;margin:0 auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.carousel.dragging{cursor:grabbing}.carousel-track{display:flex;height:100%;will-change:transform}.carousel-track.transitioning{transition:transform .3s ease-out}.carousel-slide{flex:0 0 300px;height:300px;position:relative;-webkit-user-select:none;user-select:none;pointer-events:auto}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.carousel-slide .slide-title{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:10px;font-size:16px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center}@media(max-width:768px){.carousel-container{padding:0 15px}.carousel{height:250px}.carousel-slide{flex:0 0 250px;height:250px}}