#profile.gallery-only{width:min(960px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #ffffff20;border-radius:32px;background:#111510;color:#fff;overflow:hidden}#profile.gallery-only .dialog-layout{display:block;min-height:0}#profile.gallery-only .profile-copy{display:none!important}#profile.gallery-only #profile-art{width:100%;height:auto;min-height:0;background:#111510!important;border-radius:0;overflow:hidden;display:block;position:relative}#profile-art>img,#profile-art>.number,#profile-art>.placeholder-mark,#profile-art>.photo-label{display:none!important}#profile-art::before,#profile-art::after{display:none!important}.bubble-gallery{position:relative;padding:22px;color:#fafff4;width:100%;box-sizing:border-box}.gallery-bar{padding:0 6px 12px;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;max-width:none}.gallery-bar small{font-size:10px;letter-spacing:.18em;color:#caff28}.gallery-bar h2{margin:4px 0 0;font-size:24px;line-height:1.3}.gallery-bar button{border:1px solid #ffffff40;border-radius:50%;background:#ffffff10;color:#fff;width:38px;height:38px;font-size:26px;cursor:pointer}.bubble-cloud{position:relative;width:100%;height:clamp(220px,calc(100dvh - 204px),640px);overflow:hidden}.bubble-cloud .photo-bubble{position:absolute;padding:0;border:2px solid #d5e8ba;border-radius:50%;overflow:hidden;background:#303a26;box-shadow:0 4px 12px #0008;cursor:zoom-in;transform:none;box-sizing:border-box;transition:filter .15s,border-color .15s}.bubble-cloud .photo-bubble img{display:block;position:static!important;inset:auto!important;transform:none!important;width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:50%;opacity:1!important}.photo-bubble:hover,.photo-bubble:focus-visible{border-color:#caff28;filter:brightness(1.15);outline:2px solid #caff28;outline-offset:2px;z-index:2}.bubble-note,.bubble-state{margin:10px 0 0;text-align:center;font-size:12px;color:#b6c3ac}.bubble-state:empty{display:none}.bubble-preview{position:fixed;z-index:2147483647;width:min(230px,40vw);padding:7px;border:1px solid #d4f1af;border-radius:14px;background:#f9fff4;color:#171d12;box-shadow:0 12px 40px #0008;pointer-events:none}.bubble-preview[hidden]{display:none}.bubble-preview img{display:block;width:100%;height:250px;object-fit:contain;background:#e7eddf;border-radius:9px}.bubble-preview span{display:block;font-size:12px;padding:6px 2px;text-align:center}.photo-viewer{padding:0;border:0;border-radius:14px;margin:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px);height:auto;background:#f9fbf6;color:#1b2117;overflow:hidden;box-shadow:0 20px 80px #0008}.photo-viewer::backdrop{background:#0009;backdrop-filter:blur(4px)}.photo-viewer[open]{display:block}.photo-viewer figure{margin:0;width:100%}.photo-viewer figure img{display:block;max-width:100%;object-fit:contain;margin:0}.photo-viewer figcaption{height:42px;display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-viewer button{position:absolute;width:36px;height:36px;border:1px solid #ffffff70;border-radius:50%;background:#182010a8;color:white;font-size:27px;cursor:pointer;z-index:2}.viewer-close{top:10px;right:10px}.viewer-prev{top:48%;left:8px}.viewer-next{top:48%;right:8px}@media(max-width:600px){#profile.gallery-only{border-radius:24px}.bubble-gallery{padding:16px 10px}.gallery-bar h2{font-size:21px}.bubble-note{font-size:10px}.bubble-preview{display:none}}@media(prefers-reduced-motion:reduce){.photo-bubble{transition:none}}
.bubble-preview{margin:0;inset:auto;border:1px solid #d4f1af}.bubble-preview::backdrop{display:none}
/* 딴청뮤직 로고가 비치는 밝은 유리 배경 */
#profile.gallery-only{background:rgba(250,253,244,.86);border:1px solid rgba(255,255,255,.9);color:#202719;box-shadow:0 24px 80px #20300930;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#profile.gallery-only::backdrop{background:rgba(223,234,204,.48);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#profile.gallery-only #profile-art{background:transparent!important}
.bubble-gallery{color:#202719;isolation:isolate;background:linear-gradient(135deg,#ffffff65,#f0f9dc55)}
.bubble-gallery::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/logo.png') center/ min(76%,620px) auto no-repeat;opacity:.16;pointer-events:none;mix-blend-mode:multiply}
.gallery-bar small{color:#506525}.gallery-bar h2{color:#202719}.gallery-bar button{background:#ffffffa6;color:#263719;border:1px solid #8a9d6f66}.bubble-note,.bubble-state{color:#526147}.bubble-cloud .photo-bubble{border-color:#ffffffeb;box-shadow:0 5px 18px #35442229;background:#e4edda}.photo-bubble:hover,.photo-bubble:focus-visible{border-color:#8fb627;outline-color:#8fb627}
.photo-viewer::backdrop{background:rgba(223,234,204,.56);backdrop-filter:blur(9px)}
.photo-viewer .viewer-prev,.photo-viewer .viewer-next{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:64px;border-radius:16px;background:rgba(250,255,242,.94);border:1px solid #81965b;color:#253914;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 16px #0004;z-index:5}.photo-viewer .viewer-prev{left:10px}.photo-viewer .viewer-next{right:10px}.photo-viewer .viewer-prev[hidden],.photo-viewer .viewer-next[hidden]{display:none}.photo-viewer svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.photo-viewer .viewer-prev:hover,.photo-viewer .viewer-next:hover{background:#caff28}.photo-viewer .viewer-prev:focus-visible,.photo-viewer .viewer-next:focus-visible{outline:3px solid #86a735;outline-offset:2px}@media(max-width:600px){.photo-viewer .viewer-prev,.photo-viewer .viewer-next{width:42px;height:54px;border-radius:12px}.photo-viewer .viewer-prev{left:6px}.photo-viewer .viewer-next{right:6px}}