body{margin:0;font-family:sans-serif;background:#fff;color:#000}@media (prefers-color-scheme: dark){body{background:#161220;color:#f0e0ff}a:link{color:#f29098}}#app{display:flex;margin:0 20px 20px;gap:20px}h1{font-size:18pt}#image-browser{flex:1;max-width:570px;text-align:right}#image-detail{align-self:flex-start;position:sticky;top:0;flex:2}#image-meta{padding:10px;display:flex;align-items:stretch;gap:2em}#image-meta>*{display:block}.image-masonry{display:flex;width:100%}.gallery-item{margin:0;padding:10px}img#detail-image{max-width:100%;max-height:70vh}img.list-thumb{max-width:100%;max-height:100%;cursor:pointer}@media screen and (max-width: 800px){body.detail-show{overflow:hidden}#app{display:block}#image-detail{position:fixed;background:#fff;left:0;bottom:0;height:100vh;width:100vw}#image-detail.detail-hide{display:none}#image-detail>p{margin:5px}img#detail-image{display:block;margin:auto;max-width:95%;max-height:70vh}}div.filters{display:grid;grid:auto-flow / 0fr 1fr;gap:10px;padding:10px}p.error{text-align:left;padding:10px;background:#ffd0d8;color:#000}p.info{text-align:left;padding:10px;background:#e3e0ff;color:#000}#welcome{padding:20px;margin:auto;max-width:500px}div.handle{padding:10px;display:grid;grid:auto-flow / 1fr 0fr;gap:10px}div.handle>input[type=text]{font-size:16pt}div.handle>input[type=submit]{padding-left:10px;padding-right:10px}p.author{text-align:right}