@media (max-width:1023px){
  html,body{width:100%;overflow-x:hidden}
  body{padding-bottom:env(safe-area-inset-bottom,0)}
  #app,.app-shell,.site-main,.page-container{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  .page-container{padding:14px 12px calc(96px + env(safe-area-inset-bottom,0))!important}
  .site-header{z-index:80!important}
  .site-header__inner{min-height:52px!important;padding:8px 12px!important}
  .site-header__avatar{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;border-radius:50%!important;overflow:hidden!important;flex:0 0 34px!important}
  .site-header__avatar-img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
  .site-header__avatar-emoji{font-size:20px!important;line-height:1!important}
  .bottom-nav{position:fixed!important;left:0;right:0;bottom:0;z-index:90!important;display:block!important;padding-bottom:env(safe-area-inset-bottom,0);background:rgba(255,255,255,.96);border-top:1px solid var(--color-border-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  [data-theme="dark"] .bottom-nav{background:rgba(15,17,23,.96);border-top-color:var(--color-border)}
  .bottom-nav__inner{height:64px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;max-width:560px;margin:0 auto;padding:0 6px}
  .bottom-nav__item,.bottom-nav__write-btn{appearance:none;border:0;background:transparent;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:800;line-height:1;min-width:0;width:100%;height:56px;border-radius:14px;font-family:inherit}
  .bottom-nav__item svg,.bottom-nav__write-btn svg{width:21px;height:21px;flex:0 0 21px}
  .bottom-nav__item.active{color:var(--color-primary);background:var(--color-primary-bg)}
  .bottom-nav__write{display:flex;align-items:center;justify-content:center}
  .bottom-nav__write-btn{width:58px;height:58px;margin-top:-18px;border-radius:22px;background:var(--gradient-brand);color:#fff;box-shadow:0 8px 24px rgba(255,68,34,.32);border:4px solid var(--color-bg)}
  .bottom-nav__write-btn.active{transform:translateY(-1px)}
  .bottom-nav__center-label{display:none!important}
  .site-footer{display:none!important}
  .card,.feed-card,.home-hero,.multi-detail-module,.multi-detail-root,.admin-data-row{max-width:100%!important}
  table{border-collapse:collapse}
  .admin-table-wrap,.card[style*="overflow:auto"],.admin-data-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}

@media (max-width:767px){
  .btn{min-height:40px;padding:10px 14px}
  .btn--sm{min-height:34px;padding:8px 11px}
  .form-input,.form-select,.form-textarea{font-size:16px!important;line-height:1.45}
  .form-textarea{min-height:112px}
  .home-dash,.home-dash--clean{gap:14px!important}
  .home-hero{padding:20px 16px!important;min-height:auto!important;border-radius:20px!important}
  .home-hero__title{font-size:24px!important;line-height:1.2!important;word-break:keep-all}
  .home-hero__sub{font-size:13px!important;line-height:1.55!important}
  .home-hero__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .home-hero__actions .btn{width:100%;padding-left:10px;padding-right:10px}
  .home-stat-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .home-stat-card{min-width:0;padding:11px 6px!important}
  .home-feature-grid,.home-feature-grid--compact{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .home-feature-card{width:100%;min-width:0}
  .home-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .home-write-chip-row{margin:0 -12px;padding:0 12px 5px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
  .home-write-chip-row::-webkit-scrollbar{display:none}
  .home-write-chip{flex:0 0 auto;min-height:38px}
  .home-rank-item{grid-template-columns:auto minmax(0,1fr)!important;gap:9px!important}
  .home-rank-item__stats{grid-column:2;justify-content:flex-start!important;margin-top:4px}
  .home-compact-feed-item{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:12px!important}

  .feed-page-clean{margin-top:0!important;padding-top:0!important;gap:8px!important}
  .feed-search-bar{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;margin-top:0!important;margin-bottom:4px!important;padding-top:0!important}
  .feed-search-input-wrap{min-width:0!important}
  .feed-search-btn{min-width:54px!important;padding-left:9px!important;padding-right:9px!important}
  .feed-write-plus-btn{grid-column:1/-1!important;width:100%!important;min-height:36px!important}
  .feed-control-wrap,.feed-control-wrap--with-sort{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;margin-bottom:6px!important}
  .feed-filters{display:flex!important;gap:6px!important;overflow-x:auto!important;margin:0!important;padding:0 0 6px!important;scrollbar-width:none;min-width:0!important;max-width:100%!important}
  .feed-filters::-webkit-scrollbar{display:none}
  .filter-chip{flex:0 0 auto!important;min-height:34px;white-space:nowrap}
  .feed-sort-dropdown{align-self:center!important;justify-self:end!important;max-width:104px!important;min-width:92px!important;display:flex!important;align-items:center!important;gap:4px!important;padding:0!important;overflow:visible!important}
  .feed-sort-dropdown span{font-size:11px!important;white-space:nowrap!important}
  .feed-sort-dropdown select{width:72px!important;max-width:72px!important;min-width:72px!important;font-size:12px!important;padding-left:7px!important;padding-right:18px!important}
  .feed-card__header{padding:14px!important}
  .feed-card__title{font-size:16px!important;line-height:1.32!important}
  .feed-card__desc{font-size:13px!important;line-height:1.45!important}
  .feed-card__meta{gap:6px!important;flex-wrap:wrap!important}
  .feed-card__meta-dot::before{margin-right:6px!important}
  .feed-card__images--3 .feed-card__img:first-child{height:150px!important}

  .write-step-header{position:sticky;top:52px;z-index:20;background:var(--color-bg);padding:8px 0 10px;margin:-4px 0 8px}
  .write-step-title{font-size:20px!important;line-height:1.25!important}
  .multi-preset-list{margin:0 -12px!important;padding:0 12px 6px!important}
  .card__body--lg{padding:16px!important}
  .write-submit{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%}
  .write-submit .btn{width:100%}

  .detail-title{font-size:22px!important;line-height:1.28!important;word-break:keep-all}
  .detail-header{padding:14px!important}
  .detail-content{font-size:15px!important;line-height:1.72!important}
  .reaction-bar,.detail-actions,.post-owner-actions{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important;scrollbar-width:none}
  .reaction-bar::-webkit-scrollbar,.detail-actions::-webkit-scrollbar,.post-owner-actions::-webkit-scrollbar{display:none}
  .reaction-btn,.detail-actions .btn,.post-owner-actions .btn{flex:0 0 auto}
  .multi-detail-root{padding:12px!important}
  .multi-detail-module{padding:14px!important;border-radius:16px!important}
  .multi-fill-char{width:36px!important;height:36px!important}
  .multi-participation-item{border-radius:14px!important;padding:12px!important}
  .multi-item-actions{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
  .multi-item-actions button{flex:0 0 auto}

  .account-page,.settings-page,.login-page,.account-page-wrap{max-width:100%!important}
  .account-profile-card .account-header{padding:18px 14px!important;gap:8px!important}
  .account-profile-card .account-avatar,.account-avatar.avatar--nickname-icon{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;font-size:18px!important;line-height:1!important;flex:0 0 52px!important;margin:0 auto 6px!important;overflow:hidden!important;border-radius:50%!important}
  .account-avatar__img,.avatar--nickname-icon .nickname-avatar-img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
  .account-avatar__emoji,.avatar--nickname-icon .nickname-avatar-emoji{font-size:28px!important;line-height:1!important}
  .nickname-icon{width:1.15em!important;height:1.15em!important;max-width:22px!important;max-height:22px!important;vertical-align:-0.12em!important}
  .nickname-icon--preview,.nickname-icon-preview{width:38px!important;height:38px!important;font-size:24px!important;max-width:38px!important;max-height:38px!important}
  .nickname-icon-preview img,.nickname-icon--preview img{width:38px!important;height:38px!important;object-fit:cover!important;border-radius:50%!important}
  .profile-card,.account-card,.settings-card{border-radius:18px!important}
  .toast-container{top:60px!important;left:12px!important;right:12px!important}.toast{max-width:none!important;width:100%}
  .admin-layout{display:block!important}.admin-sidebar{border-radius:0!important}.admin-brand__sub{font-size:11px}.admin-menu-item{min-height:38px}.admin-section-title{font-size:20px!important;line-height:1.25}.admin-page-head{gap:8px}.admin-operation-note{font-size:12px!important;border-radius:14px!important}.admin-stat-card{border-radius:14px!important;padding:14px!important}.admin-table{font-size:12px}.admin-row-actions .btn{min-height:32px}.admin-data-row{border-radius:14px!important}.admin-data-json pre{font-size:11px!important}
}

@media (max-width:374px){
  .page-container{padding-left:10px!important;padding-right:10px!important}.home-hero__title{font-size:22px!important}.home-stat-card__num{font-size:17px!important}.bottom-nav__item span,.bottom-nav__center-label{font-size:9px}.bottom-nav__write-btn{width:54px;height:54px}.multi-fill-char{width:32px!important;height:32px!important;font-size:15px!important}.feed-page-btn,.feed-page-num{min-width:34px!important;height:34px!important}.site-header__avatar,.site-header__avatar-img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}.account-profile-card .account-avatar,.account-avatar.avatar--nickname-icon,.account-avatar__img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;min-width:48px!important;min-height:48px!important}
  .feed-sort-dropdown{max-width:92px!important;min-width:84px!important}
  .feed-sort-dropdown select{width:64px!important;max-width:64px!important;min-width:64px!important;font-size:11px!important}
}

/* ===== merged from mobile-feed-polish.css ===== */
.soso-feed-page {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.soso-feed-toolbar {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  isolation: isolate !important;
}

.soso-feed-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.soso-feed-search__input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 42px !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 16px !important;
  background: var(--color-surface) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
}

.soso-feed-search__input-wrap:focus-within {
  border-color: rgba(255, 107, 74, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 74, 0.10) !important;
}

.soso-feed-search__icon {
  flex: 0 0 auto !important;
  margin-left: 12px !important;
  color: var(--color-text-muted) !important;
}

.soso-feed-search__input {
  flex: 1 !important;
  min-width: 0 !important;
  height: 40px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 0 8px !important;
  color: var(--color-text-primary) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.soso-feed-search__input::placeholder {
  color: var(--color-text-muted) !important;
  font-weight: 600 !important;
}

.soso-feed-search__clear {
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--color-surface-2) !important;
  color: var(--color-text-muted) !important;
  font-size: 12px !important;
  cursor: pointer !important;
}

.soso-feed-search__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 56px !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 15px !important;
  padding: 0 15px !important;
  background: var(--gradient-brand) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 22px rgba(255, 68, 34, 0.24) !important;
  cursor: pointer !important;
}

.soso-feed-controls {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.soso-feed-chips {
  display: flex !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 1px 0 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  background: transparent !important;
}

.soso-feed-chips::-webkit-scrollbar {
  display: none !important;
}

.soso-feed-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 34px !important;
  border: 1.5px solid var(--color-border) !important;
  border-radius: 999px !important;
  padding: 6px 11px !important;
  background: var(--color-surface) !important;
  color: var(--color-text-secondary) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.soso-feed-chip.active {
  background: var(--gradient-brand) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 5px 14px rgba(255, 68, 34, 0.22) !important;
}

.soso-feed-summary {
  margin: 0 0 2px !important;
  position: relative !important;
  z-index: 0 !important;
}

.soso-feed-summary__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 7px !important;
  align-items: center !important;
  color: var(--color-text-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.soso-feed-summary__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.soso-feed-summary__meta span,
.soso-feed-summary__meta b {
  display: inline-flex !important;
  min-height: 24px !important;
  align-items: center !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: var(--color-surface-2) !important;
  white-space: nowrap !important;
}

.soso-feed-sort--summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 4px !important;
  min-height: 28px !important;
  min-width: 76px !important;
  max-width: 92px !important;
  padding: 0 6px 0 8px !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 999px !important;
  background: var(--color-surface) !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04) !important;
}

.soso-feed-sort--summary span {
  color: var(--color-text-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.soso-feed-sort--summary select {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--color-text-primary) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  font-family: inherit !important;
  padding: 0 !important;
}

.soso-feed-search-label {
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  background: var(--color-primary-bg) !important;
  color: var(--color-primary) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.feed-write-plus-btn {
  display: none !important;
}

@media (max-width: 767px) {
  .site-header {
    min-height: 56px !important;
  }

  .page-container:has(.soso-feed-page) {
    padding-top: 10px !important;
  }

  #page-content:has(.soso-feed-page) {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  #page-content > .soso-feed-page:first-child,
  .layout-main.soso-feed-page,
  .layout-main--full.soso-feed-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
    gap: 7px !important;
  }

  .soso-feed-toolbar {
    gap: 6px !important;
  }

  .soso-feed-search {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 7px !important;
  }

  .soso-feed-search__input-wrap {
    min-height: 40px !important;
    border-radius: 15px !important;
  }

  .soso-feed-search__input {
    height: 38px !important;
    font-size: 16px !important;
  }

  .soso-feed-search__button {
    min-width: 54px !important;
    min-height: 40px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #feed-list {
    display: flex !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 10px !important;
    padding: 2px 10px 14px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  #feed-list::-webkit-scrollbar {
    display: none !important;
  }

  #feed-list > .feed-card,
  #feed-list > .skeleton-card,
  #feed-list > .empty-state {
    flex: 0 0 min(88vw, 420px) !important;
    max-width: min(88vw, 420px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  #feed-list > .feed-card {
    min-height: 260px !important;
  }
}

@media (max-width: 374px) {
  .soso-feed-sort--summary {
    min-width: 70px !important;
    max-width: 84px !important;
  }

  .soso-feed-sort--summary select {
    width: 45px !important;
    min-width: 45px !important;
    max-width: 45px !important;
  }
}

/* ===== merged from mobile-header-polish.css ===== */
@media (max-width:1023px){
  .site-header__inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    padding-left:12px!important;
    padding-right:10px!important;
  }

  .site-header__logo{
    grid-column:1!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    max-width:160px!important;
  }

  .site-header__logo img,
  .site-header__logo .site-header__logo-img{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    object-fit:contain!important;
    flex:0 0 34px!important;
  }

  .site-header__logo span,
  .site-header__logo-text{
    display:inline!important;
    font-size:18px!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .site-header__spacer{
    grid-column:2!important;
    display:block!important;
    min-width:0!important;
  }

  .site-header__actions{
    grid-column:3!important;
    justify-self:end!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    min-width:0!important;
    width:auto!important;
  }

  .site-header__install-btn,
  .site-header__icon-btn:not(.site-header__avatar):not(.notif-bell):not(.site-header__theme-btn){
    display:none!important;
  }

  .notif-bell,
  .site-header__theme-btn,
  .site-header__avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
  }

  .site-header__theme-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border-radius:12px!important;
  }

  .site-header__avatar{
    margin-left:0!important;
    padding:0!important;
    border-radius:50%!important;
    overflow:hidden!important;
  }

  .site-header__avatar-img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    object-fit:cover!important;
    border-radius:50%!important;
    display:block!important;
  }
}

@media (max-width:374px){
  .site-header__logo{
    gap:6px!important;
    max-width:140px!important;
  }

  .site-header__logo img,
  .site-header__logo .site-header__logo-img,
  .notif-bell,
  .site-header__theme-btn,
  .site-header__avatar,
  .site-header__avatar-img{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    flex-basis:32px!important;
  }

  .site-header__logo span,
  .site-header__logo-text{
    font-size:16px!important;
  }

  .site-header__actions{
    gap:5px!important;
  }
}