.lent{--lent-ink:#5b2a9e;--lent-overdue:#b3261e;--lent-rule:#d4c8ee;--lent-on-ink:#fff;gap:var(--s-4);padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}:root[data-theme=dark] .lent{--lent-ink:#c3a6ff;--lent-overdue:#ff8f85;--lent-rule:#4a3f78;--lent-on-ink:#111226}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lent{--lent-ink:#c3a6ff;--lent-overdue:#ff8f85;--lent-rule:#4a3f78;--lent-on-ink:#111226}}.lent-layout{gap:var(--s-5);min-width:0;display:grid}.lent-side,.lent-main{gap:var(--s-4);align-content:start;min-width:0;display:grid}.lent-columns{gap:var(--s-5);min-width:0;display:grid}@media (width>=52rem){.lent-layout{column-gap:clamp(var(--s-5), 4vw, var(--s-7));grid-template-columns:22rem minmax(0,1fr);align-items:start}.lent-side{top:var(--s-5);position:sticky}}@media (width>=72rem){.lent-columns{grid-template-columns:repeat(2,minmax(0,24rem));align-items:start}}.lent-lead{min-height:calc(var(--step-1) * 1.3 * 2)}.lent-summary{font-weight:600;font-size:var(--step-1);text-wrap:balance;line-height:1.3}.lent-add,.lent-edit{gap:var(--s-3);display:grid}.lent-field{gap:var(--s-1);font-weight:600;font-size:var(--step--1);display:grid}.lent-chips{gap:var(--s-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.lent-chips legend:not(.sr-only){width:100%;margin-bottom:var(--s-1);font-weight:600;font-size:var(--step--1);padding:0}.lent-chip{min-height:2.75rem;padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font-weight:600;font-size:var(--step--1);cursor:pointer;align-items:center;display:inline-flex;position:relative}.lent-chip__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.lent-chip:has(input:checked){border-color:var(--lent-ink);background:var(--lent-ink);color:var(--lent-on-ink)}.lent-chip:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.lent-check{align-items:center;gap:var(--s-2);min-height:2.75rem;font-weight:600;font-size:var(--step--1);display:flex}.lent-error{color:var(--danger);font-weight:600}.lent-details{min-width:0}.lent-details[open]{gap:var(--s-2);display:grid}.lent-details>summary,.lent-more>summary,.lent-fold>summary{align-items:center;gap:var(--s-2);cursor:pointer;min-height:2.75rem;font-weight:600;display:flex}.lent-details>summary:before,.lent-more>summary:before,.lent-fold>summary:before{content:"";width:.5rem;height:.5rem;transition:transform var(--t-state) var(--ease);border-bottom:2.5px solid;border-right:2.5px solid;flex:none;margin:0 .25rem 0 .1rem;transform:rotate(-45deg)}.lent-details[open]>summary:before,.lent-more[open]>summary:before,.lent-fold[open]>summary:before{transform:rotate(45deg)}.lent-section{gap:var(--s-2);align-content:start;min-width:0;display:grid}.lent-section__title{font-size:var(--step-2)}.lent-section__title:focus:not(:focus-visible){outline:none}.lent-count{font-family:var(--font-text);font-weight:500;font-size:var(--step-0);color:var(--ink-2)}.lent-none{color:var(--ink-2)}.lent-list,.lent-done-list{gap:var(--s-3);padding:0;list-style:none;display:grid}.lent-row{grid-template-rows:1fr;max-width:24rem;display:grid}.lent-row>*{min-height:0}.lent-row.is-leaving{opacity:0;transition:grid-template-rows .18s var(--ease), opacity .18s var(--ease);grid-template-rows:0fr}.lent-card{gap:var(--s-1);padding:var(--s-4);border:var(--border) solid var(--line);border-radius:var(--r-input);background:var(--paper);display:grid;position:relative;overflow:hidden}.lent-name{font-size:var(--step-1);overflow-wrap:anywhere}.lent-name:first-letter{text-transform:uppercase}.lent-name:focus:not(:focus-visible){outline:none}.lent-person{color:var(--ink-2);overflow-wrap:anywhere;font-weight:500}.lent-stamps{margin:var(--s-2) 0;display:grid}.lent-stamps__row{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-2) 0;border-top:1px solid var(--lent-rule);flex-wrap:wrap;display:flex}.lent-stamps__row dt{color:var(--ink-2);font-weight:500;font-size:var(--step--1)}.lent-stamps__row dd{padding-inline:var(--s-1)}.lent-stamp{border:2px solid var(--lent-ink);color:var(--lent-ink);font-family:var(--font-text);font-weight:700;font-size:var(--step-0);font-variant-numeric:tabular-nums;text-transform:uppercase;transform:rotate(var(--tilt,0deg));border-radius:.3rem;padding:.1rem .4rem;display:inline-block}.lent-stamp--overdue{border-color:var(--lent-overdue);color:var(--lent-overdue)}.lent-stamp.is-new{animation:lent-land .18s var(--ease)}@keyframes lent-land{0%{opacity:0;transform:rotate(var(--tilt,0deg)) scale(1.25)}}.lent-nodate{color:var(--ink-2);font-weight:500}.lent-due{font-weight:600}.lent-due--overdue{color:var(--lent-overdue)}.lent-note{color:var(--ink-2);overflow-wrap:anywhere}.lent-actions{align-items:flex-start;gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.lent-more{min-width:0}.lent-more[open]{flex:100%}.lent-more>summary{padding-inline:var(--s-2)}.lent-more__items{align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.lent-returned{border:4px solid var(--lent-ink);background:var(--paper);color:var(--lent-ink);font-family:var(--font-display);font-weight:800;font-size:var(--step-3);text-transform:uppercase;white-space:nowrap;animation:lent-return .18s var(--ease);pointer-events:none;border-radius:.5rem;padding:.1em .35em;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes lent-return{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(1.25)}}.lent-card.is-stamped .lent-actions{visibility:hidden}.lent-fold>summary{min-height:3rem}.lent-fold .lent-section__title{display:inline}.lent-done-list{gap:0}.lent-done{align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-3) 0;border-top:1px solid var(--lent-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.lent-done__what{min-width:0}.lent-done__name{overflow-wrap:anywhere;font-weight:700}.lent-done__name:first-letter{text-transform:uppercase}.lent-done__who,.lent-done__when{color:var(--ink-2);overflow-wrap:anywhere;font-weight:500}.lent-done__when{grid-column:1}.lent-done .btn{grid-area:1/2/span 2}.lent-foot{justify-content:flex-end;display:flex}.lent-ask{gap:var(--s-3);display:grid}.lent-dialog-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.lent-stamp.is-new,.lent-returned{animation:none}.lent-row.is-leaving{transition:none}}
