.scene{background:linear-gradient(125deg,#182334,#292132 30%,#3d302c 55%,#1b2f37 80%,#1d1d1f);background-size:350% 350%;animation:gradient-drift 45s ease-in-out infinite}
@keyframes gradient-drift{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}
.orb{display:none}.sample{animation:none;transform:none}.sample p{font-size:13px;line-height:1.8;color:#b9b9c2}.art>p{max-width:340px}.nav button.active{color:#fff}.transfer-list{display:grid;gap:16px}.transfer-item{border-radius:25px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.transfer-item h2{font-size:20px;font-weight:500;margin:0 0 10px;overflow-wrap:anywhere}.transfer-item p{color:#b5b5be;font-size:12px;line-height:1.8;margin:6px 0}.transfer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.action{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#eee;text-decoration:none;min-height:40px}.action:hover{background:#fff2}.action:disabled,.primary:disabled{opacity:.5;cursor:wait;transform:none}.danger{color:#ffb4b4}.empty-state{padding:50px 25px;text-align:center;border-radius:26px;color:#bbb;line-height:1.8}.file-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.file-line button{padding:2px 8px;background:none;border:0;color:#bbb}.file-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files{max-height:160px}#progress{margin-top:20px;font-size:12px;color:#bccfe7}progress{display:block;width:100%;height:7px;margin:14px 0 16px;accent-color:#2995ff}#progress .action{font-size:11px}.progress-copy{line-height:1.8}#detail-dialog{width:min(600px,calc(100vw - 32px));border-radius:28px;padding:30px;background:#252833f2;color:#f5f5f7;max-height:90vh;overflow:auto}dialog::backdrop{background:#050a146b;backdrop-filter:blur(10px)}dialog h2{font-size:26px;letter-spacing:-.6px;font-weight:500;margin:0 0 14px}dialog p{line-height:1.7;color:#aaa;font-size:13px}dialog .field{margin-top:16px}dialog .primary{margin-bottom:20px}dialog .transfer-actions{justify-content:flex-start;margin:20px 0}dialog ul{color:#bbb;font-size:12px;line-height:1.8;max-height:130px;overflow:auto;padding-left:18px}#photo-dialog{border:0;background:#111b;color:#eee;border-radius:22px;padding:15px;max-width:95vw;max-height:95vh}#photo-dialog img{display:block;max-width:85vw;max-height:76vh;object-fit:contain;margin-top:15px}#photo-dialog p{margin-bottom:0}.delivery-head{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:35px}.delivery-head h1{font-size:clamp(32px,5vw,54px);letter-spacing:-1.5px;font-weight:500;overflow-wrap:anywhere;margin:16px 0}.delivery-head p{color:#bbb;font-size:13px;line-height:1.8}.delivery-head .action{flex-shrink:0;margin-top:35px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.delivery-file{border-radius:20px;padding:13px;min-width:0}.delivery-file .photo-open{width:100%;padding:0;border:0;background:#fff1;border-radius:12px;overflow:hidden;height:190px;display:block}.photo-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.photo-open:hover img{transform:scale(1.04)}.file-symbol{display:grid;place-items:center;height:130px;font-size:35px;color:#b9c9e3;background:#ffffff05;border-radius:12px}.delivery-file h2{font-weight:500;font-size:13px;margin:16px 0 7px;overflow-wrap:anywhere}.delivery-file p{font-size:11px;color:#aaa;margin:0 0 12px}.delivery-file>.action{width:100%;font-size:12px}.lock-card{max-width:450px;margin:70px auto;padding:32px;border-radius:28px}.result a{color:#a8d1ff;overflow-wrap:anywhere}.result .action{margin-top:12px}.status.muted{color:#ccc;background:#fff1;border-color:#fff2}.subtitle{font-size:12px;color:#b6b6be;margin:12px 0}.upload-warning{color:#ffcaa0;font-size:12px;line-height:1.7}.local-notice{font-size:11px;color:#aaa;margin-top:28px;line-height:1.8}#close-photo{float:right}.link-input{font-size:12px;width:100%;margin-top:10px}#detail-dialog small{color:#b9b9c4} .notice{line-height:1.8}
@media(max-width:680px){.transfer-item{align-items:stretch;flex-direction:column}.transfer-actions{justify-content:flex-start}.delivery-head{flex-direction:column;gap:0}.delivery-head .action{margin-top:5px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.delivery-file{padding:10px}.delivery-file .photo-open{height:150px}.art{padding-top:0}#detail-dialog{padding:23px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat b{font-size:23px}.wrap{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.scene{animation:none}.photo-open img{transition:none}}
@media(prefers-reduced-transparency:reduce){.glass{background:#292b32!important}}
input[type=number]{width:100%;border:1px solid #ffffff20;background:#ffffff08;border-radius:13px;padding:13px 14px;color:#eee}.payment-note{font-size:11px;line-height:1.8;color:#cecae1;background:#ae9cd010;border:1px solid #ffffff12;border-radius:12px;padding:12px 14px}.payment-card{max-width:520px}.payment-card h1{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-1px;overflow-wrap:anywhere}.payment-price{font-size:48px;letter-spacing:-2px;margin:25px 0;font-weight:500}.payment-card .primary{justify-content:center}.payment-card>.action{width:100%;margin-top:14px}.payment-card .local-notice{margin-top:18px}#payment-fields{padding-bottom:10px}
/* Geometry mirrors the Gialappa’s standalone gallery, with Transfer’s glass controls. */
.transfer-gallery{padding-bottom:95px}.delivery-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 23px;border-radius:24px;margin:0 0 26px}.gallery-summary{display:grid;gap:6px;font-size:13px}.gallery-summary strong{font-weight:500}.gallery-summary small{font-size:10px;color:#b6b8c2}.gallery-tool-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.gallery-tool-actions .action{font-size:12px}.transfer-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(280px,35vw,510px);grid-auto-flow:dense;gap:12px;padding-bottom:18px}.transfer-tile{position:relative;border-radius:18px;overflow:hidden;background:#ffffff08;isolation:isolate;min-width:0}.transfer-tile:nth-child(7n+1),.transfer-tile:nth-child(7n){grid-column:span 2}.transfer-image{width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;display:block}.transfer-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.65,.3,1)}.transfer-image:hover img{transform:scale(1.025)}.transfer-pick{position:absolute;top:13px;left:13px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid #ffffffb3;background:#18263b80;backdrop-filter:blur(14px);cursor:pointer}.transfer-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.transfer-pick span{width:18px;height:18px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:5px;background:#ffffff12;pointer-events:none}.transfer-pick svg{width:16px;height:16px;opacity:0;color:white}.transfer-pick input:checked+span{background:#0071e3;border-color:#b6d9ff}.transfer-pick input:checked+span svg{opacity:1}.transfer-pick:focus-within{outline:3px solid #79baff;outline-offset:3px}.is-picked{outline:3px solid #6798f3;outline-offset:-3px}.transfer-download{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:white;background:#14233487;border:1px solid #ffffff70;backdrop-filter:blur(14px);text-decoration:none}.transfer-download:hover{background:#0071e3b0}.transfer-mosaic.is-compact{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:8px}.transfer-mosaic.is-compact .transfer-tile:nth-child(n){grid-column:auto;aspect-ratio:1;min-height:0;border-radius:12px}.is-compact .transfer-download{width:30px;height:30px;right:5px;bottom:5px;border-radius:9px}.is-compact .transfer-download svg{width:16px;height:16px}.is-compact .transfer-pick{top:5px;left:5px;width:30px;height:30px}.transfer-documents{margin-top:24px}.transfer-documents>h2{font-size:20px;font-weight:500;margin:24px 0 20px}.transfer-document{position:relative}.transfer-selection-dock{position:fixed;z-index:30;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;width:max-content;max-width:calc(100vw - 32px);border-radius:22px;padding:15px 20px;background:#242c3de8;backdrop-filter:blur(30px)}.transfer-selection-dock>div{display:grid;gap:5px;min-width:0}.transfer-selection-dock strong{font-size:13px;font-weight:500}.transfer-selection-dock span{font-size:11px;color:#c1c9d8}.transfer-selection-dock .action{font-size:12px;white-space:nowrap}.transfer-selection-dock>a{background:#0071e3b0}.transfer-mosaic-zoom{position:fixed;z-index:25;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:54px;height:54px;padding:0;border-radius:50%;color:#ddecff;background:#24324ab8;border:1px solid #ffffff80;transition:transform .2s}.transfer-mosaic-zoom:hover{transform:translateY(-2px)}.has-selection .transfer-mosaic-zoom{bottom:calc(110px + env(safe-area-inset-bottom,0px))}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.photo-opened{overflow:hidden}#photo-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:60px 24px 115px;border-radius:0;background:#07101ce8;overflow:hidden;border:0}#photo-dialog[open]{display:flex;align-items:center;justify-content:center}#photo-dialog>img{display:block;max-width:94vw;max-height:calc(100dvh - 200px);object-fit:contain;margin:0;touch-action:pan-y pinch-zoom}.transfer-lightbox-close{position:absolute;right:22px;top:18px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;background:#ffffff14;font-size:25px;z-index:2}.transfer-lightbox-bar{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:22px;max-width:calc(100vw - 32px);width:max-content;background:#233149d9}.transfer-lightbox-bar>div{display:grid;gap:5px;min-width:100px;max-width:270px}.transfer-lightbox-bar strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-lightbox-bar span{font-size:11px;color:#bacadd}.transfer-lightbox-bar .action{font-size:11px;white-space:nowrap}.transfer-lightbox-bar button[aria-pressed=true]{background:#0071e380;border-color:#90c6ff}
@media(max-width:1000px){.transfer-mosaic{grid-auto-rows:36vw;gap:10px}.transfer-lightbox-bar{gap:8px}.transfer-lightbox-bar>div{max-width:140px}}
@media(max-width:680px){.delivery-tools{align-items:stretch;flex-direction:column;padding:17px;gap:15px}.gallery-tool-actions{justify-content:flex-start}.transfer-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:54vw;gap:7px}.transfer-tile{border-radius:13px}.transfer-tile:nth-child(7n+1),.transfer-tile:nth-child(7n){grid-column:auto}.transfer-tile:nth-child(5n+1){grid-column:span 2}.transfer-mosaic.is-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.transfer-mosaic.is-compact .transfer-tile:nth-child(n){border-radius:8px}.transfer-pick{top:9px;left:9px;width:32px;height:32px}.transfer-download{right:9px;bottom:9px}.transfer-selection-dock{gap:9px;padding:12px;left:16px;right:16px;transform:none;width:auto;max-width:none}.transfer-selection-dock>div{flex:1}.transfer-selection-dock strong{font-size:12px}.transfer-selection-dock .action{font-size:11px;padding:9px}.transfer-mosaic-zoom{right:17px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:48px;height:48px}.transfer-lightbox-bar{flex-wrap:wrap;justify-content:center;width:calc(100vw - 32px);padding:12px;gap:8px}.transfer-lightbox-bar>div{flex:1;max-width:calc(100% - 120px)}.transfer-lightbox-bar>a{margin:0}.transfer-lightbox-bar .action{min-height:38px}.transfer-gallery{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.transfer-image img,.transfer-mosaic-zoom{transition:none}}
.mosaic-local-controls{position:sticky;top:12px;z-index:25;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 14px;padding:8px 12px;border:1px solid #ffffff22;border-radius:18px;background:#242a39e6;backdrop-filter:blur(24px);width:max-content;max-width:100%;margin-left:auto}.mosaic-local-controls>span{font-size:11px;color:#d2dbea}.mosaic-local-controls .transfer-mosaic-zoom{position:static;right:auto;bottom:auto;flex-shrink:0;width:44px;height:44px;transform:none}.mosaic-local-controls .transfer-mosaic-zoom:hover{transform:scale(1.04)}.album-back-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px}.album-back-row .action{font-size:12px}.album-cover{width:100%;height:clamp(220px,32vw,440px);border-radius:28px;overflow:hidden;margin-bottom:28px;background:#ffffff08}.album-cover img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.album-admin-tools{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-radius:18px;padding:16px 20px;margin-bottom:18px;font-size:12px;color:#c9d8ec}.album-admin-tools .action{font-size:11px}.album-cover-pick{position:absolute;left:12px;bottom:12px;z-index:4;border:1px solid #ffffff80;border-radius:10px;padding:10px 12px;background:#17253ac9;color:#eef5ff;backdrop-filter:blur(12px);font-size:11px;max-width:calc(100% - 78px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-cover-pick[aria-pressed=true]{background:#0071e3dc;border-color:#b5d8ff}.is-compact .album-cover-pick{left:5px;bottom:5px;font-size:9px;padding:7px 5px;max-width:calc(100% - 44px)}
@media(max-width:680px){.mosaic-local-controls{top:8px}.album-cover{height:240px;border-radius:20px}.album-admin-tools{padding:14px}.album-cover-pick{left:9px;bottom:9px;font-size:10px;padding:9px}.album-back-row{gap:9px}}
.transfer-item-cover{width:110px;height:95px;object-fit:cover;border-radius:15px;flex-shrink:0}.transfer-item:has(.transfer-item-cover)>div:first-of-type{flex:1}
@media(max-width:680px){.transfer-item-cover{width:100%;height:180px;object-position:center 30%}}
/* Cover fills the available width; the foreground photo retains its whole frame. */
.album-cover.album-cover-full{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:clamp(360px,74svh,920px);border-radius:0;isolation:isolate}
.album-cover-full .album-cover-backdrop{position:absolute;inset:0;object-fit:cover;filter:blur(30px);transform:scale(1.1);opacity:.48}
.album-cover-full .album-cover-photo{position:absolute;inset:0;object-fit:contain;object-position:center}
.album-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#08122535 60%,#081225ec 100%);pointer-events:none}
.album-cover-full .delivery-head{position:absolute;inset:auto 0 0;max-width:1250px;margin:auto;padding:24px 36px clamp(24px,5vw,70px);color:#fff}
.album-cover-full .delivery-head h1{margin:12px 0}.album-cover-full .delivery-head p{color:#e1e9f7;margin-bottom:0}
.mosaic-zoom-dock{position:sticky;z-index:25;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;justify-content:flex-end;align-items:center;padding-right:12px;height:56px;margin-top:-66px;margin-bottom:10px;pointer-events:none}
.mosaic-zoom-dock .transfer-mosaic-zoom{position:static;pointer-events:auto;flex-shrink:0;background:#24324aeb}
.has-selection .mosaic-zoom-dock{bottom:calc(106px + env(safe-area-inset-bottom,0px))}
.transfer-item:has(.transfer-item-cover){position:relative;overflow:hidden;background:#252a36}
.transfer-item .transfer-item-cover{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 35%;border-radius:inherit;opacity:.26;mask-image:linear-gradient(90deg,#0007,#000 78%);pointer-events:none}
.storage-panel{padding:24px 27px;border-radius:24px;margin-bottom:24px}.storage-head,.storage-numbers{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.storage-head h2{margin:9px 0;font-size:21px;font-weight:500}.storage-head p,.storage-explanation{font-size:12px;line-height:1.7;color:#c3c3cd}.storage-head strong{font-size:21px;font-weight:500}.storage-panel progress{height:11px;margin:14px 0}.storage-panel.storage-over progress{accent-color:#ffb074}.storage-numbers{font-size:13px;color:#ddd}.storage-numbers strong{color:#fff}.storage-input{max-width:290px}.storage-explanation a{color:#a8d1ff}
@media(max-width:680px){.album-cover.album-cover-full{height:clamp(320px,64svh,600px)}.album-cover-full .delivery-head{padding:20px}.mosaic-zoom-dock{height:48px;margin-top:-56px;padding-right:8px}.storage-panel{padding:20px}}
.mosaic-zoom-dock{margin-top:0}
.mosaic-stage:has(.is-compact) .mosaic-zoom-dock{width:calc(min(6,var(--photo-count)) * ((100% + 8px) / 6) - 8px)}
@media(max-width:680px){.mosaic-stage:has(.is-compact) .mosaic-zoom-dock{width:calc(min(4,var(--photo-count)) * ((100% + 5px) / 4) - 5px)}}
.album-cover-full .album-cover-photo{object-fit:cover;object-position:center 40%}
.album-overlay-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.delivery-head .album-overlay-actions .action{margin-top:0;background:#132033c9;border-color:#ffffff58;backdrop-filter:blur(12px)}
.delivery-head .album-overlay-actions .action:hover{background:#315780}
.delivery-head{align-items:flex-end}
.album-cover-shade{background:linear-gradient(180deg,transparent 30%,#08122548 55%,#081225ed 100%)}
.photo-review-action{position:absolute;top:13px;right:12px;z-index:4;padding:8px 10px;border-radius:10px;border:1px solid #ffffff80;background:#17253ae6;color:white;font-size:11px}
.photo-review-action.pending,.photo-review-action.replaced,.revision-request{background:#623515;color:#ffdfab;border-color:#ffbf78}
.photo-review-action.done{background:#164638;border-color:#91e5bc;color:#d8ffed}
.is-compact .photo-review-action{top:auto;bottom:40px;right:5px;max-width:calc(100% - 10px);font-size:10px;padding:5px}
.light-review-slot:empty{display:none}.light-review-slot .photo-review-action{position:static}
.revision-dialog{width:min(550px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:#21283a;color:#f3f5fa;border-radius:24px;padding:25px}
.revision-text{width:100%;padding:12px;border-radius:12px;background:#0e1727;color:white;border:1px solid #ffffff48;font:inherit}
.revision-comment{white-space:pre-wrap;overflow-wrap:anywhere}
.review-notice{display:inline-block;color:#ffdcad;background:#603719b0;border:1px solid #d5965f7d;padding:5px 9px;border-radius:10px;font-size:11px}
@media(max-width:680px){.album-overlay-actions{justify-content:flex-start;margin-top:12px}.photo-review-action{top:9px;right:9px}.light-review-slot{flex-basis:100%;text-align:center}}
.transfer-item-open{cursor:pointer}
.transfer-album-link{color:inherit;text-decoration:none}
.transfer-album-link::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit}
.transfer-album-link:focus-visible{outline:none}
.transfer-album-link:focus-visible::after{outline:3px solid #58aeff;outline-offset:3px}
.transfer-item-open:hover{border-color:#a8ceff80;box-shadow:0 8px 28px #0c192e40}
.transfer-item-open .transfer-actions{position:relative;z-index:3;pointer-events:none}
.transfer-item-open .transfer-actions>*{pointer-events:auto}
.page-drop-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#0877e8b8;backdrop-filter:blur(8px);pointer-events:none;text-align:center;color:white;padding:24px}
.page-drop-overlay>div{display:grid;justify-items:center;gap:14px;text-shadow:0 4px 20px #00305b66}
.page-drop-overlay strong{font-size:clamp(30px,5vw,58px);letter-spacing:-.035em}
.page-drop-icon{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:#ffffff24;border:1px solid #ffffff80;font-size:40px}
.storage-scale{margin:18px 0 14px}
#storage-meter{display:grid;grid-template-columns:20% 55% 25%;height:12px;overflow:hidden;border-radius:999px;background:#141a25}
.storage-segment{position:relative;background:color-mix(in srgb,var(--zone) 20%,transparent)}
.storage-segment::before{content:'';position:absolute;inset:0 auto 0 0;width:var(--filled,0%);background:var(--zone)}
.storage-segment.included{--zone:#57d39a;--filled:var(--fill-included)}
.storage-segment.standard{--zone:#56a6ff;--filled:var(--fill-standard)}
.storage-segment.overflow{--zone:#ffad61;--filled:var(--fill-overflow)}
.storage-ticks{position:relative;height:27px;margin-top:2px;font-size:11px;color:#cbd4e2}
.storage-ticks span{position:absolute;padding-top:9px;white-space:nowrap}
.storage-ticks span:nth-child(2),.storage-ticks span:nth-child(3){transform:translateX(-50%);color:#fff}
.storage-ticks span:nth-child(2){left:20%}.storage-ticks span:nth-child(3){left:75%}.storage-ticks span:last-child{right:0;color:#ffbd83}
.storage-ticks span:nth-child(2)::before,.storage-ticks span:nth-child(3)::before{content:'';position:absolute;top:-4px;left:50%;height:10px;width:1px;background:#e1edff}
.delivery-head .album-overlay-actions .remove-album-cover{color:#ffd2d2;background:#6d202ac9;border-color:#fa7d85a0}
.delivery-head .album-overlay-actions .remove-album-cover:hover{background:#892f3d}
.scene.scene-with-cover{background-image:linear-gradient(125deg,color-mix(in srgb,var(--album-color-0) 46%,#11151e),color-mix(in srgb,var(--album-color-1) 40%,#141722) 30%,color-mix(in srgb,var(--album-color-3) 50%,#151822) 65%,color-mix(in srgb,var(--album-color-2) 44%,#171922))}
.album-view-switch{gap:3px}
.album-view-option{display:flex;justify-content:center;align-items:center;min-height:38px;padding:8px 16px;border-radius:999px;color:#d5d8e4;text-decoration:none;font-size:13px}
.album-view-option:hover{background:#ffffff12;color:#fff}
.album-view-option[aria-current="page"]{background:#ffffff24;color:#fff;box-shadow:inset 0 1px 0 #ffffff24}
@media(max-width:680px){.album-view-option{flex:1}}

.account-controls{display:flex;gap:8px;align-items:center}.account-settings{display:grid;place-items:center;padding:8px}.brand{overflow-wrap:anywhere;min-width:0}.account-dialog{width:min(460px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:24px;border-radius:24px;color:var(--text)}.account-dialog h2{margin:0}.account-dialog h3{margin-top:24px;font-size:15px}.account-dialog ul{padding-left:20px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.account-dialog::backdrop{background:#0009}.account-dialog #user-feedback{min-height:1em}.account-dialog .primary{justify-content:center}