.works-body .works-view{gap:18px;display:grid}.gallery-disclaimer{color:#ffd79a;background:#ffb02e1f;border:1px solid #ffc45c73;border-radius:12px;margin:0;padding:12px 16px;font-size:.98rem;line-height:1.6}.works-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.works-card{background:#0c1210b8;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex}.works-card-title{margin:0;font-size:1.12rem;line-height:1.4}.works-card .meta{opacity:.82;flex-wrap:wrap;gap:8px;margin:0;font-size:.86rem;display:flex}.works-card-desc{white-space:pre-wrap;opacity:.88;margin:0;font-size:.92rem;line-height:1.6}.works-card-counts{opacity:.9;gap:14px;margin:0;font-size:.88rem;display:flex}.works-card .primary-button{align-self:flex-start;margin-top:auto}.works-empty{margin:0}#work-dialog{color:#f2f6f4;background:#0a110f;border:1px solid #ffffff24;border-radius:18px;width:min(92vw,880px);max-height:88vh;padding:24px;overflow:auto}#work-dialog::backdrop{background:#020605b8}#work-dialog .dialog-close{float:right;color:inherit;cursor:pointer;background:0 0;border:none;font-size:1.4rem}.works-player{gap:10px;margin:14px 0;display:grid}.works-player video{background:#000;border-radius:12px;width:100%;max-width:100%;height:auto}.works-player video[hidden]{display:none}.works-reactions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.works-comments{border-top:1px solid #ffffff1f;margin-top:18px;padding-top:14px}.works-comment-list{gap:12px;margin:12px 0;padding:0;list-style:none;display:grid}.works-comment{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px}.works-comment-mine{border-color:#ffc45c59}.works-comment-head{opacity:.86;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 6px;font-size:.86rem;display:flex}.works-comment-body{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.65}.works-tag{background:#ffffff1a;border-radius:999px;padding:1px 8px;font-size:.78rem;font-style:normal}.works-pager{align-items:center;gap:12px;font-size:.88rem;display:flex}.dialog-actions{gap:12px;margin-top:16px;display:flex}#confirm-dialog{color:#f2f6f4;background:#0a110f;border:1px solid #ffffff24;border-radius:16px;width:min(92vw,420px);padding:22px}#confirm-dialog::backdrop{background:#020605b8}@media (width<=640px){#work-dialog{padding:18px}.works-list{grid-template-columns:1fr}}