:root{--bg: #fafafa;--bg-card: #ffffff;--text: #1a1a1a;--text-muted: #666;--border: #e0e0e0;--accent: #2563eb;--accent-hover: #1d4ed8;--tag-bg: #e0e7ff;--tag-text: #3730a3;--type-bg: #fef3c7;--type-text: #92400e}@media(prefers-color-scheme:dark){:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--text: #e5e5e5;--text-muted: #999;--border: #333;--accent: #60a5fa;--accent-hover: #93c5fd;--tag-bg: #1e3a5f;--tag-text: #93c5fd;--type-bg: #422006;--type-text: #fcd34d}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.6;background:var(--bg);color:var(--text)}body{max-width:1200px;margin:0 auto;padding:1rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}header h1{font-size:1.25rem;font-weight:600}header nav{display:flex;gap:1rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem}.filter-bar input,.filter-bar select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:.875rem}.filter-bar input{flex:1;min-width:200px}.filter-bar select{min-width:120px}.filter-bar button{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--accent);color:#fff;font-size:.875rem;cursor:pointer}.filter-bar button:hover{background:var(--accent-hover)}.filter-bar .count{display:flex;align-items:center;font-size:.875rem;color:var(--text-muted);margin-left:auto}.empty-state{text-align:center;padding:3rem 1rem;background:var(--bg-card);border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);margin-bottom:1.5rem}.empty-state p{margin-bottom:1rem;font-size:1rem}.empty-state button{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--accent);color:#fff;font-size:.875rem;cursor:pointer}.empty-state button:hover{background:var(--accent-hover)}.references-list{display:flex;flex-direction:column;gap:.75rem}.reference-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.reference-card summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:1rem;cursor:pointer;list-style:none}.reference-card summary::-webkit-details-marker{display:none}.reference-card summary:before{content:"▸";margin-right:.25rem;transition:transform .2s}.reference-card[open] summary:before{transform:rotate(90deg)}.reference-card .title{font-weight:600;color:var(--text);flex:1;min-width:200px}.reference-card .meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.875rem;color:var(--text-muted)}.reference-card .year{font-weight:500}.reference-card .entry-type{padding:.125rem .5rem;background:var(--type-bg);color:var(--type-text);border-radius:4px;font-size:.75rem;text-transform:lowercase}.reference-card .details{padding:1rem;border-top:1px solid var(--border);margin-top:.5rem}.reference-card .authors{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.reference-card .abstract{font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.reference-card .tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.tag{padding:.125rem .5rem;background:var(--tag-bg);color:var(--tag-text);border-radius:4px;font-size:.75rem}.reference-card .links{display:flex;gap:1rem;font-size:.875rem}.reference-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.reference-detail h1{font-size:1.5rem;margin-bottom:.5rem}.reference-detail .meta-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem;color:var(--text-muted)}.reference-detail .field{margin-bottom:1rem}.reference-detail .field-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.reference-detail .field-value{font-size:.9375rem}.back-link{display:inline-block;margin-bottom:1rem}@media(max-width:600px){.filter-bar{flex-direction:column}.filter-bar input,.filter-bar select{width:100%}.filter-bar .count{margin-left:0}}.network-footer{margin-top:3rem;padding:1.5rem;border-top:1px solid #e5e5e5;background:#f9f9f9;text-align:center;font-size:.875rem}.network-footer-content{max-width:800px;margin:0 auto}.network-label{color:#666;margin-right:.5rem}.network-links{display:inline}.network-links a{color:#2563eb;text-decoration:none;margin:0 .5rem}.network-links a:hover{text-decoration:underline}