*{box-sizing:border-box}html,body{color:#fff;background:#101214;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}main{width:100%;height:100svh;position:relative;overflow:hidden}.panorama{background:#101214;position:absolute;inset:0}header{z-index:2;top:max(24px, env(safe-area-inset-top));pointer-events:none;text-shadow:0 1px 8px #000;align-items:center;gap:12px;display:flex;position:absolute;left:24px}.mark{background:#1118;border:1px solid #fff5;border-radius:50px;padding:9px 10px;font-size:13px}h1{letter-spacing:-.4px;margin:0;font-size:19px;font-weight:500}h1 span{opacity:.7;font-weight:400}footer{z-index:2;bottom:max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;pointer-events:none;background:#111a;border:1px solid #fff2;border-radius:30px;padding:12px 18px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}footer span{opacity:.5;margin:0 8px}.status{z-index:3;text-align:center;background:#101214e8;border-radius:12px;padding:16px 20px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status button{cursor:pointer;border:0;border-radius:6px;margin-top:12px;padding:8px 12px}.pnlm-controls-container{top:84px!important;left:24px!important}@media (max-width:600px){header{top:20px;left:16px}footer{padding:10px 14px;font-size:11px;bottom:20px}.pnlm-controls-container{left:16px!important}}
