@import "https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Montserrat:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{color:#1a1a1a;background:#fcfcfc;font-family:Crimson Text,Georgia,serif;font-size:18px;line-height:1.6}#root{min-height:100vh}.app{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;width:100%;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}.header{border-bottom:3px solid var(--border);background:var(--bg);z-index:1000;box-shadow:0 2px 8px var(--shadow-color);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:24px 40px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.title{letter-spacing:2px;color:var(--accent-primary);text-transform:uppercase;margin:0;font-family:Montserrat,sans-serif;font-size:32px;font-weight:700}.dark-mode-btn{letter-spacing:1px;cursor:pointer;border:1px solid var(--border);background:var(--btn-bg);color:var(--text);text-transform:uppercase;border-radius:4px;padding:8px 14px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;transition:all .3s}.dark-mode-btn:hover{background:var(--hover-bg);border-color:var(--text)}.controls{border-bottom:1px solid var(--border);background:var(--bg);gap:12px;margin-top:90px;padding:20px 40px;display:flex}.sort-btn{border:1px solid var(--border);background:var(--btn-bg);color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.sort-btn:hover{background:var(--hover-bg);border-color:var(--text)}.sort-btn.active{background:var(--text);color:var(--bg);font-weight:700}.content{box-sizing:border-box;flex:1;width:100%;max-width:900px;margin:0 auto;padding:40px;overflow-x:hidden}.loading,.empty{text-align:center;color:var(--text-light);padding:60px 20px;font-family:Georgia,serif;font-size:18px}.documents{flex-direction:column;gap:40px;display:flex}.document-card{border:1px solid var(--border);background:var(--card-bg);box-shadow:0 2px 4px var(--shadow-color);border-radius:4px;padding:30px;transition:box-shadow .3s}.document-card:hover{box-shadow:0 4px 12px var(--shadow-color)}.date-header{color:var(--date-color);border-bottom:1px solid var(--border);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700}.keywords-section{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.keyword-tag{background:var(--keyword-bg);color:var(--keyword-text);border:1px solid var(--keyword-border);cursor:pointer;text-transform:capitalize;letter-spacing:.3px;border-radius:12px;padding:5px 11px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:inline-block}.keyword-tag:hover{background:var(--keyword-hover-bg);transform:translateY(-1px)}.document-card h1{color:var(--text-h);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;padding-bottom:12px;font-family:Montserrat,sans-serif;font-size:26px;font-weight:700}.document-card h2{color:var(--text-h);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 12px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.document-card p{color:var(--text);margin:12px 0;font-family:Crimson Text,Georgia,serif;font-size:18px;line-height:1.65}.document-card ul,.document-card ol{color:var(--text);margin:12px 0;padding-left:24px;font-family:Crimson Text,Georgia,serif;font-size:18px;line-height:1.65}.document-card li{margin:8px 0}.document-card em{color:var(--text-light);font-style:italic}.document-card code{background:var(--code-bg);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:14px}.document-card blockquote{border-left:4px solid var(--border);color:var(--text-light);margin:16px 0;padding-left:16px;font-style:italic}.document-meta{border-top:1px solid var(--border);color:var(--text-light);gap:16px;margin-top:24px;padding-top:16px;font-family:Georgia,serif;font-size:13px;display:flex}.date{color:var(--date-color);font-weight:700}.filename{word-break:break-word;color:var(--accent-primary);cursor:pointer;text-decoration:none;transition:opacity .3s}.filename:hover{opacity:.8;text-decoration:underline}.footer{border-top:3px solid var(--border);background:var(--bg);padding:40px}.fab{background:var(--accent-primary);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #8b00004d}.fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #8b000066}.fab:active{transform:scale(.95)}.modal-overlay{z-index:2000;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg);border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:85vh;animation:.3s ease-in-out slideUp;display:flex;box-shadow:0 8px 32px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:var(--text-h);margin:0;font-family:Montserrat,sans-serif;font-size:26px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:0;font-size:24px;transition:color .3s}.modal-close:hover{color:var(--text)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-controls{background:var(--card-bg);z-index:10;gap:12px;margin-bottom:20px;padding:16px 0;display:flex;position:sticky;top:0}.modal-btn{border:1px solid var(--border);background:var(--btn-bg);color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex:1;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.modal-btn:hover{background:var(--hover-bg);border-color:var(--text)}.keywords-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.keyword-checkbox{background:var(--btn-bg);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:14px 16px;font-family:Crimson Text,Georgia,serif;font-size:18px;transition:all .2s;display:flex}.keyword-checkbox:hover{background:var(--hover-bg);border-color:var(--accent-primary)}.keyword-checkbox input{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-primary)}.keyword-checkbox span{flex:1}.results-count{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:24px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600}:root{--bg:#f5f5f5;--card-bg:#fff;--text:#1a1a1a;--text-h:#1a1a1a;--text-light:#555;--border:#e0e0e0;--btn-bg:#f0f0f0;--hover-bg:#e8e8e8;--code-bg:#f0f0f0;--shadow-color:#0000000f;--date-color:#8b0000;--accent-primary:#8b0000;--keyword-bg:#f0f0f0;--keyword-text:#333;--keyword-border:#ddd;--keyword-hover-bg:#e8e8e8}:root.dark{--bg:#1a1a1a;--card-bg:#242424;--text:#e0e0e0;--text-h:#f5f5f5;--text-light:#b0b0b0;--border:#3a3a3a;--btn-bg:#2a2a2a;--hover-bg:#333;--code-bg:#2a2a2a;--shadow-color:#0006;--date-color:#ff6b5b;--accent-primary:#ff6b5b;--keyword-bg:#2f2f2f;--keyword-text:#d8d8d8;--keyword-border:#444;--keyword-hover-bg:#3a3a3a}@media (width<=768px){.header{z-index:1000;padding:12px 16px;position:fixed;top:0;left:0;right:0}.title{letter-spacing:.5px;white-space:nowrap;flex:1;font-size:14px}.dark-mode-btn{flex-shrink:0;padding:6px 10px;font-size:10px}.controls{flex-wrap:wrap;margin-top:70px;padding:16px 20px}.content,.document-card{box-sizing:border-box;padding:16px}.document-card h1{font-size:22px}.document-card h2{font-size:18px}.document-card p,.document-card ul,.document-card ol{font-size:16px}.keyword-tag{font-size:10px}body{font-size:16px}.fab{width:48px;height:48px;font-size:20px;bottom:16px;right:16px}.modal-content{width:calc(100vw - 24px);max-height:70vh;margin:0}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.keywords-grid{grid-template-columns:1fr;gap:12px}.keyword-checkbox{padding:12px 14px;font-size:15px}.modal-controls{flex-direction:column;gap:10px;margin-bottom:0}.modal-btn{padding:12px 16px;font-size:13px}}