:root {
    font-family:system-ui,sans-serif;
    color:#e8edf6;
    background:#10151e;
}
* {
    box-sizing:border-box;
}
body {
    margin:0;
}
main {
    max-width:850px;
    margin:auto;
    padding:24px;
}
h1 {
    font-size:1.8rem;
}
p {
    color:#b4bdce;
}
button,input {
    font:inherit;
}
button {
    border:0;
    border-radius:10px;
    padding:11px 17px;
    background:#5c8ef7;
    color:white;
    cursor:pointer;
}
button:disabled {
    opacity:.45;
}
input[type=password],input[type=file] {
    padding:12px;
    background:#202a38;
    color:white;
    border:1px solid #455267;
    border-radius:9px;
    max-width:100%;
}
.panel {
    background:#1c2532;
    border-radius:15px;
    padding:20px;
    margin:15px 0;
}
.toolbar {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}
.muted {
    color:#b4bdce;
}
.photos {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(125px,1fr));
    gap:12px;
}
.photo {
    background:#263243;
    padding:8px;
    border-radius:10px;
}
.photo img {
    width:100%;
    height:120px;
    object-fit:cover;
    border-radius:6px;
}
.photo button {
    font-size:12px;
    padding:7px;
    margin:4px 2px;
}
.hidden {
    display:none!important;
}
a {
    color:#9bbcff;
}
label {
    display:inline-flex;
    align-items:center;
    gap:8px;
}
#msg {
    margin-top:12px;
}