/* App Design Wizard · 2026-09-13. Preserve Flock's sea/coral identity and navigation. */
html { -webkit-text-size-adjust:100%; }
.topbar, .detail-head { background:#082943; }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .topbar, .detail-head, #menu .detail-head {
    background:linear-gradient(145deg,rgba(11,53,82,.94),rgba(8,41,67,.88));
    -webkit-backdrop-filter:blur(20px) saturate(125%);
    backdrop-filter:blur(20px) saturate(125%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px -20px rgba(8,41,67,.5);
  }
}
.brand { min-width:0; }
.detail-head h2 { min-width:0; overflow-wrap:break-word; }
.language-select { min-height:44px; }
.field input, .field select, .field textarea { min-width:0; max-width:100%; font-size:16px; }
.field label { font-size:14px; line-height:1.45; }
.menu-row { min-height:52px; gap:12px; }
.menu-row>span { min-width:0; overflow-wrap:break-word; }
.menu-row small { line-height:1.5; }
html[data-theme="dark"] .welcome-screen { background:linear-gradient(165deg,#061d2b,#0d2b3a 65%,#102a36); }
html[data-theme="dark"] .welcome-globe { color:var(--sea); opacity:.07; }
html[data-theme="dark"] .community-invite { background:var(--card); border-color:var(--line); }
html[data-theme="dark"] .secondary-btn { background:var(--card); color:var(--ink); border-color:var(--line); }
html[data-theme="dark"] .text-action { color:var(--action); }
:is(button,a,input,textarea,select):focus-visible { outline:3px solid var(--action); outline-offset:3px; }
.topbar :focus-visible, .detail-head :focus-visible { outline-color:#b7f6f3; }
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media(prefers-reduced-transparency:reduce), (prefers-contrast:more) {
  .topbar, .detail-head, #menu .detail-head, .bottom-nav { background:#082943; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }
  .menu-scrim { -webkit-backdrop-filter:none; backdrop-filter:none; }
}