@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Noto+Serif+SC:wght@500;600&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap";:root{--ink:#1c1917;--ink-soft:#44403c;--ink-muted:#57534e;--ink-faint:#78716c;--bg:#faf8f5;--bg-elevated:#fffcf7;--border-subtle:#e7e2dc;--border:#d6d0c8;--border-strong:#a8a29e;--vermilion:#b91c1c;--vermilion-soft:#b91c1c59;--gold-muted:#b45309;--gold-dark:#92400e;--shadow-tile:0 12px 28px -18px #1c191740;--font-sans:"DM Sans", system-ui, sans-serif;--font-serif:"Source Serif 4", "Georgia", serif;--font-display-zh:"Noto Serif SC", "Source Serif 4", serif;font-family:var(--font-sans);color:var(--ink-soft);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.page{flex-direction:column;min-height:100svh;display:flex}.site-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 100%);padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem) clamp(2rem,4vw,3rem);position:relative}.site-header:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--vermilion) 12%, var(--gold-muted) 50%, var(--vermilion) 88%, transparent 100%);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.site-header__brand{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.site-header__seal{border:2px solid var(--vermilion);background:radial-gradient(circle at 35% 35%,#b91c1c1f,#0000 55%);border-radius:2px;flex-shrink:0;width:3rem;height:3rem;box-shadow:inset 0 0 0 1px #b91c1c26}.site-header__titles{text-align:left}.site-header__zh{font-family:var(--font-display-zh);letter-spacing:.2em;color:var(--ink);margin:0 0 .2rem;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:600}.site-header__name{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:500;line-height:1.15}.site-header__tagline{max-width:40rem;color:var(--ink-muted);text-align:left;margin:0;font-size:1rem;line-height:1.65}.catalog{flex:1;padding:clamp(1.75rem,4vw,2.75rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,6vw,4rem)}.catalog__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;margin-bottom:1.5rem;display:flex}.catalog__filters{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;display:flex}.catalog__heading{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500}.filter{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.filter__label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:.75rem}.filter__select{appearance:none;font-family:var(--font-sans);color:var(--ink);background-color:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a4543' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:6px;min-width:12rem;padding:.55rem 2.25rem .55rem .85rem;font-size:.95rem}.filter__select:hover{border-color:var(--border-strong)}.filter__select:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.catalog__status{color:var(--ink-muted);margin:0 0 1rem}.catalog__status--error{color:var(--vermilion)}.catalog__status code{background:var(--bg-elevated);border-radius:4px;padding:.1em .35em;font-size:.9em}.catalog__count{color:var(--ink-faint);margin:0 0 1.25rem;font-size:.875rem}.catalog__empty{color:var(--ink-muted);margin:2rem 0 0}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));align-items:start;gap:1.25rem;display:grid}@keyframes media-tile-enter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes media-tile-enter-reduced{0%{opacity:0}to{opacity:1}}.media-tile--enter{animation:.55s cubic-bezier(.16,1,.3,1) both media-tile-enter;animation-delay:calc(var(--tile-stagger,0) * 26ms)}@media (prefers-reduced-motion:reduce){.media-tile--enter{animation-name:media-tile-enter-reduced;animation-duration:.22s;animation-timing-function:ease;animation-delay:calc(var(--tile-stagger,0) * 10ms)}}button.media-tile{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left}.media-tile{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;margin:0;padding:1.25rem 1.2rem 1.35rem;transition:border-color .2s,box-shadow .2s;position:relative}.media-tile:before{content:"";background:var(--vermilion-soft);opacity:0;border-radius:0 2px 2px 0;width:3px;transition:opacity .2s;position:absolute;top:.85rem;bottom:.85rem;left:0}.media-tile:hover{border-color:var(--border);box-shadow:var(--shadow-tile)}.media-tile:hover:before{opacity:1}.media-tile:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.media-tile__type{text-transform:uppercase;letter-spacing:.14em;color:var(--gold-dark);margin:0 0 .65rem;font-size:.7rem;font-weight:600;display:block}.media-tile__title{font-family:var(--font-serif);color:var(--ink);margin:0 0 .4rem;font-size:1.05rem;font-weight:600;line-height:1.35;display:block}.media-tile__creator{color:var(--ink-muted);margin:0 0 .65rem;font-size:.875rem;display:block}.media-tile__meta{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);gap:.35rem;margin:0 0 .75rem;padding:.55rem 0 .65rem;display:grid}.media-tile__meta-row{grid-template-columns:5.5rem 1fr;align-items:baseline;gap:.5rem;font-size:.8125rem;display:grid}.media-tile__meta dt{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.65rem;font-weight:600}.media-tile__meta dd{color:var(--ink-soft);margin:0}.media-tile__description{color:var(--ink-soft);margin:0;font-size:.875rem;line-height:1.55}.modal-layer{z-index:1000;box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2rem);display:flex;position:fixed;inset:0}.modal-backdrop{cursor:pointer;opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#1c191773;transition:opacity .34s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .34s cubic-bezier(.16,1,.3,1),backdrop-filter .34s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.modal-layer--visible .modal-backdrop{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-panel{z-index:1;background:var(--bg-elevated);border:1px solid var(--border);text-align:left;opacity:0;border-radius:10px;width:min(36rem,100%);max-height:min(85vh,100%);padding:clamp(1.5rem,4vw,2.25rem);transition:opacity .38s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s cubic-bezier(.16,1,.3,1);position:relative;overflow:auto;transform:translateY(20px)scale(.96);box-shadow:0 24px 48px -20px #1c191759}.modal-layer--visible .modal-panel{opacity:1;transform:translateY(0)scale(1);box-shadow:0 28px 56px -24px #1c191766,0 0 0 1px #b91c1c0f}@media (prefers-reduced-motion:reduce){.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;transition-duration:.14s}.modal-layer--visible .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.modal-panel{transition-duration:.14s;transform:translateY(8px)scale(.99)}.modal-layer--visible .modal-panel{transform:translateY(0)scale(1)}}.modal-close{width:2.25rem;height:2.25rem;color:var(--ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:color .15s,background .15s,border-color .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{color:var(--ink);background:var(--bg);border-color:var(--border-subtle)}.modal-close:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.modal-panel__type{text-transform:uppercase;letter-spacing:.14em;color:var(--gold-dark);margin:0 0 .75rem;font-size:.75rem;font-weight:600}.modal-panel__title{font-family:var(--font-serif);color:var(--ink);margin:0 0 .5rem;padding-right:2.5rem;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:600;line-height:1.25}.modal-panel__creator{color:var(--ink-muted);margin:0 0 1.25rem;font-size:1.05rem}.modal-panel__meta{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);gap:.65rem;margin:0 0 1.5rem;padding:1rem 0;display:grid}.modal-panel__meta-row{grid-template-columns:6.5rem 1fr;align-items:baseline;gap:.75rem;font-size:.95rem;display:grid}.modal-panel__meta dt{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.7rem;font-weight:600}.modal-panel__meta dd{color:var(--ink-soft);margin:0}.modal-panel__description{color:var(--ink-soft);margin:0;font-size:1.05rem;line-height:1.65}.site-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:1.5rem clamp(1.25rem,4vw,2.5rem) 2rem}.site-footer p{max-width:36rem;color:var(--ink-faint);text-align:left;margin:0;font-size:.8125rem;line-height:1.6}@media (width<=640px){.catalog__toolbar,.catalog__filters{flex-direction:column;align-items:stretch}.filter__select{width:100%}}