*{box-sizing:border-box}
html,body{margin:0;min-width:900px;background:#555654;font:11px Tahoma,Verdana,Arial;color:#fff}
main{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#74838D;border:1px solid #777}
.side{background:#74838D;font-weight:500;font-size:12px}
.left{padding:10px 12px}
.mid{background:#555654;border-left:1px solid #777;padding:12px 18px}
input{border:1px solid #777}
.search{width:155px;height:19px;margin-top:6px}
.title{margin:0 0 15px}
.album{display:block;margin-top:13px;color:#000;font-weight:normal;line-height:1.2;text-decoration:none}
.count{color:#21109d;line-height:1.1;margin-bottom:6px}
.head{font-size:15px;font-weight:500;margin:0 0 20px}
.planned-head{color:#ff3b30}
.grid{position:relative;width:100%;visibility:hidden}
.grid.is-laid-out{visibility:visible}
.pic{position:absolute;display:block;margin:0;border:1px solid #777;background:#494a48;line-height:0;overflow:hidden}
.pic-static{cursor:default}
.pic img{display:block;width:100%;height:auto;border:0}
.pic-number{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:4px 5px;background:rgba(55,65,45,.68);color:#fff;font:500 9px/1.12 Tahoma,Verdana,Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;word-break:normal;pointer-events:none}
.empty{color:#ddd}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:2px}
input:focus-visible{outline:none}
.album:hover,.album:focus-visible{text-decoration:none}
.pic:focus-visible{z-index:2}
.planned{font:inherit;color:#21109d;white-space:nowrap}


.meta-nav{margin:14px 0 16px;line-height:1.35}
.meta-nav>a,.nav-link{display:block;color:#fff;font:inherit;font-weight:500;text-decoration:none;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}
.meta-nav>a:hover,.meta-nav>a:focus-visible,.nav-link:hover,.nav-link:focus-visible{text-decoration:none}
.nav-form{margin:0;padding:0}

.imprint-content{max-width:760px;color:#fff;font-size:13px;line-height:1.55}
.imprint-content h2{margin:24px 0 10px;font-size:16px}
.imprint-content h2:first-child{margin-top:0}
.imprint-content p{margin:0 0 18px}
.imprint-content a{color:#fff}

.login-content{max-width:360px;color:#fff;font-size:13px;line-height:1.45}
.login-content p{margin:0}
.login-form{display:grid;grid-template-columns:1fr;gap:6px;max-width:280px}
.login-form label{margin-top:4px}
.login-form input{width:100%;height:24px;padding:2px 5px;background:#fff;color:#111}
.login-form button{justify-self:start;margin-top:5px;padding:3px 10px;border:1px solid #777;background:#74838D;color:#fff;font:inherit;cursor:pointer}
.login-error{margin:0 0 10px;color:#fff;font-weight:700}

@media (max-width:700px){.pic-number{font-size:8px;padding:3px 4px}.mid{padding-left:12px;padding-right:12px}}


.is-anonymous .pic,.is-anonymous .pic *{cursor:default!important;-webkit-user-select:none;user-select:none}
.is-anonymous .pic img{-webkit-user-drag:none;user-drag:none;pointer-events:none}