:root{color-scheme:dark;--bg: #111411;--surface: #181d19;--surface-muted: #202720;--ink: #ece8dc;--muted: #aaa697;--line: #343b32;--record-divider: #30372f;--record-hover: rgba(143, 190, 171, .1);--cover-surface: #242b24;--cover-border: #454d41;--accent: #8fbeab;--accent-strong: #b9dacb;--highlight: #7b5f20;--shadow: 0 16px 34px rgba(0, 0, 0, .32);--motion-fast: .14s ease;--motion-medium: .22s ease}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--ink)}a{color:inherit}button,input,select{font:inherit}button{min-height:44px}:focus-visible{outline:3px solid rgba(143,190,171,.34);outline-offset:2px}.record-list{display:grid;border-top:1px solid var(--record-divider)}.record-row{--record-cover-width: 64px;--record-gap: .7rem;--record-padding: .72rem 0;display:grid;grid-template-columns:var(--record-cover-width) minmax(0,1fr);gap:var(--record-gap);align-items:start;min-width:0;padding:var(--record-padding);border-bottom:1px solid var(--record-divider);background:transparent;color:inherit;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.record-row:hover{background:var(--record-hover)}.record-row:active{transform:translateY(1px)}.record-row.noPreview{grid-template-columns:minmax(0,1fr)}.cover-frame{width:var(--record-cover-width);aspect-ratio:3 / 4;overflow:hidden;border:1px solid var(--cover-border);border-radius:4px;background:var(--cover-surface);display:grid;place-items:center;box-shadow:0 1px 2px #00000059}.cover-frame img{width:100%;height:100%;object-fit:cover;transition:opacity var(--motion-medium),transform var(--motion-medium)}.record-row:hover .cover-frame img{transform:scale(1.018)}.cover-frame span{color:var(--accent-strong);font-weight:900}.record-copy{min-width:0;display:grid;gap:.24rem}.record-title{margin:0;font-size:.94rem;line-height:1.22}.record-title a{color:inherit;text-decoration:none}.record-row:hover .record-title,.record-title a:hover{text-decoration:underline}.record-meta{margin:0;color:var(--muted);font-size:.76rem;font-weight:700;line-height:1.32}.record-tags{display:flex;flex-wrap:wrap;gap:.2rem .55rem;margin-top:.04rem}.record-tags span{color:var(--accent-strong);font-size:.68rem;font-weight:800;line-height:1.3}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}