.work-footprints { display:block; margin:var(--sp-16) 0; min-width:0; }
.work-footprint-status { display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-4); color:var(--c-text-sub); }
.work-footprint-status[data-recorded="true"] .work-footprint-icon { color:var(--c-aqua-text); fill:currentColor; }
.work-footprint-icon { width:var(--sp-20); height:var(--sp-20); flex:0 0 var(--sp-20); fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.work-footprint-help { margin:var(--sp-8) 0; color:var(--c-text-sub); font-size:var(--fs-ui-meta); line-height:var(--lh-relaxed); }
.work-footprint-help:empty { display:none; }
.work-footprint-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-8); min-height:var(--control-h); padding:var(--sp-8) var(--sp-16); border:1px solid var(--c-navy); border-radius:var(--radius-m); background:var(--c-white); color:var(--c-navy); font-family:inherit; font-size:var(--fs-ui-body); font-weight:700; line-height:var(--lh-normal); cursor:pointer; }
.work-footprint-toggle { box-sizing:border-box; flex:none; width:var(--control-h); height:var(--control-h); padding:0; border:0; background:transparent; }
.work-footprint-display { display:grid; place-items:center; flex:none; width:var(--control-h); height:var(--control-h); }
@keyframes footprint-pop{0%{transform:scale(1) rotate(0)}30%{transform:scale(.7) rotate(-14deg)}65%{transform:scale(1.3) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
@keyframes footprint-ring{0%{transform:scale(.4);opacity:.8}100%{transform:scale(1.7);opacity:0}}
:is(.work-footprint-toggle,.work-footprint-display)[data-footprint-pop="true"]{position:relative}
:is(.work-footprint-toggle,.work-footprint-display)[data-footprint-pop="true"] .work-footprint-icon{transform-box:fill-box;transform-origin:center;animation:footprint-pop var(--motion-footprint-pop) var(--ease-festival)}
:is(.work-footprint-toggle,.work-footprint-display)[data-footprint-pop="true"]::after{content:"";position:absolute;top:50%;left:50%;width:var(--sp-24);height:var(--sp-24);margin:calc(var(--sp-12) * -1) 0 0 calc(var(--sp-12) * -1);border:2px solid var(--c-aqua-text);border-radius:50%;pointer-events:none;animation:footprint-ring var(--motion-footprint-pop) var(--ease-festival) forwards}
@media (prefers-reduced-motion: reduce){:is(.work-footprint-toggle,.work-footprint-display)[data-footprint-pop="true"] .work-footprint-icon,:is(.work-footprint-toggle,.work-footprint-display)[data-footprint-pop="true"]::after{animation:none}}
.work-footprint-feedback[hidden] { display:none; }
.work-footprint-button:disabled { opacity:.6; cursor:default; }
.work-footprint-toggle:disabled { color:var(--c-text-sub); opacity:1; }
.work-reference-icon:focus-visible,.work-footprint-button:focus-visible,.work-footprint-person:focus-visible,.work-footprint-owner summary:focus-visible,.work-footprint-works:focus-visible,.work-footprint-work:focus-visible,.footprint-settings-choice:has(input:focus-visible) { outline:var(--focus-ring); outline-offset:var(--focus-offset); }
.work-footprint-owner { padding:var(--sp-12); border:1px solid var(--c-border); border-radius:var(--radius-m); }
.work-footprint-owner summary { cursor:pointer; min-height:var(--control-h); display:flex; align-items:center; justify-content:space-between; gap:var(--sp-8); list-style:none; font-size:var(--fs-ui-body); font-weight:700; }
.work-footprint-owner summary::after { content:'+'; font-size:var(--fs-22); }
.work-footprint-owner[open] summary::after { content:'−'; }
.work-footprint-owner summary::-webkit-details-marker { display:none; }
.work-footprint-people { margin:0; padding:0; list-style:none; }
.work-footprint-row { min-width:0; padding:var(--sp-16) 0; border-top:1px solid var(--c-border); }
.work-footprint-person { display:flex; align-items:center; gap:var(--sp-8); min-height:var(--control-h); margin:0 0 var(--sp-8); color:var(--c-navy); }
.work-footprint-person:is(button):hover { color:var(--c-pink); }
.work-footprint-person-copy { min-width:0; overflow-wrap:anywhere; display:flex; flex-direction:column; font-size:var(--fs-ui-body); line-height:var(--lh-normal); }
.work-footprint-person-copy .work-footprint-help { margin:0; }
.work-footprint-avatar { display:grid; place-items:center; position:relative; width:var(--sp-32); height:var(--sp-32); flex:0 0 var(--sp-32); border-radius:50%; background:var(--c-bg-soft); overflow:hidden; }
.work-footprint-avatar img { position:absolute; width:100%; height:100%; object-fit:cover; }
.work-footprint-works { display:flex; gap:var(--sp-8); min-width:0; max-width:100%; overflow-x:auto; padding:var(--sp-4) 0; scroll-snap-type:x proximity; }
.work-footprint-work { display:flex; flex-direction:column; flex:0 0 calc(var(--sp-40) * 3); width:calc(var(--sp-40) * 3); min-height:var(--control-h); gap:var(--sp-4); color:var(--c-navy); text-decoration:none; scroll-snap-align:start; }
.work-footprint-work:hover { color:var(--c-pink); }
.work-footprint-work-thumb { width:100%; aspect-ratio:16/9; object-fit:cover; background:var(--c-bg-soft); border-radius:var(--radius-s); }
.work-footprint-work-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:var(--fs-ui-body); font-weight:700; line-height:var(--lh-normal); overflow-wrap:anywhere; }
.footprint-settings-content { display:flex; flex-direction:column; gap:var(--sp-12); padding:var(--sp-16); font-size:var(--fs-ui-body); line-height:var(--lh-relaxed); }
.footprint-settings-content p { margin:0; }
.footprint-settings-content ul { display:flex; flex-direction:column; gap:var(--sp-4); margin:0; padding-left:var(--sp-20); }
.footprint-settings-choice { display:flex; align-items:center; gap:var(--sp-8); min-height:var(--control-h); cursor:pointer; font-size:var(--fs-ui-body); font-weight:700; line-height:var(--lh-normal); }
.footprint-settings-choice input { width:var(--sp-24); height:var(--sp-24); margin:0; accent-color:var(--c-navy);}

.work-footprints [hidden] { display:none; }
.work-footprint-work-placeholder { display:grid; place-items:center; color:var(--c-text-sub);font-size:var(--fs-22); }

.work-selection-count { display:inline-flex; flex:none; align-items:center; gap:var(--sp-4); min-height:var(--control-h); color:var(--c-navy); font-family:var(--font-body); font-size:var(--fs-ui-meta); font-weight:700; line-height:var(--lh-normal); white-space:nowrap; }
.work-selection-count-icon { flex:none; width:var(--sp-20); height:var(--sp-20); fill:currentColor; }
.work-reference-icon { box-sizing:border-box; display:grid; place-items:center; flex:none; width:var(--control-h); height:var(--control-h); min-height:var(--control-h); padding:0; border:0; border-radius:var(--radius-m); background:transparent; color:var(--c-navy); text-decoration:none; }
.work-reference-icon-label { box-sizing:border-box; display:grid; place-items:center; min-width:var(--sp-32); height:var(--sp-20); padding:0 var(--sp-4); border:1px solid currentColor; border-radius:var(--radius-s); font-family:var(--font-body); font-size:var(--fs-ui-meta); font-weight:700; line-height:var(--lh-tight); white-space:nowrap; }