.dream-album{margin:22px 0 30px;padding:clamp(16px,2.6vw,30px);border:1px solid #d9cdb4;border-radius:24px;background:linear-gradient(125deg,#fffdf7f7,#f7f1e4f5);box-shadow:0 16px 38px -20px #344f4d70,inset 0 1px #fff;color:#254a43}
.album-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.album-heading h2{margin:5px 0 9px;font:700 clamp(24px,3vw,34px)/1.15 Georgia,serif}.album-heading p{margin:0;font:500 14px/1.6 system-ui;color:#5e6c61}.album-eyebrow{font:700 10px/1.4 system-ui;letter-spacing:.12em;color:#866b40}.album-summary{display:flex;flex-direction:column;gap:7px;flex:none;max-width:280px;text-align:right}.album-summary strong{font:700 23px/1.2 Georgia,serif}.album-summary span{font:600 12px/1.5 system-ui;color:#657368}
.album-series-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:22px}.album-series-tab{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:106px;padding:12px 7px;border:1px solid #d4ccbc;border-radius:15px;background:#fffdf9;color:#42554b;box-shadow:0 4px 10px #344f4d10;cursor:pointer}.album-series-tab[aria-pressed=true]{border:2px solid var(--album-color);padding:11px 6px;background:#f5f0e5;box-shadow:0 5px 14px #344f4d20}.album-tab-icon{font:32px/1 Georgia,serif;color:var(--album-color)}.album-tab-name{font:700 14px/1.25 Georgia,serif;overflow-wrap:anywhere}.album-tab-count{font:700 12px/1.2 system-ui;color:#71715d}
.album-page{padding:clamp(14px,2vw,24px);border:1px solid #ddd2bf;border-radius:19px;background:linear-gradient(90deg,#e3d2b833,#fffdf9 3%,#faf5e9 98%,#d9c7ab55);box-shadow:0 6px 17px #5e4e2720,inset 7px 0 10px -9px #665436}.album-page-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.album-page-title h3{margin:0 0 6px;font:700 25px/1.2 Georgia,serif;color:var(--album-color)}.album-page-title p{margin:0;font:500 13px/1.5 system-ui;color:#617063}.album-completion{flex:none;white-space:nowrap;padding:8px 12px;border:1px solid #d5cbb5;border-radius:30px;background:#fffaf0;font:700 12px/1.3 system-ui;color:#6d6755}.album-completion.is-complete{border-color:#89aa8b;background:#e2f0df;color:#365c3c}.album-progress{display:block;width:100%;height:8px;margin:18px 0 22px;border:0;border-radius:8px;overflow:hidden;accent-color:var(--album-color);background:#e9e0cf}.album-progress::-webkit-progress-bar{background:#e9e0cf}.album-progress::-webkit-progress-value{background:var(--album-color);border-radius:8px}.album-progress::-moz-progress-bar{background:var(--album-color)}
.album-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.album-slot{min-width:0;padding:10px;border:1px solid #d8cbb6;border-radius:12px;background:#fffdf6;box-shadow:0 6px 11px -5px #61564244;transform:rotate(var(--slot-turn))}.album-slot.is-owned{border:2px solid #c8ac6b;padding:9px}.album-slot-top{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:9px;font:600 10px/1.4 system-ui;color:#6a735d}.album-slot-number{font:700 16px/1 Georgia,serif;color:var(--album-color)}.album-picture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;aspect-ratio:1;border:1px solid #dfd5c4;border-radius:7px;overflow:hidden;background:radial-gradient(ellipse at 45% 30%,#fffdf8,#eee6d6);cursor:pointer;color:#817b68}.album-picture img{display:block;width:100%;height:100%;object-fit:contain;background:white}.album-picture:disabled{cursor:default;opacity:1}.album-missing-icon{font:clamp(40px,6vw,72px)/1 Georgia,serif;color:var(--album-color);opacity:.45}.album-mystery-label{padding:0 7px;text-align:center;font:600 12px/1.4 system-ui}.album-slot h4{margin:13px 2px 6px;font:700 16px/1.3 Georgia,serif;color:#36574b;min-height:2.6em;overflow-wrap:anywhere}.album-slot-note{margin:0 2px 5px;font:500 11px/1.5 system-ui;color:#64705e;min-height:3em}.album-page-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font:500 13px/1.6 system-ui;color:#5d705f}.album-page-foot p{margin:0}.album-page-foot strong{white-space:nowrap}.album-value-note{margin:16px 0 0;font:500 11px/1.6 system-ui;color:#657365}.dream-album button:focus-visible{outline:3px solid #3a9689;outline-offset:3px}
body.dark .dream-album{background:linear-gradient(125deg,#302b42f5,#252337f7);border-color:#746581;color:#f1ede7;box-shadow:0 18px 38px -18px #090a18dd,inset 0 1px #ffffff1c}body.dark .album-heading p,body.dark .album-summary span,body.dark .album-page-title p,body.dark .album-page-foot,body.dark .album-value-note{color:#d2cdd7}body.dark .album-eyebrow{color:#d5bf86}body.dark .album-series-tab{background:#393247;border-color:#77687d;color:#f1ece5}body.dark .album-series-tab[aria-pressed=true]{background:#4c4057;border-color:#cdb5db}body.dark .album-tab-icon,body.dark .album-page-title h3{color:#ead0a3}body.dark .album-tab-count{color:#d6d0d8}body.dark .album-page{background:linear-gradient(90deg,#17162877,#332c43 3%,#2f293d 98%,#15132388);border-color:#746780}body.dark .album-completion{background:#403548;border-color:#7e6d88;color:#e8dfed}body.dark .album-completion.is-complete{background:#294f44;color:#d4f1dd}body.dark .album-slot{background:#3d354a;border-color:#756782;box-shadow:0 6px 11px -5px #08071199}body.dark .album-slot.is-owned{border-color:#d6b777}body.dark .album-slot-top,body.dark .album-slot-note{color:#d4ccd9}body.dark .album-slot-number,body.dark .album-slot h4{color:#f2e6cf}body.dark .album-picture{background:radial-gradient(ellipse at 45% 30%,#4b4157,#2f293d);border-color:#756781;color:#e1d7e7}body.dark .album-missing-icon{color:#d7b9e8;opacity:.65}
@media(max-width:900px){.album-series-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.album-series-tab{min-height:88px}.album-slots{gap:12px}}
@media(max-width:600px){.dream-album{margin-top:16px;padding:15px 11px;border-radius:18px}.album-heading{display:block}.album-summary{margin-top:14px;max-width:none;text-align:left}.album-summary strong{font-size:20px}.album-series-tabs{gap:6px;margin-bottom:14px}.album-series-tab{padding:10px 5px;min-height:92px}.album-series-tab[aria-pressed=true]{padding:9px 4px}.album-tab-name{font-size:13px}.album-page{padding:12px 9px}.album-page-title{display:block}.album-page-title h3{font-size:23px}.album-completion{display:inline-block;margin-top:11px}.album-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px}.album-slot{padding:7px}.album-slot.is-owned{padding:6px}.album-slot h4{font-size:14px}.album-slot-top{font-size:9px}.album-slot-note{font-size:10px}.album-mystery-label{font-size:10px}.album-page-foot{display:block;font-size:12px}.album-page-foot strong{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.album-slot{transform:none}}
.album-series-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.dream-album[data-cover=flowers]{background:radial-gradient(ellipse at 100% 0,#e9b7cd55,transparent 50%),linear-gradient(125deg,#fffafbf7,#f5eee3f5);border-color:#d8b5c0}
.dream-album[data-cover=night]{background:radial-gradient(ellipse at 90% 0,#b3b5e155,transparent 50%),linear-gradient(125deg,#f3f0fff7,#e9e8f4f5);border-color:#aaa6cc}
.album-customize{margin:0 0 20px;border:1px solid #d8ccb8;border-radius:12px;background:#fffdf38c;overflow:hidden}.album-customize>summary{width:fit-content;min-height:44px;padding:12px 15px;color:#4d6555;font:700 13px/1.5 system-ui;cursor:pointer}.album-appearance-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:4px 15px 16px}.album-appearance-form label{display:flex;flex-direction:column;gap:7px;min-width:180px;flex:1;font:600 12px/1.4 system-ui}.album-appearance-form input{width:100%;min-height:44px;padding:10px;border:1px solid #b8c1ae;border-radius:8px;background:#fffefa;color:#294e43;font:500 15px/1.4 system-ui}.album-cover-choices{display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:0;border:0;flex:2}.album-cover-choices legend{margin-bottom:7px;font:600 12px/1.4 system-ui}.album-cover-choice{min-height:44px;padding:9px 12px;border:1px solid #c3b999;border-radius:9px;background:linear-gradient(135deg,#fff7d9,#e6f3df);color:#3b5543;font:600 12px/1.4 system-ui;cursor:pointer}.album-cover-choice[data-cover=night]{background:linear-gradient(135deg,#dfdbff,#b9cbdc);color:#393a65}.album-cover-choice[data-cover=flowers]{background:linear-gradient(135deg,#f9daea,#efd2d7);color:#7f4260}.album-cover-choice[aria-pressed=true]{outline:2px solid #467368;outline-offset:1px}.album-save{min-height:44px;padding:10px 17px;border:1px solid #296458;border-radius:9px;background:#346f60;color:#fff;font:700 13px/1.4 system-ui;cursor:pointer}
body.dark .dream-album[data-cover=flowers]{background:radial-gradient(ellipse at 100% 0,#7e416b44,transparent 50%),linear-gradient(125deg,#35283cf5,#292336f7);border-color:#9b6d90}body.dark .dream-album[data-cover=night]{background:radial-gradient(ellipse at 90% 0,#60529d55,transparent 50%),linear-gradient(125deg,#252540f5,#1e1c32f7);border-color:#8585ae}body.dark .album-customize{background:#392f4988;border-color:#756582}body.dark .album-customize>summary{color:#e1e1d7}body.dark .album-appearance-form input{background:#30273c;color:#f2ebf7;border-color:#8b7b95}body.dark .album-cover-choice[aria-pressed=true]{outline-color:#bfe7d6}body.dark .album-appearance-form label,body.dark .album-cover-choices legend{color:#ded4e5}
@media(max-width:900px){.album-series-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.album-appearance-form{padding:3px 11px 14px;display:block}.album-cover-choices{margin:14px 0}.album-cover-choice{flex:1;padding:8px 5px;font-size:11px}.album-save{width:100%}.album-summary{gap:5px}}

#gallery .atelier-masthead .main-navigation{grid-template-columns:repeat(5,minmax(0,1fr))}.album-nav-icon{font-size:36px;line-height:1;filter:drop-shadow(0 3px 2px #39513d33)}
@media(max-width:850px){#gallery .atelier-masthead .main-navigation .nav{gap:6px;font-size:15px;padding:7px 4px}}
@media(max-width:590px){#gallery .atelier-masthead .main-navigation .nav{font-size:11px;flex-direction:column;gap:4px;overflow-wrap:anywhere}.album-nav-icon{font-size:29px}#gallery .atelier-masthead .main-navigation .nav::after{display:none}}

.album-motif-card .card-number{background:#e9ddff;border-color:#c6a5e6;color:#68428a}body.dark .album-motif-card .card-number{background:#58446d;color:#f5dfff;border-color:#a788ba}

.album-release-note{padding:12px 15px;border:1px solid #cfbedc;border-radius:12px;background:#f4edf8;color:#654e77;font:600 13px/1.5 system-ui}body.dark .album-release-note{background:#4b3e59;border-color:#9480a3;color:#f0e2f5}
