@media (max-width: 700px){
  html,body{height:100%;overflow:hidden}
  body{min-height:100dvh}
  .app-shell{height:100dvh;min-height:0;padding:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}
  .topbar{position:relative;padding:8px 12px 7px;min-height:56px}
  .topbar .eyebrow{font-size:.58rem;margin-bottom:1px}
  .topbar h1{font-size:1.18rem}
  .avatar-button .avatar{width:40px;height:40px;border-radius:14px}
  .offline-banner,.sync-banner{margin:5px 8px 0;padding:7px 9px;font-size:.7rem}
  main{width:100%;min-height:0;overflow:hidden}
  .page{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:7px 9px 16px;scrollbar-width:none}
  .page::-webkit-scrollbar{display:none}
  .summary-hero{border-radius:19px;padding:13px 14px}
  .summary-hero .date{font-size:.7rem}
  .summary-hero h2{font-size:1.22rem;margin:3px 0 6px}
  .summary-chips{gap:5px}
  .summary-chips span{padding:5px 7px;font-size:.66rem}
  .section-block{margin-top:10px}
  .section-head{margin-bottom:5px}
  .section-head h2{font-size:.92rem}
  .card-list{gap:6px}
  .card{border-radius:14px;padding:10px}
  .card-title{font-size:.91rem}
  .card-meta{font-size:.68rem;margin-top:2px}
  .card-actions{gap:5px;margin-top:7px}
  .mini-button{padding:6px 8px;border-radius:9px;font-size:.68rem}
  .empty-state{padding:14px;border-radius:14px;font-size:.78rem}
  .bottom-nav{position:relative;height:calc(58px + var(--safe-bottom));padding:4px 7px var(--safe-bottom);grid-template-columns:1fr 1fr 58px 1fr 1fr}
  .nav-item{font-size:.57rem;gap:0}
  .nav-item span{font-size:1.05rem}
  .fab{bottom:calc(8px + var(--safe-bottom));width:50px;height:50px;border-radius:17px;border-width:4px;font-size:1.7rem}
  .planning-toolbar{gap:5px;flex-wrap:nowrap}
  .planning-toolbar strong{font-size:.72rem;text-align:center;flex:1}
  .day-tabs{gap:3px}
  .day-tabs button{padding:5px 2px;border-radius:9px}
  .mobile-day{padding:10px;border-radius:15px}
  .sheet-dialog{width:calc(100% - 10px);max-height:calc(100dvh - 10px);border-radius:20px;overflow:hidden}
  .sheet-head{padding:10px 12px}
  .sheet-head h2{font-size:1.05rem}
  .icon-button{width:33px;height:33px;border-radius:10px}
  #settingsContent,#adminMessagesContent,#detailContent,#addFormContainer{max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain}
  .setting-group{padding:10px 12px}
  .setting-group h3{font-size:.92rem;margin-bottom:5px}
  .setting-row{padding:5px 0;font-size:.82rem}
  .primary,.secondary,.danger-button,.ghost{min-height:39px;padding:8px 12px;border-radius:12px;font-size:.82rem}
  .add-type-grid{gap:7px;padding:10px}
  .add-type-grid button{padding:11px 8px;border-radius:14px}
  .form-shell{padding:10px;gap:9px}
  input,select,textarea{padding:9px 10px;border-radius:11px}
}

@media (max-height: 720px) and (max-width:700px){
  .topbar{min-height:50px;padding-top:6px;padding-bottom:5px}
  .summary-hero{padding:10px 12px}
  .summary-hero h2{font-size:1.08rem}
  .section-block{margin-top:8px}
  .bottom-nav{height:calc(54px + var(--safe-bottom))}
  .fab{width:46px;height:46px}
}

@media (max-width:700px){#todayView .section-block:has(.empty-state){margin-top:6px}#todayView .section-block:has(.empty-state) .section-head{margin-bottom:2px}#todayView .section-block:has(.empty-state) .empty-state{padding:5px 10px;min-height:28px;border-radius:10px;font-size:.68rem}#todayView .section-block:has(.empty-state) .section-head h2{font-size:.78rem}#todayView .summary-hero{padding:10px 12px}#todayView .summary-hero h2{font-size:1.05rem}.pin-form{display:grid;gap:8px;margin-top:9px}.pin-form.hidden{display:none}}

.mini-button.danger{border-color:#d9a3ad;color:#9e1b38;background:#fff5f7}