.phone-app-banner{position:sticky;top:0;z-index:1000;margin:0 auto;width:min(1180px,100%);padding:10px 14px;background:linear-gradient(90deg,#B9F227,#DDFE7A);color:#071007;box-shadow:0 10px 35px rgba(0,0,0,.34);font-size:12px;font-weight:800}
.phone-app-banner .pwa-row{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1120px;margin:auto}
.phone-app-banner .pwa-copy{display:flex;align-items:center;gap:10px;min-width:0}.phone-app-banner .pwa-icon{width:34px;height:34px;border-radius:10px;background:#071007;color:#B9F227;display:grid;place-items:center;font-weight:1000;flex:0 0 auto}.phone-app-banner p{margin:0;line-height:1.25}.phone-app-banner small{display:block;opacity:.68;font-weight:700;margin-top:2px}.phone-app-banner .pwa-actions{display:flex;gap:7px;flex:0 0 auto}.phone-app-banner button{border:0;border-radius:11px;padding:9px 11px;background:#071007;color:white;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.phone-app-banner button.pwa-dismiss{background:rgba(7,16,7,.12);color:#071007;padding-inline:9px}
.phone-app-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.74);backdrop-filter:blur(12px);padding:18px;display:grid;place-items:center}.phone-app-modal[hidden]{display:none}.pwa-dialog{width:min(500px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:#111614;color:#F7FAF8;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.pwa-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pwa-dialog h2{margin:0;font-size:31px;line-height:.95}.pwa-dialog p{color:#A5AEA9}.pwa-dialog ol{padding-left:23px}.pwa-dialog li{margin:11px 0;color:#E4E9E6}.pwa-dialog .step{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#B9F227;color:#071007;font-weight:950;margin-right:7px}.pwa-dialog-close{border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#171D1A;color:white;width:38px;height:38px;font-size:19px}.pwa-dialog .btn{width:100%;margin-top:6px}.pwa-offline-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#B9F227;margin-right:6px}.pwa-offline-dot.offline{background:#FF7A1A}
.phone-tools{margin:12px 0;border:1px solid rgba(185,242,39,.28);border-radius:20px;background:linear-gradient(145deg,rgba(185,242,39,.075),rgba(255,255,255,.018));padding:17px}.phone-tools h3{margin:0 0 5px;font-size:22px}.phone-tools p{color:#A5AEA9;font-size:12px}.phone-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.phone-tools button,.phone-tools label{border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#171D1A;color:#F7FAF8;padding:11px 12px;text-align:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.phone-tools button.primary{background:#B9F227;color:#071007;border-color:#B9F227}.phone-tools input[type=file]{display:none}.phone-tools .pwa-status{grid-column:1/-1;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px;color:#A5AEA9;font-size:10px;text-align:center}
@media(max-width:600px){.phone-app-banner{padding:9px 10px}.phone-app-banner .pwa-copy small{display:none}.phone-app-banner .pwa-copy p{font-size:11px}.phone-app-banner .pwa-actions button{padding:8px 9px}.phone-app-banner .pwa-dismiss{display:none}.phone-tools-grid{grid-template-columns:1fr 1fr}.pwa-dialog{padding:18px}.pwa-dialog h2{font-size:27px}}
@media(display-mode:standalone){.phone-app-banner{display:none!important}body{padding-top:env(safe-area-inset-top,0px)}.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom,0px))}}