.performer-works-open{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;border:1px solid #e8ceda;border-radius:10px;background:#fff8fb;color:#925570;padding:10px 12px;font:inherit;cursor:pointer;text-align:left;transition:background .18s,border-color .18s}
.performer-works-open:hover{background:#f8e8ef;border-color:#d3a6ba}.performer-works-open:focus-visible,.performer-works-dialog button:focus-visible{outline:3px solid #b97194;outline-offset:3px}
.performer-works-label{font-size:13px;font-weight:600;overflow-wrap:anywhere}.performer-works-hint{font-size:11px;white-space:nowrap;opacity:.8}.performer-works-open:disabled{cursor:default;opacity:.6}
.performer-works-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(540px,calc(100vw - 40px));max-height:min(720px,85dvh);margin:auto;padding:0;border:1px solid #ebd6df;border-radius:24px;background:#fffafa;color:#573e4b;box-shadow:0 24px 90px #49283833;overflow:hidden;font-family:inherit}
.performer-works-dialog[open]{display:flex;flex-direction:column;animation:performer-works-in .2s ease-out}.performer-works-dialog::backdrop{background:#291a2459;backdrop-filter:blur(5px)}
.performer-works-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 10px;background:linear-gradient(115deg,#fff8fa,#faeaf1)}
.performer-works-heading{min-width:0}.performer-works-eyebrow{margin:0 0 7px;color:#a15e7f;font-size:11px;letter-spacing:.1em}.performer-works-heading h2{margin:0;font-size:25px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.performer-works-close{flex:0 0 44px;width:44px;height:44px;margin:-5px -10px 0 0;border:0;border-radius:50%;background:#fff9;color:#91516f;font-size:30px;line-height:1;cursor:pointer}
.performer-works-description{margin:0;padding:7px 24px 18px;color:#967080;font-size:12px;line-height:1.6;border-bottom:1px solid #f0dfe6;background:linear-gradient(115deg,#fff8fa,#faeaf1)}
.performer-works-content{min-height:180px;overflow:auto;overscroll-behavior:contain;padding:20px 24px 24px;scrollbar-width:thin;scrollbar-color:#d8afc2 transparent}
.performer-works-state{text-align:center;padding:20px 0 12px}.performer-works-state h3{font-size:16px;margin:0 0 10px;font-weight:600}.performer-works-state p{font-size:13px;line-height:1.8;color:#917483;margin:0}
.performer-works-count{margin:0 0 15px;color:#a05b7b;font-size:12px;font-weight:600}.performer-works-list{list-style:none;counter-reset:public-work;padding:0;margin:0;display:grid;gap:10px}
.performer-works-group+.performer-works-group{margin-top:24px}.performer-works-group-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;color:#745064}.performer-works-group-count{font-size:11px;font-weight:400;color:#9c758b;background:#f4e6ed;padding:3px 7px;border-radius:12px;white-space:nowrap}
.performer-works-list li{counter-increment:public-work;display:flex;align-items:flex-start;gap:14px;padding:15px;border:1px solid #efdce5;border-radius:14px;background:#fff}
.performer-works-list li::before{content:counter(public-work,decimal-leading-zero);font-size:13px;line-height:23px;font-variant-numeric:tabular-nums;color:#b27794;flex:0 0 22px}
.performer-works-list li>div{min-width:0}.performer-works-list strong{display:block;font-size:15px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}.performer-works-meta{display:block;margin-top:5px;color:#a28394;font-size:11px}.performer-works-footnote{font-size:11px;line-height:1.6;color:#a08494;margin:18px 0 0}
.performer-works-retry{display:block;min-height:44px;padding:10px 24px;margin:10px auto 0;border:1px solid #d9afc2;background:#f8e8ef;border-radius:12px;color:#985674;font:inherit;font-size:13px;cursor:pointer}
.performer-works-skeleton{display:grid;gap:12px}.performer-works-skeleton span{height:54px;border-radius:12px;background:linear-gradient(110deg,#f4e6ed 25%,#fff6fa 45%,#f4e6ed 65%);background-size:220% 100%;animation:performer-works-shimmer 1.6s linear infinite}
@keyframes performer-works-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes performer-works-shimmer{to{background-position:-220% 0}}
@container(max-width:560px){.performer-works-open{padding:8px;gap:4px;flex-wrap:wrap}.performer-works-label{font-size:11px}.performer-works-hint{font-size:10px}}
@media(max-width:600px){.performer-works-dialog{width:100%;max-width:100%;max-height:82dvh;inset:auto 0 0;margin:0;border-radius:24px 24px 0 0;border-bottom:0}.performer-works-header{padding:22px 20px 8px}.performer-works-heading h2{font-size:23px}.performer-works-description{padding:7px 20px 16px}.performer-works-content{padding:18px 20px max(24px,env(safe-area-inset-bottom));min-height:210px}.performer-works-list li{padding:13px;gap:10px}}
@media(prefers-reduced-motion:reduce){.performer-works-dialog[open],.performer-works-skeleton span{animation:none}.performer-works-open{transition:none}}