.album-page{max-width:1000px;margin:0 auto;padding:34px 22px 110px;color:#f8f4ff;min-height:100dvh;background:#100e19}.album-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.album-eyebrow{font-size:10px;letter-spacing:.2em;color:#b9a5d1}.album-header h1{font-size:30px;margin:7px 0 10px;letter-spacing:-.04em}.album-header p{font-size:13px;color:#c4b9d0;line-height:1.6;margin:0}.album-header .button{font-size:12px;white-space:nowrap}.album-tools{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#c4b9d0;font-size:12px}.album-tools select{color:#fff;background:#272133;border:1px solid #493c59;border-radius:18px;padding:9px 28px 9px 12px;max-width:220px}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 15px}.album-card{min-width:0;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.album-card-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#3c2c50,#21172e)}.album-card-image img{position:absolute;width:100%;height:100%;object-fit:cover}.album-image-placeholder{font-size:36px;color:#a98ec4}.album-play{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffdf;color:#42304f;font-size:12px;padding-left:2px;box-shadow:0 3px 20px #0003}.album-card:hover .album-play{background:white;transform:scale(1.08)}.album-card:focus-visible{outline:2px solid #cfabff;outline-offset:5px;border-radius:15px}.album-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 2px 0;font-size:12px}.album-card-meta time{color:#b7a8c4;font-size:10px}.album-empty{text-align:center;margin:70px auto;color:#c4b9d0}.album-empty>span{font-size:44px;color:#a789c5}.album-empty h2{font-size:18px;color:#f2e9ff}.album-empty p{font-size:13px}.album-status{text-align:center;font-size:13px;color:#ccbada;padding-top:12px;min-height:20px}.album-more{display:block;margin:12px auto}.album-viewer{padding:0;border:1px solid #ffffff26;border-radius:20px;background:#16111d;color:#fff;width:min(450px,94vw);max-height:94dvh;overflow:auto}.album-viewer::backdrop{background:#08040dd9;backdrop-filter:blur(10px)}.album-viewer header{display:flex;justify-content:space-between;align-items:center;padding:16px}.album-viewer header div{display:flex;flex-direction:column;gap:5px}.album-viewer header strong{font-size:16px}.album-viewer header span{font-size:11px;color:#c4b9d0}.album-viewer header button{border:0;background:#ffffff14;border-radius:50%;color:white;font-size:24px;width:36px;height:36px;cursor:pointer}.album-viewer video{width:100%;display:block;max-height:calc(90dvh - 85px);background:#000;object-fit:contain}.album-video-error{font-size:13px;color:#f3c6de;padding:12px 16px}.album-thumb{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none;background:linear-gradient(135deg,#bda5e2,#6e4c94);border-radius:8px;width:27px;height:27px;color:white}.album-thumb img{width:100%;height:100%;object-fit:cover}.album-thumb svg{width:19px;height:19px}.call-album-button{display:inline-flex;align-items:center;gap:6px;padding:5px 8px!important;font-size:11px}.call-album-button .album-thumb{width:31px;height:37px;border-radius:6px}.album-detail-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;width:100%}.resume-companion{display:flex;align-items:center;gap:15px;margin:0 0 22px;padding:16px;border:1px solid #d4b7fa33;border-radius:19px;background:linear-gradient(120deg,#2c223b,#1a1628);color:#f7efff;text-align:left;width:100%;cursor:pointer}.resume-companion img{width:52px;height:62px;object-fit:cover;border-radius:10px}.resume-companion span{display:flex;flex-direction:column;gap:7px;flex:1}.resume-companion small{color:#c3a9df;font-size:11px}.resume-companion strong{font-size:16px;font-weight:600}.resume-companion b{font-size:20px;color:#c6a4ec}.call-price-hint{font-size:10px;line-height:1.5;color:#fffce2;text-shadow:0 1px 5px #000b;text-align:center;margin:5px 0 0}.wallet-pricing-explainer{padding:12px 14px;background:#f6f2fb;border-radius:12px;font-size:12px;color:#65516f;line-height:1.8;margin:12px 0}.wallet-pricing-explainer strong{color:#362142}.wallet-pack small.wallet-pack-label{color:#7b4bb0;font-weight:600;margin-bottom:4px}.wallet-purchase-context{padding:12px 14px;border:1px solid #e4d5f2;border-radius:12px;font-size:13px;line-height:1.6}.wallet-packs{margin-top:14px}.wallet-pack .wallet-pack-example{font-size:10px;color:#82718d;line-height:1.5;margin-top:5px}.wallet-policy-note{font-size:11px;color:#82718d;line-height:1.65}.wallet-reassurance{font-size:11px;line-height:1.65}
@media(max-width:650px){.album-page{padding:26px 18px 105px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.album-header h1{font-size:27px}.album-header{align-items:flex-start;flex-wrap:wrap;gap:12px}.album-header p{font-size:12px}.album-header .button{padding:9px 12px}.call-album-button>span:last-child{display:none}.call-album-button{padding:4px!important}.call-top-actions{gap:5px!important}.resume-companion{margin-bottom:18px;padding:13px}.resume-companion strong{font-size:14px}}
.main-nav{gap:clamp(16px,7vw,100px)}.main-nav button{min-width:64px;padding-inline:12px}

body.album-open{background:#100e19}.album-page{padding-top:calc(34px + var(--install-ribbon-height,0px) + env(safe-area-inset-top,0px))}@media(max-width:650px){.album-page{padding-top:calc(26px + var(--install-ribbon-height,0px) + env(safe-area-inset-top,0px))}}
@media(max-width:650px){.call-top{gap:8px}.call-identity{gap:6px;min-width:0;flex:1}.call-identity>img{width:32px;height:32px;flex-shrink:0}.call-identity>div{flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.call-identity h1{font-size:16px;white-space:nowrap;max-width:6em;overflow:hidden;text-overflow:ellipsis}.call-top-actions{flex-shrink:0}.call-top-actions .end-button{font-size:11px;padding:9px 8px}.call-album-button{min-width:44px;min-height:44px}}@media(max-width:350px){.call-identity>img{display:none}}
