.archive{--archive-gap:var(--space-2);--archive-ink:#f2f2f2;--archive-muted:#8a8a8a;--archive-line:#222;--archive-panel:#111;font:500 var(--type-p) / var(--type-p-lh) var(--font-sans);letter-spacing:var(--type-p-ls);max-width:1200px;padding:var(--space-3) var(--space-2) var(--space-6);margin:0 auto}.archive__add,.archive__count,.archive__not-found,.archive-copy,.archive-gate__label,.archive-gate__error,.archive-gate__submit,.archive-modal__cancel,.archive-modal__save,.archive-modal__x,.archive-modal__field{font:500 var(--type-label-s) / var(--type-label-s-lh) var(--font-mono);letter-spacing:var(--type-label-s-ls);text-transform:uppercase}.archive__code,.archive__search-input,.archive-gate__input,.archive-modal__field input,.archive-modal__field textarea{font:500 var(--type-label-s) / var(--type-label-s-lh) var(--font-mono);letter-spacing:var(--type-label-s-ls);text-transform:none}.archive__title{font:500 var(--type-h1) / var(--type-h1-lh) var(--font-sans);letter-spacing:var(--type-h1-ls)}.archive-card__title,.archive-modal__head h2{font:500 var(--type-h3) / var(--type-h3-lh) var(--font-sans);letter-spacing:var(--type-h3-ls);text-transform:none}.archive__header{gap:var(--space-1);margin-bottom:var(--space-3);display:grid}.archive__header-row{justify-content:flex-end;align-items:center;gap:var(--space-gap);display:flex}.archive__add{appearance:none;color:var(--archive-ink);padding:var(--space-inset) var(--space-gap);cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;transition:background .2s,border-color .2s}.archive__add:hover{background:#ffffff14;border-color:#fff6}.archive__title{margin:0}.archive__count{color:var(--archive-muted);margin:0}.archive__search{margin-top:var(--space-1);justify-content:flex-start;display:flex}.archive__search-field{background:#111;border:1px solid #ffffff24;border-radius:999px;align-items:center;width:100%;max-width:22em;height:3rem;transition:border-color .2s,background .2s;display:flex;position:relative}.archive__search-field:focus-within{background:#141414;border-color:#ffffff59}.archive__search-icon{color:#ffffff73;pointer-events:none;place-items:center;width:1.1rem;height:1.1rem;display:grid;position:absolute;left:.95rem}.archive__search-input{appearance:none;width:100%;height:100%;color:var(--archive-ink);padding:0 var(--space-gap) 0 2.65rem;background:0 0;border:0;outline:0}.archive__search-input::placeholder{color:#ffffff59}.archive__search-input::-webkit-search-cancel-button{appearance:none}.archive__not-found{margin:var(--space-3) 0 0;color:var(--archive-muted);text-align:center}.archive__grid{gap:var(--archive-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.archive-card{min-width:0;position:relative}.archive-card__link{gap:var(--space-1);color:inherit;display:grid;container-type:inline-size}.archive-card__media{aspect-ratio:16/12;background:var(--archive-panel);border-radius:calc(var(--image-radius-ratio) * .75cqi);isolation:isolate;overflow:hidden}.archive-card__image{object-fit:cover;width:100%;height:100%;transition:transform .45s,opacity .45s;display:block}.archive-card__link:hover .archive-card__image{transform:scale(1.03)}.archive-card__placeholder{background:linear-gradient(145deg,#161616,#0d0d0d 55%,#1a1a1a);width:100%;height:100%}.archive-card__title{margin:0;padding-right:3.5rem}.archive-card__copy{z-index:2;position:absolute;top:.55rem;right:.55rem}.archive-copy{appearance:none;color:#fff;-webkit-backdrop-filter:blur(8px);padding:var(--space-inset) var(--space-gap);cursor:pointer;background:#0a0a0ab8;border:1px solid #ffffff2e;border-radius:999px;transition:background .2s,border-color .2s}.archive-copy.is-compact{padding:var(--space-inset) var(--space-1)}.archive-copy:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff59}.archive-copy:disabled{opacity:.45;cursor:default}.archive__detail-top{justify-content:space-between;align-items:flex-start;gap:var(--space-gap);flex-wrap:wrap;display:flex}.archive__code{padding:var(--space-2);border:1px solid var(--archive-line);color:#d8d8d8;white-space:pre-wrap;word-break:break-word;background:#0e0e0e;border-radius:.5em;max-height:calc(100svh - 10rem);margin:0;line-height:1.55;overflow:auto}@media (max-width:900px){.archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.archive{padding:var(--space-2) var(--space-1) var(--space-3)}.archive__grid{grid-template-columns:1fr}}.archive-gate{min-height:100svh;padding:var(--space-2);place-items:center;display:grid}.archive-gate__form{gap:var(--space-1);width:min(100%,280px);display:grid}.archive-gate__label{text-align:center;color:var(--archive-muted,#8a8a8a);margin:0}.archive-gate__input{color:#fff;width:100%;padding:var(--space-1) var(--space-gap) var(--space-1) var(--space-1);letter-spacing:.2em;text-align:center;background:#111;border:1px solid #2a2a2a;border-radius:.45em}.archive-gate__input:focus{outline:1px solid #555}.archive-gate__error{text-align:center;color:#c07070;margin:0}.archive-gate__submit{appearance:none;color:#111;padding:0 var(--space-gap);cursor:pointer;background:#f2f2f2;border:0;border-radius:.45em;line-height:35px}.archive-modal{z-index:80;padding:var(--space-gap);place-items:center;display:grid;position:fixed;inset:0}.archive-modal__backdrop{cursor:pointer;background:#000000b8;border:0;position:absolute;inset:0}.archive-modal__panel{z-index:1;width:min(100%,560px);max-height:min(90svh,720px);padding:var(--space-2) var(--space-1);gap:var(--space-gap);background:#121212;border:1px solid #2a2a2a;border-radius:.75em;display:grid;position:relative;overflow:auto;container-type:inline-size}.archive-modal__head{justify-content:space-between;align-items:center;gap:var(--space-gap);display:flex}.archive-modal__head h2{margin:0}.archive-modal__x{appearance:none;color:#aaa;cursor:pointer;background:0 0;border:0;line-height:1}.archive-modal__field{gap:var(--space-inset);color:#9a9a9a;display:grid}.archive-modal__field input,.archive-modal__field textarea{color:#f2f2f2;width:100%;padding:var(--space-1);resize:vertical;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:.45em}.archive-modal__preview{object-fit:cover;border-radius:calc(var(--image-radius-ratio) * min(1cqi, 1.6px));width:100%;max-height:160px}.archive-modal__actions{justify-content:flex-end;gap:var(--space-1);display:flex}.archive-modal__cancel,.archive-modal__save{appearance:none;padding:0 var(--space-gap);cursor:pointer;border-radius:999px;line-height:35px}.archive-modal__cancel{color:#ccc;background:0 0;border:1px solid #333}.archive-modal__save{color:#111;background:#f2f2f2;border:0}.archive-modal__save:disabled{opacity:.5;cursor:default}