.ambient-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-background i{position:absolute;width:46vw;aspect-ratio:1;border-radius:50%;opacity:.24;filter:blur(75px);animation:ambientDrift 18s ease-in-out infinite alternate}.ambient-background i:nth-child(1){left:-14vw;top:8vh;background:#f2b9ce}.ambient-background i:nth-child(2){right:-12vw;top:28vh;background:#b8d9eb;animation-delay:-6s;animation-duration:22s}.ambient-background i:nth-child(3){left:28vw;bottom:-30vw;background:#d3bee9;animation-delay:-11s;animation-duration:25s}.ambient-background span{position:absolute;width:7px;height:7px;border:1px solid rgba(255,255,255,.86);border-radius:50%;animation:ambientFloat 9s ease-in-out infinite}.ambient-background span:nth-of-type(1){left:18%;top:32%}.ambient-background span:nth-of-type(2){right:16%;top:58%;animation-delay:-4s}
.menu-bar{grid-template-columns:auto minmax(220px,520px) auto;gap:22px}.global-search,.liquid-control{display:flex;min-width:0;border:1px solid rgba(255,255,255,.82);align-items:center;background:rgba(255,255,255,.38);box-shadow:inset 0 1px 1px rgba(255,255,255,.94),0 8px 26px rgba(74,51,87,.08);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}.global-search{height:44px;padding:0 12px;border-radius:15px}.global-search>span,.gallery-search>span{color:#83748a;font-size:22px}.global-search input,.gallery-search input{min-width:0;flex:1;border:0;outline:0;color:#322a37;background:transparent}.global-search input{padding:0 10px}.global-search input::placeholder,.gallery-search input::placeholder{color:#93889a}.global-search kbd{padding:3px 7px;border:1px solid rgba(108,91,116,.12);border-radius:6px;color:#9e91a4;background:rgba(255,255,255,.5);font:10px Sendyun}
.gallery-toolbar{display:grid;grid-template-columns:minmax(210px,1fr) minmax(190px,.65fr) minmax(170px,.55fr) auto;gap:10px;margin:0 0 18px}.liquid-control{height:52px;padding:0 14px;border-radius:16px}.gallery-search{gap:10px}.gallery-search input{height:100%;font-size:14px}.select-control,.date-control{gap:9px}.select-control>span,.date-control>span{flex:none;color:#8b7e91;font-size:10px;letter-spacing:.08em}.select-control select,.date-control input{min-width:0;width:100%;border:0;outline:0;color:#3f3545;background:transparent;font:12px Sendyun}.select-control select{cursor:pointer}.clear-filter{height:52px;padding:0 18px;border:1px solid rgba(255,255,255,.82);border-radius:16px;color:#6f6175;background:rgba(255,255,255,.36);box-shadow:inset 0 1px 1px rgba(255,255,255,.92);cursor:pointer;backdrop-filter:blur(20px)}.clear-filter:hover{background:rgba(255,255,255,.68)}.gallery-summary{display:flex;margin:0 2px 22px;justify-content:space-between;color:#8a7d90;font-size:11px}.gallery-summary strong{color:#4f4355}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collection-card{position:relative;padding:10px 10px 18px;overflow:hidden;border:1px solid rgba(255,255,255,.84);border-radius:19px;text-align:left;background:rgba(255,255,255,.5);box-shadow:0 16px 42px rgba(78,54,90,.09);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.collection-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(78,54,90,.16)}.collection-card img{display:block;width:100%;aspect-ratio:4/3;border-radius:13px;object-fit:cover;background:#e8dce9}.collection-card h3{min-height:2.9em;margin:14px 8px 7px;overflow:hidden;font-size:16px;line-height:1.45}.collection-card footer{display:flex;margin:0 8px;padding:0;border:0;justify-content:space-between;color:#8a7c90;font-size:10px}.collection-date{position:absolute;top:20px;left:20px;padding:6px 9px;border:1px solid rgba(255,255,255,.8);border-radius:10px;color:#443849;background:rgba(255,255,255,.68);box-shadow:0 6px 20px rgba(55,40,62,.12);font-size:9px;backdrop-filter:blur(15px)}.empty-state{display:grid;min-height:260px;border:1px dashed rgba(122,99,133,.24);border-radius:20px;place-content:center;justify-items:center;color:#8d8193}.empty-state strong{color:#4f4355}.empty-state span{margin-top:8px;font-size:12px}
.collection-modal,.image-lightbox{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:24px}.collection-modal[hidden],.image-lightbox[hidden]{display:none}.collection-backdrop{position:absolute;inset:0;border:0;background:rgba(47,35,54,.48);backdrop-filter:blur(13px);cursor:pointer}.collection-dialog{position:relative;width:min(1120px,calc(100vw - 34px));max-height:calc(100vh - 42px);overflow:hidden;border-radius:24px;background:rgba(248,242,249,.78)}.collection-dialog>header{display:flex;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.8);justify-content:space-between;align-items:center}.collection-dialog header small{color:#a36f93;font-size:10px;letter-spacing:.12em}.collection-dialog h2{margin:5px 0 0;font-size:clamp(20px,3vw,32px)}.collection-dialog header button,.lightbox-close{width:38px;height:38px;border:0;border-radius:50%;color:#65566c;background:rgba(255,255,255,.7);font-size:27px;cursor:pointer}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:calc(100vh - 145px);padding:16px;overflow:auto}.work-image{padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:13px;background:rgba(255,255,255,.52);cursor:zoom-in}.work-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s ease}.work-image:hover img{transform:scale(1.04)}.image-lightbox{z-index:130}.image-lightbox>img{position:relative;display:block;max-width:min(1200px,calc(100vw - 36px));max-height:calc(100vh - 36px);border-radius:16px;object-fit:contain;box-shadow:0 30px 90px rgba(28,18,34,.42)}.lightbox-close{position:absolute;z-index:2;top:20px;right:20px}
@keyframes ambientDrift{to{transform:translate3d(8vw,-5vh,0) scale(1.12)}}@keyframes ambientFloat{50%{transform:translateY(-40px) scale(1.7);opacity:.25}}
@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-toolbar{grid-template-columns:1fr 1fr}.gallery-search{grid-column:1/-1}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.menu-bar{grid-template-columns:auto 1fr}.menu-status{display:none}.global-search{height:40px}.global-search kbd{display:none}.gallery-toolbar{grid-template-columns:1fr}.gallery-search{grid-column:auto}.collection-grid{gap:10px}.collection-card{border-radius:15px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-modal{padding:10px}.collection-dialog{max-height:calc(100vh - 20px)}.collection-dialog>header{padding:16px}.works-grid{max-height:calc(100vh - 110px)}}
@media(max-width:460px){.collection-grid{grid-template-columns:1fr}.collection-card h3{min-height:0}.gallery-summary{align-items:center}.works-grid{grid-template-columns:1fr 1fr;padding:9px}.ambient-background i{opacity:.16}}
@media(prefers-reduced-motion:reduce){.ambient-background i,.ambient-background span{animation:none}.collection-card,.work-image img{transition:none}}