:root{--phase54-accent:#7c5cff;--phase54-panel:#151021;--phase54-border:rgba(151,116,255,.28)}
[hidden]{display:none!important}.phase54-install-banner,.phase54-update-banner{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));z-index:10020;display:flex;align-items:center;gap:.8rem;max-width:720px;margin:auto;padding:.8rem 1rem;border:1px solid var(--phase54-border);border-radius:18px;background:rgba(18,12,30,.97);box-shadow:0 18px 55px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
.phase54-install-banner img{width:46px;height:46px;border-radius:13px}.phase54-install-banner div,.phase54-update-banner div{display:grid;gap:.15rem;min-width:0;flex:1}.phase54-install-banner span,.phase54-update-banner span{color:var(--muted,#b9b3c9);font-size:.86rem}.phase54-banner-close,.phase54-modal-close{border:0;background:transparent;color:#fff;font-size:1.35rem;cursor:pointer}.phase54-update-banner{bottom:calc(18px + env(safe-area-inset-bottom))}
.phase54-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:1rem;background:rgba(5,3,10,.76);backdrop-filter:blur(10px)}.phase54-modal-card{position:relative;width:min(500px,100%);padding:1.4rem;border:1px solid var(--phase54-border);border-radius:24px;background:#171022;box-shadow:0 28px 90px rgba(0,0,0,.55)}.phase54-modal-close{position:absolute;right:1rem;top:.7rem}.phase54-modal-card img{border-radius:18px}.phase54-modal-card ol{padding-left:1.35rem;line-height:1.8}
.phase54-app-hero{overflow:hidden;position:relative;background:radial-gradient(circle at 85% 10%,rgba(124,92,255,.32),transparent 36%),linear-gradient(145deg,#171022,#0d0a16)}.phase54-app-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem}.phase54-phone-frame{min-height:420px;padding:1rem;border:1px solid var(--phase54-border);border-radius:30px;background:linear-gradient(160deg,#211735,#0b0811);box-shadow:inset 0 0 0 6px rgba(255,255,255,.025)}.phase54-phone-screen{height:100%;border-radius:22px;padding:1.1rem;background:radial-gradient(circle at top,#31204e,#100b19 52%);display:flex;flex-direction:column;justify-content:space-between}.phase54-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.phase54-status-tile{padding:.9rem;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.phase54-status-tile span{display:block;color:var(--muted,#b9b3c9);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.phase54-status-tile strong{display:block;margin-top:.25rem}.phase54-step-list{display:grid;gap:.7rem}.phase54-step{display:grid;grid-template-columns:38px 1fr;gap:.75rem;align-items:start;padding:.9rem;border:1px solid var(--phase54-border);border-radius:16px}.phase54-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--phase54-accent)}
.phase54-device-list{display:grid;gap:.75rem}.phase54-device{display:flex;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--phase54-border);border-radius:16px}.phase54-device-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(124,92,255,.16)}.phase54-device div{flex:1}.phase54-device small{display:block;color:var(--muted,#b9b3c9)}.phase54-state{padding:.75rem 1rem;border-radius:14px;background:rgba(124,92,255,.12);border:1px solid var(--phase54-border)}.phase54-state[data-kind="success"]{border-color:rgba(62,207,142,.45);background:rgba(62,207,142,.11)}.phase54-state[data-kind="error"]{border-color:rgba(255,94,120,.45);background:rgba(255,94,120,.1)}.phase54-state[data-kind="warning"]{border-color:rgba(255,190,80,.5);background:rgba(255,190,80,.1)}
.phase54-push-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.phase54-push-option{display:flex;gap:.65rem;align-items:flex-start;padding:.85rem;border:1px solid var(--phase54-border);border-radius:15px}.phase54-push-option span{display:grid;gap:.16rem}.phase54-push-option small{color:var(--muted,#b9b3c9)}.phase54-admin-check{display:grid;grid-template-columns:20px 1fr auto;gap:.7rem;align-items:start;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.phase54-admin-check:last-child{border-bottom:0}.phase54-admin-check.ok>i{color:#64e4a2}.phase54-admin-check.bad>i{color:#ff8b9f}.phase54-admin-check small{color:var(--muted,#b9b3c9)}
.phase54-offline-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 10%,#30204d,#09060f 55%);color:#fff}.phase54-offline-card{width:min(560px,100%);padding:2rem;text-align:center;border:1px solid var(--phase54-border);border-radius:28px;background:rgba(17,11,28,.94)}.phase54-offline-card img{border-radius:22px}.phase54-offline-card p{color:#c6bfd4;line-height:1.7}
@media(max-width:820px){.phase54-app-grid{grid-template-columns:1fr}.phase54-phone-frame{min-height:350px}.phase54-push-categories{grid-template-columns:1fr}.phase54-install-banner{bottom:calc(72px + env(safe-area-inset-bottom));padding:.72rem}.phase54-install-banner span{display:none}}