/* Compact single-row website chrome. Content is two thirds of the previous
   oversized version; the bar stays 80px desktop / 72px mobile, not a hero. */
.fc6-topbar .fc5-topbar-in { min-height:80px; box-sizing:border-box; max-width:none; padding:6px var(--gutter); align-items:center; align-content:center; flex-wrap:nowrap; gap:0 16px; }
.fc6-brand { display:flex; align-items:center; gap:16px; min-width:0; min-height:56px; flex:none; }
.fc6-topbar .fc5-logo { order:0; margin:0; flex:none; min-height:56px; display:flex; align-items:center; }
.fc6-topbar .fc5-logo img { width:96px; height:auto; }
.fc6-topbar .fc5-nav { margin-left:4px; flex:1; min-width:0; }
.fc6-topbar .fc5-nav { align-items:center; flex-wrap:nowrap; overflow-x:auto; }
.fc6-topbar .fc5-nav a { font-size:21px; min-height:56px; padding:0 12px; white-space:nowrap; border-radius:10px; flex:none; }
.fc6-topbar .fc5-nav a[aria-current="page"] { color:var(--fg); background:var(--sur2); }
/* The legacy nav pill is always dark. Current tabs use the adaptive surface so
   Light-mode selected purple labels/icons remain readable. */
.fc5-tabbar a[aria-current="page"] { background:var(--sur2); }
.fc6-topbar .fc6-tools { margin-left:auto; order:2; display:flex; align-items:center; gap:4px; min-height:56px; flex:none; }
.fc6-topbar .fc6-profile-shortcut { border:0; overflow:hidden; font-size:19px; font-weight:700; }
.fc6-profile-shortcut img,.fc6-profile-shortcut > span { width:46px; height:46px; display:grid; place-items:center; object-fit:cover; border-radius:50%; background:var(--sur2); border:1px solid var(--line); }
.fc6-topbar .iconbtn { width:56px; height:56px; min-width:56px; min-height:56px; flex:none; }
.fc6-topbar .iconbtn > svg { width:27px; height:27px; }
.fc6-topbar .fc6-tools > a:not(.iconbtn) { font-size:19px; min-height:56px; display:inline-flex; align-items:center; white-space:nowrap; }
.fc6-topbar .fc6-tools .dot { width:10px; height:10px; top:11px; right:11px; }
/* A fixed negative top offset leaked after body type grew. Hide the complete
   control regardless of text metrics, while keeping keyboard access intact. */
.skip { top:8px; transform:translateY(calc(-100% - 16px)); pointer-events:none; }
.skip:focus-visible { transform:translateY(0); pointer-events:auto; }

.settings-dropdown-backdrop { position:fixed; inset:0; z-index:100; background:transparent; }
.settings-dropdown { position:fixed; z-index:101; top:var(--settings-top,88px); right:var(--settings-right,16px); width:min(400px,calc(100vw - 24px)); max-height:calc(100dvh - var(--settings-top,88px) - 12px); display:flex; flex-direction:column; overflow:hidden; background:var(--sur); color:var(--fg); border:1px solid var(--line); border-radius:14px; box-shadow:0 12px 30px rgb(0 0 0 / .18); font:400 20px/1.45 var(--font-sans); }
.settings-dropdown-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 16px; border-bottom:1px solid var(--line); }
.settings-dropdown-head h2 { margin:0; font-size:22px; line-height:1.3; }
.settings-dropdown-head .iconbtn { width:44px; height:44px; flex:none; background:none; }
.settings-dropdown-body { min-height:0; overflow:auto; overscroll-behavior:contain; }
.settings-dropdown-preferences { display:grid; gap:12px; padding:16px; border-bottom:1px solid var(--line); }
.settings-dropdown .appearance-toggle { gap:12px; }
.settings-dropdown .appearance-toggle .small { font-size:18px; line-height:1.4; }
.settings-motion-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:44px; padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.settings-motion-toggle [data-motion-state] { color:var(--dim); font-size:18px; }
.settings-motion-toggle[aria-checked="true"] [data-motion-state] { color:var(--pT); }
.settings-dropdown .linkrow { width:100%; min-width:0; min-height:60px; padding:12px 16px; box-sizing:border-box; border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; color:var(--fg); }
.settings-dropdown .linkrow > span:first-child { min-width:0; flex:1; }
.settings-dropdown .linkrow .l { font-size:20px; line-height:1.4; overflow-wrap:anywhere; }
.settings-dropdown .linkrow .d { display:block; color:var(--dim); font-size:16px; line-height:1.45; overflow-wrap:anywhere; }
.settings-dropdown .linkrow .chev { flex:none; font-size:22px; }
.settings-dropdown :is(button,a):focus-visible { outline:3px solid var(--ring); outline-offset:-3px; }
.fc6-feedback,.fc5 .fc6-feedback { display:grid; grid-template-columns:18px minmax(0,1fr); align-items:start; gap:10px; padding:12px 0; background:none; border:0; border-radius:0; color:var(--fg); box-shadow:none; }
.fc6-feedback .fc6-feedback-mark { display:flex; color:var(--dim); margin-top:2px; }
.fc6-feedback.banner-error .fc6-feedback-mark { color:var(--fc-danger,#FF9BA7); }
[data-theme="light"] .fc6-feedback.banner-error .fc6-feedback-mark { color:#B71936; }
.fc6-feedback .b { min-width:0; display:grid; gap:4px; }
.fc6-feedback .k,.fc5 .fc6-feedback .k { color:var(--fg); font:650 14px/1.4 var(--font-sans); letter-spacing:0; text-transform:none; }
.fc6-feedback .b p { margin:0; color:var(--dim); font-size:13px; line-height:1.5; }
.fc6-feedback-action { justify-self:start; min-width:0; }
.fc6-feedback .btn { min-height:44px; width:auto; padding:8px 0; border:0; background:none; color:var(--pT); font-size:14px; }
.fc6-feedback .btn:focus-visible { outline:3px solid var(--ring); outline-offset:3px; }
.account-identity .account-name-row { display:flex; align-items:center; gap:8px; min-width:0; }
.account-identity .account-name-row .h1 { min-width:0; }
.account-identity .account-name-edit { width:44px; height:44px; min-width:44px; min-height:44px; flex:none; color:var(--dim); }
.account-identity .account-name-edit:hover { color:var(--fg); }
.account-identity .account-name-edit:focus-visible { outline:3px solid var(--ring); outline-offset:3px; }
.account-handle-edit { min-height:44px; border:0; padding:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.account-handle-edit:focus-visible { outline:3px solid var(--ring); outline-offset:3px; }
.account-avatar-edit { position:relative; display:block; flex:none; padding:0; border:0; background:none; border-radius:50%; cursor:pointer; }
.account-avatar-edit:focus-visible { outline:3px solid var(--ring); outline-offset:4px; }
.account-avatar-pencil { position:absolute; right:-2px; bottom:-2px; display:grid; place-items:center; width:28px; height:28px; border:2px solid var(--bg); border-radius:50%; color:var(--fg); background:var(--sur2); font:700 18px/1 var(--font-sans); }
.account-inline-handle { display:grid; gap:8px; min-width:0; width:min(100%,32rem); }
.account-inline-handle-input { display:flex; align-items:center; min-width:0; color:var(--fg); font-size:28px; font-weight:700; }
.account-inline-handle-input input { min-width:0; width:100%; padding:4px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:inherit; font:inherit; }
.account-inline-handle .row { gap:8px; flex-wrap:wrap; }
.account-inline-handle .btn { width:auto; min-height:44px; padding:6px 10px; }
.account-photo-sheet .account-photo-remove { color:var(--fc-danger,#c32642); }
.account-photo-sheet .media-editor-preview { width:128px; height:128px; border-radius:50%; overflow:hidden; }
.fc5[data-fc5-screen="admin-profile"] .profile-cover-headline { color:var(--fg); }
.footer { font-size:14px; line-height:1.4; }
.footer .footer-in { align-items:center; gap:8px 20px; padding-block:16px; font-size:14px; line-height:1.4; }
.footer-copyright { margin:0; }
.footer-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; }
.footer-links a { display:inline-flex; align-items:center; min-height:32px; color:var(--dim); }
.footer-links a:hover { color:var(--fg); }
.footer-links a:focus-visible { outline:3px solid var(--ring); outline-offset:3px; }
@media(max-width:1199px) { .fc6-topbar .fc5-nav { scrollbar-width:none; } }
@media(max-width:899px) { .fc6-topbar .fc5-nav { display:none; } }
@media(max-width:599px) { .fc6-topbar .fc5-topbar-in { min-height:72px; padding:4px 12px; gap:8px; } .fc6-topbar .fc5-logo img { width:84px; } .fc6-topbar .iconbtn { width:48px; height:48px; min-width:48px; min-height:48px; } .fc6-profile-shortcut img,.fc6-profile-shortcut > span { width:40px; height:40px; } .fc6-topbar .fc6-tools { gap:0; } .fc6-topbar .fc6-tools > a:not(.iconbtn) { font-size:16px; min-height:44px; padding-inline:6px; } .fc6-topbar .fc6-tools > .fc5-btn-primary { display:none; } }
@media(prefers-reduced-motion:reduce) { .fc6-topbar *, .fc6-feedback * { transition:none; animation:none; } }