#album-screen{min-height:calc(100vh - 110px);padding:26px 34px;background:#111a25;color:#dfe6e9}.album-layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:96px minmax(620px,1fr) minmax(340px,.48fr);border:1px solid #536170;background:#111923;min-height:760px}.album-tabs{border-right:1px solid #536170;padding:62px 10px 10px;display:flex;flex-direction:column;gap:14px}.album-tabs button{height:84px;background:#1b2632;color:#7e8b98;border:1px solid #536170;font:28px Georgia,serif}.album-tabs button.active{color:#edf4f2;border-color:#a7d6cd;box-shadow:inset 4px 0 #a7d6cd}.album-library{padding:62px 22px 28px;border-right:1px solid #536170}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:14px}.memory-card{position:relative;min-height:126px;padding:0;background:#202a35;border:1px solid #536170;color:#b9c1c7;overflow:hidden;text-align:left}.memory-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(.42) brightness(.76)}.memory-card b{display:block;padding:7px 8px 5px;font-size:10px;line-height:1.25;letter-spacing:.035em}.memory-card.locked{display:grid;place-items:center;text-align:center;background:#202933;color:#72808c}.memory-card.locked small{padding:0 12px 10px;font-size:9px}.memory-card.selected,.memory-card:hover{border-color:#a7d6cd;box-shadow:inset 0 0 0 1px #a7d6cd}.memory-card.selected img{filter:saturate(.72) brightness(.96)}.album-lock{font-size:30px}.album-marks{display:flex;gap:5px;padding:0 8px 7px}.album-marks i{width:7px;height:7px;border:1px solid #66737f;border-radius:50%;opacity:.35}.album-marks .white.on{background:#edf2ef;opacity:1}.album-marks .green.on{background:#8ecbb5;opacity:1}.album-marks .red.on{background:#c98686;opacity:1}.album-side-title{margin:28px 0 10px;color:#93a6b3}.album-side-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.album-side-grid .memory-card{min-height:104px}.album-side-grid .memory-card img{height:70px}.album-detail{padding:54px 28px;display:flex;flex-direction:column}.album-detail img{width:100%;height:270px;object-fit:cover;border:1px solid #73808c;background:#202933}.album-detail img.locked{filter:grayscale(1) brightness(.25)}.album-detail h2{font-size:25px;margin:25px 0 10px}.album-detail p{color:#9ca8b0;line-height:1.65;min-height:74px}.album-detail .album-marks{padding:8px 0}.album-progress-line{margin-top:auto;border-top:1px solid #536170;padding-top:22px}.album-progress-line strong{font:22px monospace}.album-progress-bar{height:14px;border:1px solid #536170;margin:12px 0 20px}.album-progress-bar i{display:block;height:100%;background:#9bcabe}.album-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.album-actions button{min-height:54px}.album-keepsakes{font-size:10px;letter-spacing:.08em;color:#aab7bd;border-top:1px solid #3c4854;padding-top:16px;margin-top:10px}@media(max-width:1080px){.album-layout{grid-template-columns:76px 1fr}.album-detail{grid-column:1/-1;border-top:1px solid #536170}.album-tabs button{height:62px}.album-library{padding-top:30px}}@media(max-width:760px){#album-screen{padding:12px}.album-grid{grid-template-columns:repeat(2,1fr)}}
.album-replay-dialog{width:min(1000px,92vw);padding:0;border:1px solid #687a84;background:#111923;color:#e8eeec}.album-replay-dialog::backdrop{background:#03070bd9}.album-replay-dialog img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#090f16}.album-replay-dialog>div{padding:22px 28px}.album-replay-dialog h2{margin:5px 0}.album-replay-dialog p{color:#aeb9be}.album-replay-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border:1px solid #81929a;background:#15202a;color:#fff;font-size:26px}
.album-actions .primary{background:#b5d0c8;border-color:#b5d0c8;color:#111923}.album-actions .secondary{background:#111923;border-color:#536170;color:#c6d2d2}.album-replay-dialog .eyebrow{color:#a7d6cd}