.album-cover{height:auto;aspect-ratio:1/1.04}.album-cover:after{background:linear-gradient(180deg,transparent 42%,rgba(15,16,22,.72))}.album-index,.count{text-shadow:0 1px 5px rgba(0,0,0,.9)}.count{padding:4px 7px;border-radius:5px;background:rgba(13,14,19,.48);backdrop-filter:blur(6px)}
@media (max-width:520px){
  html,body{min-width:0;width:100%;overflow-x:hidden}body{background:var(--paper)}.phone-shell{width:100%;max-width:none;min-height:100dvh;margin:0;box-shadow:none}
  .topbar{padding:24px 18px 14px;gap:12px}.topbar>div{min-width:0}.eyebrow{display:block;max-width:100%;line-height:1.45;letter-spacing:0}.topbar h1{font-size:30px;letter-spacing:0}.icon-btn{flex:0 0 40px}
  .page-wrap{min-width:0;padding:0 16px calc(96px + env(safe-area-inset-bottom))}.search-box{height:52px;margin-bottom:19px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.album-card{min-width:0;border-radius:12px}.album-info{padding:10px}.album-info b,.album-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo figcaption{display:none}.tabbar{height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);max-width:none}.toast{max-width:calc(100vw - 32px);white-space:normal;text-align:center}
}
@media (max-width:360px){.topbar{padding-left:14px;padding-right:14px}.page-wrap{padding-left:12px;padding-right:12px}.album-grid{gap:9px}.album-index{font-size:21px}.count{right:7px;font-size:10px}.album-info small{font-size:10px}.section-head{gap:8px}.section-head p{font-size:11px}.segmented button{padding:6px 8px}}
