#about-app-page { background: var(--sea-bg); color: var(--sea-ink); }
#about-app-top .top-bar-back { border: 0; background: transparent; color: inherit; padding: 0; align-items: center; justify-content: center; width: 40px; height: 40px; cursor: pointer; }
#about-app-page .byg-about-content { width: 100%; max-width: 680px; margin: 0 auto; padding: 28px 20px; box-sizing: border-box; font-size: 14px; letter-spacing: 0; }
.byg-about-brand { display: flex; align-items: center; gap: 18px; padding: 6px 0 28px; }
.byg-about-brand img { width: 72px; height: 72px; border-radius: 16px; object-fit: cover; flex-shrink: 0; }
.byg-about-brand h2 { margin: 0 0 8px; font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; }
.byg-about-brand p { margin: 0; color: var(--sea-muted); line-height: 1.6; }
.byg-update-section { border-top: 1px solid var(--sea-border); padding: 24px 0; }
.byg-update-section h3 { font-size: 16px; margin: 0 0 18px; }
.byg-update-versions { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px 20px; margin: 0 0 24px; }
.byg-update-versions dt { color: var(--sea-muted); }
.byg-update-versions dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.byg-update-status { min-height: 42px; line-height: 1.65; margin: 14px 0; overflow-wrap: anywhere; color: var(--sea-muted); }
.byg-update-actions { display: flex; gap: 10px; flex-wrap: wrap; }
#about-app-page button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; min-height: 44px; border-radius: 8px; border: 1px solid var(--sea-border); color: var(--sea-ink); background: var(--sea-surface-strong); font: inherit; cursor: pointer; }
#about-app-page #byg-update-check { background: var(--sea-accent-soft); }
#about-app-page button:disabled { cursor: default; opacity: .55; }
#about-app-page button:focus-visible { outline: 2px solid var(--sea-accent); outline-offset: 2px; }
#about-app-page [hidden] { display: none !important; }
#byg-update-progress { width: 100%; height: 6px; accent-color: var(--sea-accent); display: block; }
#byg-update-notes { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; margin: 0; }
.byg-about-footer { color: var(--sea-muted); font-size: 12px; line-height: 1.8; }
@media (max-width: 360px) { #about-app-page .byg-about-content { padding: 22px 16px; } .byg-about-brand { gap: 12px; } .byg-about-brand h2 { font-size: 20px; } .byg-about-brand img { width: 60px; height: 60px; } }