@font-face{font-display:swap;font-family:Docs Handwriting;font-style:normal;font-weight:400;src:url(/fonts/zhi-mang-xing/ZhiMangXing-ReadingNote.ttf)format("truetype")}.docs-records{opacity:1;flex-direction:column;justify-content:center;align-items:center;width:min(100%,1320px);min-height:100dvh;margin:0 auto;padding:40px 20px 64px;transition:opacity .36s,transform .42s cubic-bezier(.4,0,1,1);display:flex;transform:scale(1)}.docs-records[data-leaving=true]{opacity:0;pointer-events:none;transform:scale(.99)}.docs-records__header{text-align:center;margin-bottom:clamp(32px,6vh,72px)}.docs-records__header p{color:var(--text-subtlest);font-size:var(--font-size-xs);line-height:var(--line-height-xs);opacity:0;margin:0 0 8px;animation:.42s cubic-bezier(.22,1,.36,1) 80ms both docs-heading-arrive;transform:translateY(10px)}.docs-records__header h1{font-size:clamp(var(--font-size-lg), 3vw, var(--font-size-xl));font-weight:var(--font-weight-normal);line-height:var(--line-height-xl);opacity:0;margin:0;animation:.52s cubic-bezier(.22,1,.36,1) .3s both docs-heading-arrive;transform:translateY(14px)}.docs-records__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.75vw,40px);width:100%;display:grid}.docs-records__item{color:inherit;opacity:0;flex-direction:column;align-items:center;min-width:0;text-decoration:none;animation:.62s cubic-bezier(.22,1,.36,1) .76s both docs-record-arrive;display:flex;position:relative;transform:translateY(28px)scale(.94)}.docs-records__item:first-child{--record-accent:color-mix(in srgb, var(--glow-pink) 38%, var(--vinyl-label-paper))}.docs-records__item:nth-child(2){--record-accent:color-mix(in srgb, var(--glow-cyan) 34%, var(--vinyl-label-paper));animation-delay:.85s}.docs-records__item:nth-child(3){--record-accent:color-mix(in srgb, var(--glow-violet) 34%, var(--vinyl-label-paper));animation-delay:.94s}.docs-records__item:nth-child(4){--record-accent:color-mix(in srgb, var(--statistics-glow-primary) 34%, var(--vinyl-label-paper));animation-delay:1.03s}.docs-records__disc{aspect-ratio:1;background:radial-gradient(circle, transparent 0 20.5%, var(--record-accent) 20.8% 23.2%, var(--vinyl-label-paper) 23.5% 24.2%, transparent 24.5%), conic-gradient(from 28deg, transparent 0 10%, var(--vinyl-highlight) 16%, transparent 24% 61%, var(--vinyl-highlight) 69%, transparent 77%), repeating-radial-gradient(circle, var(--vinyl-groove) 0 1px, var(--vinyl-disc) 1px 4px);border-radius:var(--radius-full);box-shadow:0 24px 48px var(--shadow-floating-strong), 0 6px 16px var(--shadow-floating-soft);place-items:center;width:100%;max-width:280px;transition:box-shadow .24s,transform .24s cubic-bezier(.22,1,.36,1);display:grid}.docs-records__label{aspect-ratio:1;background:repeating-linear-gradient(16deg, transparent 0 4px, var(--vinyl-paper-fiber) 4px 5px), var(--vinyl-label-paper);border:var(--border-weight-base) solid var(--record-accent);border-radius:var(--radius-full);text-align:center;width:41%;position:relative;overflow:hidden}.docs-records__label:after{background:var(--vinyl-hole);border:var(--border-weight-base) solid var(--vinyl-label-paper);border-radius:var(--radius-full);box-shadow:0 0 0 var(--border-weight-base) var(--vinyl-label-ink);content:"";width:5%;height:5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.docs-records__label-ring{fill:var(--vinyl-label-muted);width:100%;height:100%;position:absolute;inset:0}.docs-records__label-ring text{font-family:var(--font-family);font-size:6px;font-weight:var(--font-weight-bold);letter-spacing:.08em}.docs-records__label-number,.docs-records__label-monogram{color:var(--vinyl-label-ink);line-height:1;position:absolute;left:50%;transform:translate(-50%)}.docs-records__label-number{font-family:Georgia,Times New Roman,serif;font-size:clamp(7px,.7vw,10px);font-weight:700;top:31%}.docs-records__label-monogram{font-family:Georgia,Times New Roman,serif;font-size:clamp(6px,.58vw,8px);font-style:italic;font-weight:700;bottom:29%}.docs-records__name{font-family:Bradley Hand,Docs Handwriting,cursive;font-size:clamp(var(--font-size-sm), 1.6vw, var(--font-size-md));line-height:var(--line-height-md);max-width:100%;min-height:calc(var(--line-height-md) * 2);opacity:0;text-align:center;text-overflow:ellipsis;white-space:normal;justify-content:center;align-items:flex-start;gap:.08em;margin-top:20px;padding:0 4px 4px;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateY(8px)rotate(-1.5deg)}.docs-records__name-wordmark{flex:none;height:1.28em;display:block}.docs-records__name-wordmark text{fill:currentColor;font-family:Docs Handwriting,cursive;font-size:108px}.docs-records__name-latin{white-space:nowrap;line-height:1.25;display:inline-block}.docs-records__name-latin--mixed{font-size:1.22em;line-height:1;transform:translateY(.08em)}.docs-records__name:after{background:var(--text);content:"";height:var(--border-weight-base);transform-origin:0;transition:transform .36s cubic-bezier(.22,1,.36,1) 80ms;position:absolute;bottom:0;left:4px;right:4px;transform:scaleX(0)}.docs-records__status{width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.docs-records__item:hover .docs-records__disc,.docs-records__item:focus-visible .docs-records__disc,.docs-records__item[data-opening=true] .docs-records__disc{box-shadow:0 30px 56px var(--shadow-floating-strong), 0 10px 22px var(--shadow-floating-soft);animation:2.4s linear infinite docs-record-spin}.docs-records__item:hover .docs-records__name,.docs-records__item:focus-visible .docs-records__name,.docs-records__item[data-opening=true] .docs-records__name{opacity:1;transform:translateY(0)rotate(-1.5deg)}.docs-records__item:hover .docs-records__name:after,.docs-records__item:focus-visible .docs-records__name:after,.docs-records__item[data-opening=true] .docs-records__name:after{transform:scaleX(1)}.docs-records__item:focus-visible{border-radius:var(--radius-sm);outline:var(--border-weight-intense) solid var(--text);outline-offset:8px}@keyframes docs-record-arrive{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes docs-heading-arrive{to{opacity:1;transform:translateY(0)}}@keyframes docs-record-spin{to{transform:rotate(1turn)}}@media (width<=960px){.docs-records{justify-content:flex-start}.docs-records__grid{grid-template-columns:repeat(2,minmax(0,240px));justify-content:center;gap:40px clamp(24px,8vw,72px)}.docs-records__name{opacity:1;transform:translateY(0)rotate(-1.5deg)}.docs-records__name:after{transform:scaleX(1)}}@media (width<=520px){.docs-records{min-height:100dvh;padding:32px 20px 40px}.docs-records__header{margin-bottom:36px}.docs-records__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.docs-records__name{font-size:var(--font-size-sm);margin-top:14px}.docs-records__name[data-collection=harness]{width:max-content;max-width:none;font-size:15px;overflow:visible}}@media (hover:none){.docs-records__name{opacity:1;transform:translateY(0)rotate(-1.5deg)}.docs-records__name:after{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.docs-records{transition:none}.docs-records__header p,.docs-records__header h1,.docs-records__item{opacity:1;animation:none;transform:none}.docs-records__disc,.docs-records__name,.docs-records__name:after{transition:none}.docs-records__item:hover .docs-records__disc,.docs-records__item:focus-visible .docs-records__disc,.docs-records__item[data-opening=true] .docs-records__disc{animation:none}}