:root{--bg:#f3efe7;--s:#fffdf8;--ink:#201b16;--muted:#766d63;--line:#d9cfc0;--accent:#9a805a;--soft:#efe5d6;--dark:#121210;--ok:#53664c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,serif}.shell{max-width:1160px;margin:auto;padding:16px 16px 56px}.top{display:flex;justify-content:space-between;gap:12px;padding:16px;border-radius:16px;background:var(--dark);color:#eee8dd}.top strong{letter-spacing:.12em}.top small{display:block;margin-top:4px;color:#bda98c;text-transform:uppercase;letter-spacing:.06em}.top a{color:#e6d4b5;text-decoration:none;border:1px solid #5c5144;border-radius:9px;padding:8px 10px;font-size:.72rem}.hero{margin-top:14px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--s),#f7f0e5)}.eye{color:#9b8057;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:6px 0 9px;font-size:clamp(2.1rem,7vw,3.8rem);line-height:1}.hero p{margin:0;max-width:880px;color:var(--muted);line-height:1.6}.notice{margin-top:12px;padding:11px 13px;border-left:3px solid var(--accent);background:var(--soft);color:#665b50;font-size:.76rem;line-height:1.5}.metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.metrics span,.pill{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--s);font-size:.64rem;font-weight:700}.section{margin-top:14px;border:1px solid var(--line);border-radius:15px;background:var(--s);overflow:hidden}.section>summary,.quote-card>summary{list-style:none;cursor:pointer}.section>summary::-webkit-details-marker,.quote-card>summary::-webkit-details-marker{display:none}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;user-select:none}.section-head:hover,.quote-head:hover{background:#faf6ef}.section-title{min-width:0}.section-title h2{margin:2px 0 0;font-size:1.2rem}.section-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.66rem}.chev{font-size:1rem;line-height:1;transition:transform .15s ease}.section[open]>.section-head .chev,.quote-card[open]>summary .chev{transform:rotate(180deg)}.section-body{padding:0 14px 14px}.search{display:flex;gap:7px}.search input{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.search button,.filter,.topic-card,.back-btn,.copy-btn,.browse-all,.related-topic,.actions a{border:1px solid var(--line);background:var(--s);color:#775d38;border-radius:8px;padding:7px 9px;font:inherit;font-size:.66rem;font-weight:700;text-decoration:none;cursor:pointer}.filters{display:flex;gap:5px;overflow:auto;padding-top:8px}.filter{flex:0 0 auto;border-radius:999px}.filter.active{border-color:var(--accent);background:var(--soft)}.status{margin-top:7px;color:var(--muted);font-size:.68rem}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.topic-card{display:flex;flex-direction:column;min-height:165px;padding:15px;border-radius:14px;color:var(--ink);text-align:left}.topic-card h3{margin:5px 0 6px;font-size:1rem}.topic-card p{margin:0;color:var(--muted);font-size:.71rem;line-height:1.48;font-weight:400}.topic-stats{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.topic-stats span{padding:4px 6px;border:1px solid var(--line);border-radius:999px;background:#f8f4ed;color:var(--muted);font-size:.57rem}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 10px}.detail-copy{padding:14px 0 2px;color:var(--muted);line-height:1.55}.history-note{margin-top:12px;padding:11px 12px;border-left:3px solid var(--accent);background:#f7f2ea;color:#665b50;font-size:.72rem;line-height:1.5}.history-note strong{color:#7f694b}.century-strip{display:flex;gap:6px;overflow:auto;padding:2px 0 4px}.century-chip{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#f8f4ed;color:var(--muted);font-size:.6rem;font-weight:700}.century-section{margin-top:10px;background:#fbf8f2;border-color:#e3d8c8}.century-section>.section-head{background:#f7f1e8}.century-section>.section-head:hover{background:#f2eadf}.century-section .section-title h2{font-size:1.08rem}.century-section .section-body{padding-top:2px}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quote-card{border:1px solid var(--line);border-radius:14px;background:var(--s);overflow:hidden}.quote-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px}.quote-head h3{margin:3px 0;font-size:1rem}.work{color:var(--muted);font-size:.69rem;line-height:1.45}.quote-body{padding:0 14px 14px}.quote-badge{display:inline-block;padding:4px 7px;border:1px solid #b7c0b1;border-radius:999px;background:#f1f5ef;color:var(--ok);font-size:.56rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.quote{margin:8px 0 0;padding:11px 12px;border-left:3px solid var(--accent);background:#f7f2ea;font-size:.84rem;line-height:1.58}.context-box{margin-top:9px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fbf8f2;color:var(--muted);font-size:.69rem;line-height:1.48}.context-box strong{display:block;margin-bottom:3px;color:#7f694b;font-size:.59rem;letter-spacing:.06em;text-transform:uppercase}.pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.pill,.related-topic{font-size:.55rem;padding:4px 6px;border-radius:999px}.actions{margin-top:9px}.empty,.error{padding:16px;border:1px dashed var(--line);border-radius:12px;background:var(--s);color:var(--muted)}.footer{margin-top:22px;text-align:center;color:var(--muted);font-size:.66rem}.hidden{display:none!important}@media(max-width:860px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:10px 10px 40px}.top{margin:0 -10px;border-radius:0}.hero{padding:20px 17px}.topic-grid,.quote-grid{grid-template-columns:1fr}.topic-card{min-height:0}.quote{font-size:.9rem}.section-head{padding:13px 12px}.section-body{padding:0 11px 12px}.section-title h2{font-size:1.05rem}.century-section .section-title h2{font-size:1rem}.century-section .section-meta span:first-child{max-width:130px;text-align:right}}