@media (max-width:900px) {
  .account-main { width:min(100% - 32px,var(--app-max)); padding-top:26px; }
  .account-layout { grid-template-columns:1fr; }
  .account-column { display:contents; }
  .account-signal { min-height:0; grid-template-columns:minmax(148px,.4fr) minmax(0,1.6fr); order:1; }
  .account-sidebar { order:2; }
  .submissions-panel { order:3; }
  .notifications-panel { order:3; }
  .notifications-panel~.submissions-panel { order:4; }
  .account-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .account-main { width:min(100% - 22px,var(--app-max)); padding:16px 0 42px; }
  .account-hero { min-height:0; align-items:flex-start; padding:21px; border-radius:17px; }
  .account-hero-identity { align-items:flex-start; gap:14px; }
  .avatar-frame { width:74px; height:74px; padding:3px; border-radius:18px; }
  .profile-avatar { border-radius:14px; font-size:23px; }
  .profile-title-line h1 { font-size:24px; }
  .hero-profile-copy>p { max-width:180px; font-size:11px; }
  .member-since { margin-top:9px; font-size:9.5px; }
  .account-hero>#edit-username { --btn-height:36px; position:absolute; right:16px; top:16px; width:36px; height:36px; padding:0; gap:0; justify-content:center; font-size:0; }
  .account-hero>.btn i { font-size:12px; }
  .account-signal { grid-template-columns:1fr; }
  .signal-intro { padding:10px 16px; border-right:0; border-bottom:1px solid var(--border-subtle); }
  .account-sidebar { grid-template-columns:1fr; }
  .product-panel { padding:18px; border-radius:15px; }
  .submissions-heading { align-items:flex-start; }
  .submission-item { grid-template-columns:44px minmax(0,1fr); }.submission-art { width:44px; height:44px; }
  .submission-meta span:last-child { width:100%; }
  .notification-intervals { grid-template-columns:1fr; gap:10px; }
  .notification-setting { min-height:44px; }
  .notification-interval .filter-select,.notification-interval .ui-select-trigger { height:40px; }
  .notification-preferences-form>.btn { --btn-height:40px; }
}

@media (max-width:768px) {
  .submissions-heading .btn.frost-btn { --btn-height:32px; --btn-pad-x:10px; }
}
@media (max-width:680px) {
  .avatar-dialog .dialog-header,.avatar-dialog .dialog-body { padding:12px 16px; }
  .avatar-dialog .dialog-footer { padding:12px 16px; }
  .avatar-dialog .btn.frost-btn { min-height:40px; }
  .avatar-frame .avatar-edit { width:32px; height:32px; right:-7px; bottom:-7px; }
}
@media (prefers-reduced-motion:reduce) {
  .avatar-dialog[open],.avatar-dialog.is-closing,.avatar-dialog[open]::backdrop { animation:none; }
}