.album-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.album-nav a{padding:10px 18px;border:1px solid #d9dce7;border-radius:30px;text-decoration:none;color:#24263b;background:white}.album-nav a.selected{background:#272142;color:white}.album-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.album-heading img{object-fit:contain}.album-stats{display:flex;flex-wrap:wrap;gap:24px;padding:18px;background:#eeebf6;border-radius:18px;margin:20px 0}.album-stats b{font-size:24px;color:#534381}.album-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.album-card{padding:12px;border:1px solid #e0dfe9;border-radius:16px;background:#fff;min-width:0}.album-card.owned{border-color:#aabd63;background:#fbfff3}.album-art{position:relative}.album-art img{width:100%;aspect-ratio:0.715;object-fit:contain;border-radius:9px}.album-card.missing .album-art img{filter:grayscale(.9);opacity:.55}.album-art>span{position:absolute;right:6px;bottom:8px;background:#deef9c;padding:4px 8px;border-radius:10px;font-size:12px}.album-card h3{font-size:14px;margin:7px 0 4px}.album-card p,.album-card>small{font-size:11px;margin:2px 0;color:#636476}.album-version{margin-top:8px;display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:center;padding:7px;border-radius:9px;background:#f3f2f7;font-size:12px}.album-version.lit{background:#e8f1c8}.album-version label{display:flex;gap:4px;align-items:center}.album-version input{width:48px;padding:5px;min-width:0;font-size:13px}.album-toggle,.album-star{border:0;border-radius:6px;padding:6px 4px;font-size:11px;cursor:pointer;background:white}.album-star{font-size:18px;padding:2px 4px}.album-star.watched{color:#b17a16}.album-version>small{grid-column:1/-1;color:#ab292e;font-weight:600}.album-paging{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:24px 0}.album-preview{overflow:auto;max-height:420px}.album-preview td small{display:block}.album-errors{padding:12px;border-radius:12px;background:#ffede6;color:#a73328;max-height:220px;overflow:auto}.album-import{padding:22px;background:white;border-radius:18px;border:1px solid #e2dfeb;max-width:1000px}.album-download{display:flex;gap:12px;flex-wrap:wrap}.album-import form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:22px 0}.album-import input[type=file]{display:block}.album-notices article{display:flex;justify-content:space-between;gap:15px;padding:20px;border-radius:14px;border:1px solid #dedce8;margin:12px 0;background:white}.album-notices .unread{border-left:5px solid #8b6dc4;background:#faf7ff}.album-notices small{color:#737385}.album-notices .read{opacity:.75}.album-import-result{overflow:auto}@media(max-width:1200px){.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:750px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.album-card{padding:8px}.album-version{grid-template-columns:1fr auto auto;padding:5px;gap:3px}.album-version input{width:42px}.album-nav a{font-size:13px;padding:8px 12px}.album-heading h1{font-size:25px}.album-heading img{width:65px;height:65px}.album-heading p{font-size:13px}.album-stats{gap:14px;font-size:13px}.album-notices article{padding:14px;flex-direction:column}}

.mailbox-list{display:grid;gap:10px}.mailbox-summary{display:grid;grid-template-columns:160px 1fr auto 65px;gap:12px;padding:18px;border:1px solid #e2deeb;background:#fff;border-radius:14px;text-align:left;align-items:center;cursor:pointer;color:#24263b}.mailbox-summary.unread{border-left:5px solid #8b6dc4;background:#faf7ff}.mailbox-summary small{color:#737385}.mailbox-body{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f5fa;border-radius:12px;padding:18px;margin:16px 0;max-height:50vh;overflow:auto}#mailbox-compose-form textarea,#mailbox-reply-form textarea{width:100%;margin:8px 0;resize:vertical}#mailbox-compose-form label{display:block;margin:12px 0}@media(max-width:750px){.mailbox-summary{grid-template-columns:1fr auto;gap:8px;padding:14px}.mailbox-summary strong{grid-column:1/-1;grid-row:2}.mailbox-summary small{font-size:11px}}

.member-name-link{display:inline-flex;align-items:center;gap:6px}.member-mail-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#dc2626;color:#fff;font-size:12px;font-weight:800;line-height:1;vertical-align:middle;box-shadow:0 0 0 2px #171c36;cursor:pointer}.member-mail-unread:focus-visible{outline:2px solid #fff;outline-offset:3px}