.pwa-panel{width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:22px;padding:23px;background:var(--shell);color:var(--ink);box-shadow:0 18px 70px #6d4d6333}
.pwa-panel::backdrop{background:#4d3e493b;backdrop-filter:blur(3px)}
.pwa-panel h2{font-size:19px}.pwa-panel p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.pwa-panel small{display:block;color:var(--muted);font-size:12px;line-height:1.8}.pwa-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.pwa-actions button{min-height:44px;padding:9px 15px;border-radius:12px;background:var(--pink);border:1px solid var(--line);font-size:14px}.pwa-actions button:last-child{background:var(--page)}
.pwa-status-box{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--page)}.pwa-status-box p{margin:0}.pwa-panel .pwa-feedback{min-height:1.7em;font-size:13px;color:var(--muted)}
.pwa-update{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:15;width:min(440px,calc(100% - 24px));padding:12px 15px;background:var(--shell);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #72556a25;color:var(--ink)}.pwa-update p{font-size:13px;margin:0 0 7px;line-height:1.6}.pwa-update>div{display:flex;flex-wrap:wrap;gap:8px}.pwa-update button{min-height:38px;border-radius:10px;padding:7px 12px;font-size:13px;background:var(--pink)}.pwa-update button:last-child{background:transparent;color:var(--muted)}
@media(display-mode:standalone){body{background:var(--shell)}.app-shell{margin:0 auto;border-radius:0;border:0;height:100dvh;height:var(--visible-height,100dvh)}.chat-header{padding-top:max(17px,env(safe-area-inset-top))}.overview-page .tape-header{padding-top:max(28px,env(safe-area-inset-top))}}
html[data-standalone="true"] .app-shell{margin:0 auto;border-radius:0;border:0;height:var(--visible-height,100dvh)}