/* Mobile/PWA refinements layered over the existing visual system. */
@media(max-width:900px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-x:hidden}
  .topbar{height:auto;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}
  .brand-mark{width:34px;height:34px}.brand strong{font-size:14px}.brand small{font-size:10px}.topbar .local-pill{font-size:10px;padding:3px 7px}.layout{display:block;min-height:auto}
  .sidebar{position:fixed;z-index:20;left:0;right:0;bottom:0;height:calc(58px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:start;overflow:visible;padding:5px 7px env(safe-area-inset-bottom);background:rgba(245,240,233,.96);border:1px solid var(--line);border-width:1px 0 0;box-shadow:0 -8px 25px rgba(61,42,30,.09);backdrop-filter:blur(14px)}
  .nav{min-width:0;min-height:46px;margin:0;padding:7px 3px;text-align:center;white-space:normal;font-size:12px;line-height:1.2;border-radius:9px}.nav:first-child{font-size:0}.nav:first-child:after{content:'首页';font-size:12px}
  .content{padding:24px 15px 30px;max-width:100%}.hero{padding:25px 21px;min-height:170px;border-radius:14px}.hero h1,.section-heading h1{font-size:25px;line-height:1.25}
  .panel{margin-top:16px;padding:17px;border-radius:11px}.panel-title,.section-heading{gap:12px;flex-direction:column}.panel-title>.ghost{align-self:flex-start}
  .summary-grid,.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary,.ghost,.upload,.apple-button{min-height:44px;padding:11px 14px}
  .wb-actions{align-items:stretch}.wb-actions .status{width:100%;margin:0}.asset-menu{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.asset-menu button{white-space:nowrap;min-height:42px}
  .asset-layout{display:block}.asset-list{width:100%;display:flex;overflow-x:auto;padding:8px;margin-bottom:14px}.asset-list button{width:auto;min-width:max-content;min-height:42px;padding:9px 14px}
  .compact-grid{grid-template-columns:1fr!important}.shot{padding:16px;overflow:hidden}.shot-header{align-items:flex-start}.shot .wb-actions>*{flex:1 1 calc(50% - 6px);text-align:center}.shot .wb-actions .status{display:none}
  .prose,.prompt{font-size:13px;line-height:1.75;overflow-wrap:anywhere}.shot-image{width:100%;max-width:100%;max-height:420px}
  .account-card{align-items:flex-start;flex-wrap:wrap}.account-card .apple-button,.account-card>.ghost{width:100%}.pwa-status{grid-template-columns:repeat(3,minmax(0,1fr))}
  .toast{left:14px;right:14px;bottom:calc(72px + env(safe-area-inset-bottom));text-align:center}
}
@media(max-width:900px) and (orientation:landscape){
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.topbar{min-height:52px;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}.brand small{display:none}
  .sidebar{height:calc(50px + env(safe-area-inset-bottom));padding-top:3px}.nav{min-height:40px}.content{padding-top:18px}.hero{min-height:140px}.hero p{margin-bottom:0}
}