nav a[aria-current=page]{font-weight:650;color:var(--green);text-decoration:underline;text-underline-offset:7px}.new-link{width:auto;white-space:nowrap;margin:0;display:inline-block;text-align:center}.records-shell{background:#fcfdf9;border:1px solid var(--line);border-radius:12px;padding:24px}.record-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(110px,1fr)) auto;gap:12px;align-items:end}.record-filters label{margin:0}.record-search{min-width:0}.filter-submit{height:42px}.record-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0 18px;font-size:13px}.record-summary p{margin:0}.record-summary>div{display:flex;gap:18px;flex-shrink:0}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record-grid[aria-busy=true]{opacity:.55;pointer-events:none}.record-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;padding:20px;background:white}.record-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.record-category{font-size:11px;color:var(--muted);line-height:1.7}.record-top .pill{padding:3px 7px;font-size:10px}.record-card h2{font-size:18px;line-height:1.5;margin:16px 0 12px;overflow-wrap:anywhere}.record-card h2 a:hover{text-decoration:underline}.record-tags{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:11px;color:#526959;line-height:1.6}.record-prompt{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.record-meta{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:auto;line-height:1.6}.record-meta time{flex-basis:100%}.record-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.record-actions .play-button{flex:0 0 100%;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:10px 14px}.pagination{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;padding:28px 0 8px;font-size:12px}.record-empty{text-align:center;padding:60px 18px}.record-empty p{font-size:13px;color:var(--muted)}.records-note{margin:24px 0 0}.settings-shell{max-width:720px;margin:0 auto}.settings-shell fieldset{border:0;padding:0;margin:0;min-width:0}.settings-shell .primary{width:auto;margin:0}.settings-shell .setting-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0}.settings-shell .boolean{display:flex;flex-direction:row;align-items:center}.settings-shell h1{font-size:28px}#connection-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}
@media(max-width:1100px){.record-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-search{grid-column:span 2}}
@media(max-width:720px){.record-grid{grid-template-columns:1fr}.record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.record-search{grid-column:1/-1}.filter-submit{grid-column:1/-1}.records-shell{padding:16px}.record-summary{align-items:start;flex-direction:column}.record-card{padding:18px}.intro{align-items:start;flex-direction:column}.pagination{gap:8px}.pagination .play-button{padding:8px 10px}.pagination span{flex-basis:100%;text-align:center;order:-1}}

.record-picture{display:block;position:relative;aspect-ratio:4/3;margin-top:16px;overflow:hidden;border-radius:5px;background:#e9ede5;border:1px solid #d5ddd0}.record-picture canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.thumbnail-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:12px;color:var(--muted)}.record-picture:hover{border-color:var(--green)}