:root{--bg: #faf7f2;--fg: #2a2520;--muted: #7a7166;--card: #fff;--line: #e4ddd2;--accent: #8a5a2b;--accent-fg: #fff;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #1b1815;--fg: #efe9df;--muted: #a39a8d;--card: #26221e;--line: #3a342d;--accent: #d49a5a;--accent-fg: #1b1815}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 Georgia,Times New Roman,serif}button,input,select,textarea{font:inherit;color:inherit}button,select,input,textarea{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:6px 10px}button{cursor:pointer}button.primary,a.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.link{background:none;border:none;color:var(--accent);text-decoration:underline;padding:0 4px}a.btn{display:inline-block;padding:6px 12px;border-radius:6px;text-decoration:none}.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:20px 24px;border-bottom:1px solid var(--line)}.top h1{margin:0;font-size:1.6rem}.sub{margin:0;color:var(--muted);flex:1}.auth{display:flex;gap:10px;align-items:center;font-size:.9rem}main{max-width:1200px;margin:0 auto;padding:20px 24px 60px}.banner{background:#fde8e0;color:#7a2a10;border-radius:6px;padding:10px 14px;margin-bottom:14px}.search{width:100%;padding:10px 14px;font-size:1.05rem}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;align-items:center}.filters select{max-width:220px}.check{display:flex;gap:6px;align-items:center}.check input{padding:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;cursor:pointer;transition:transform .1s}.card:hover{transform:translateY(-2px);border-color:var(--accent)}.card h3{margin:0 28px 4px 0;font-size:1.05rem}.meta{margin:0 0 8px;color:var(--muted);font-size:.85rem}.desc{margin:0 0 10px;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}.tags span{font-size:.75rem;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:1px 8px}.star{position:absolute;top:8px;right:8px;border:none;background:none;font-size:1.3rem;color:var(--accent);padding:2px 6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:4vh 12px;z-index:10}.modal{position:relative;background:var(--bg);border-radius:12px;padding:24px;width:100%;max-width:760px}.modal.small{max-width:380px;display:flex;flex-direction:column;gap:10px}.modal.small label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.modal h2{margin-top:0;padding-right:30px}.close{position:absolute;top:10px;right:10px;border:none;background:none;font-size:1.6rem;line-height:1}.cover{max-width:100%;max-height:320px;border-radius:8px}dl{display:grid;gap:6px;margin:16px 0}dl div{display:grid;grid-template-columns:120px 1fr;gap:10px;border-bottom:1px solid var(--line);padding-bottom:6px}dt{color:var(--muted)}dd{margin:0;word-break:break-word}.citation{background:var(--card);border-left:3px solid var(--accent);padding:8px 12px;margin:0 0 8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.note-form{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.note-form textarea{width:100%}.note{border-top:1px solid var(--line);padding:8px 0}.note p{margin:0 0 4px;white-space:pre-wrap}.msg{color:#b3401c;font-size:.9rem}@media (max-width: 520px){dl div{grid-template-columns:1fr;gap:0}}