*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.app{position:relative}.bg-section{height:100vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:48px;background-blend-mode:darken;background-color:#00000040}.bg-section h1{margin:0;color:#fff;font-size:42px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.glass-card{position:fixed;top:0;left:0;color:#fff;z-index:10;box-shadow:0 12px 30px #00000059}.glass-card__handle{display:flex;align-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:100%}.glass-card__handle:active{cursor:grabbing}.control-panel{position:fixed;right:20px;bottom:20px;width:220px;padding:16px;border-radius:16px;background:#0f0f14d9;color:#fff;z-index:20}.control-panel h2{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.slider{display:block;margin-bottom:10px}.slider__row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;opacity:.85}.slider input[type=range]{width:100%}