/* kaos: photo album shelves */
#gallery .galbar{display:flex;align-items:center;gap:10px;padding:8px 12px;flex:none}
#gallery .galT{flex:1;margin:0;font:900 clamp(22px,5.5vw,32px)/1.1 system-ui,sans-serif;color:#2b2240;text-align:center}
#gallery .galN{font:800 15px system-ui,sans-serif;color:#6a5a80;min-width:3ch}
#gallery .galShelves{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:8px 14px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}
#gallery .shelf{position:relative;padding:14px 12px 22px;border-radius:28px;background:linear-gradient(180deg,#fff7ef 0%,#f3e2d2 72%,#e4c9b0 100%);box-shadow:0 10px 0 #c9a88a,0 16px 28px #6a3f9a22;display:flex;flex-direction:column;gap:10px}
#gallery .shelfH{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px}
#gallery .shelfH b{font:900 18px system-ui,sans-serif;color:#5a3d2b}
#gallery .shelfH small{font:700 13px system-ui,sans-serif;color:#8a6a55}
#gallery .shelfRow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:flex-start;min-height:110px}
#gallery .shelfPic{width:min(28vw,132px);aspect-ratio:1;border:0;padding:0;background:#fff;border-radius:18px;box-shadow:0 4px 0 #0001,0 8px 16px #6a3f9a28;overflow:hidden;cursor:pointer;position:relative;flex:none}
#gallery .shelfPic img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
#gallery .shelfPic:active{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #0001,0 4px 10px #6a3f9a22}
#gallery .shelfLip{position:absolute;left:8px;right:8px;bottom:6px;height:10px;border-radius:8px;background:linear-gradient(180deg,#d2b49a,#b89272);box-shadow:inset 0 1px 0 #fff6}
#gallery .gempty{text-align:center;margin:10vh auto 0;max-width:320px;padding:24px 18px;border-radius:28px;background:#fff8f0;box-shadow:0 8px 0 #e4c9b0}
#gallery .gempty .gic{width:100px;margin:0 auto 8px;opacity:.85}
#gallery .gempty p{font:800 20px system-ui,sans-serif;margin:8px 0 0;color:#2b2240}
@media (orientation:landscape){
 #gallery .shelfPic{width:min(18vw,120px)}
 #gallery .galShelves{padding-top:4px;gap:16px}
}