.app-status.offline-panel{width:auto;max-width:100%;min-width:0;margin:0;padding:0;color:var(--text, var(--ink));font-size:1rem;justify-self:center}.app-status.offline-panel>details{padding:0;border:1px solid var(--line);border-radius:.35rem;background:var(--surface)}.app-status>details>summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.4rem .6rem;font-weight:500;cursor:pointer;list-style:none}.app-status summary::-webkit-details-marker{display:none}.app-status-label{white-space:nowrap}.app-status-label>span{display:inline-block}.app-status details[open] .app-status-label>span{transform:rotate(180deg)}.app-status .release-status{display:flex;align-items:center;font-size:inherit;margin:0;min-width:0}.app-status .app-status-badge{padding:.12rem .4rem;border:1px solid var(--line);border-radius:.2rem;font-size:.8rem;font-weight:500;line-height:1.4}.app-status .app-update-badge{border-color:var(--accent);font-weight:650}.app-status-content{position:fixed;top:1rem;right:1rem;z-index:30;width:min(40rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);box-shadow:0 8px 28px #0002;display:grid;gap:1rem}.app-status-dismiss{display:flex;justify-content:flex-end}.app-status-content>section+section{border-top:1px solid var(--line);padding-top:1rem}.app-status h2{font-size:1.15rem;margin-top:1rem}.app-status-actions{display:flex;flex-wrap:wrap;gap:.7rem}.app-download-progress{display:grid;gap:.6rem}.app-download-progress progress{width:100%;height:1rem;accent-color:var(--accent)}.app-status dialog{width:min(34rem,calc(100% - 2rem));max-height:90dvh;overflow:auto;color:inherit;background:var(--surface, #fff);border:1px solid var(--line);border-radius:1rem;padding:1.5rem}.app-status dialog::backdrop{background:#0008}.app-status p,.app-status summary,.app-status button{overflow-wrap:anywhere}.app-status .app-status-content p,.app-status .app-status-content code{font-size:inherit}.app-status .app-status-content button,.app-status dialog button{font:inherit;min-height:44px;max-width:100%;padding:.55rem .8rem}@media(max-width:700px){.app-status.offline-panel{grid-column:1 / -1;grid-row:2;justify-self:start}.app-status>details>summary{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.app-status *{animation:none!important;transition:none!important}}