@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap);:root{--text-primary:rgba(0, 0, 0, 0.87);--text-secondary:rgba(0, 0, 0, 0.6);--text-tertiary:rgba(0, 0, 0, 0.5);--text-hint:rgba(0, 0, 0, 0.38);--text-on-primary:white;--bg-primary:#ffffff;--bg-secondary:#f8f8f8;--bg-tertiary:rgba(0, 0, 0, 0.02);--bg-hover:rgba(0, 0, 0, 0.05);--bg-active:rgba(0, 0, 0, 0.08);--border-light:rgba(0, 0, 0, 0.1);--border-medium:rgba(0, 0, 0, 0.2);--border-strong:rgba(0, 0, 0, 0.38);--border-dotted:#ccc;--link-color:#2c5aa0;--link-hover:#1a4480;--link-visited:#1a3a6a;--btn-primary-bg:rgba(0, 0, 0, 0.87);--btn-primary-hover:rgba(0, 0, 0, 1);--btn-secondary-bg:white;--btn-secondary-hover:rgba(0, 0, 0, 0.05);--code-bg:#f8f8f8;--code-border:#ccc;--code-header-bg:#e8e8e8;--code-inline-bg:#f5f5f5;--code-inline-border:#e1e1e1;--code-text:#333;--danger:#e74c3c;--danger-hover:#c0392b;--danger-bg:rgba(231, 76, 60, 0.05);--success:#27ae60;--success-bg:#d4edda;--success-border:#c3e6cb;--success-text:#155724;--warning:#f39c12;--warning-bg:rgba(243, 156, 18, 0.15);--warning-border:rgba(243, 156, 18, 0.4);--accent-blue:rgba(33, 150, 243, 0.12);--accent-blue-border:rgba(33, 150, 243, 0.5);--accent-blue-hover:rgba(33, 150, 243, 0.6);--table-header-bg:white;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 4px 20px rgba(0, 0, 0, 0.3);--modal-backdrop:rgba(0, 0, 0, 0.5);--input-bg:white;--input-disabled-bg:rgba(0, 0, 0, 0.05);--input-disabled-text:rgba(0, 0, 0, 0.5);--input-placeholder:rgba(0, 0, 0, 0.4);--prism-text:#333;--prism-comment:#708090;--prism-punctuation:#333;--prism-property:#0066cc;--prism-string:#009900;--prism-operator:#333;--prism-keyword:#dd4a68;--prism-function:#6600cc;--prism-variable:#cc6600;--chart-line:rgba(0, 0, 0, 0.87);--chart-fill:rgba(0, 0, 0, 0.05);--chart-grid:rgba(0, 0, 0, 0.06)}html.dark-mode{--text-primary:rgba(255, 255, 255, 0.87);--text-secondary:rgba(255, 255, 255, 0.6);--text-tertiary:rgba(255, 255, 255, 0.5);--text-hint:rgba(255, 255, 255, 0.38);--text-on-primary:white;--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-tertiary:rgba(255, 255, 255, 0.04);--bg-hover:rgba(255, 255, 255, 0.08);--bg-active:rgba(255, 255, 255, 0.12);--border-light:rgba(255, 255, 255, 0.1);--border-medium:rgba(255, 255, 255, 0.2);--border-strong:rgba(255, 255, 255, 0.3);--border-dotted:#444;--link-color:#6ba3d6;--link-hover:#8bb8e0;--link-visited:#4a7ba8;--btn-primary-bg:transparent;--btn-primary-hover:rgba(255, 255, 255, 0.08);--btn-secondary-bg:#242424;--btn-secondary-hover:rgba(255, 255, 255, 0.08);--code-bg:#282c34;--code-border:#3e4451;--code-header-bg:#2c313a;--code-inline-bg:#282c34;--code-inline-border:#3e4451;--code-text:#e0e0e0;--danger:#e74c3c;--danger-hover:#ff6b5a;--danger-bg:rgba(231, 76, 60, 0.15);--success:#2ecc71;--success-bg:rgba(46, 204, 113, 0.15);--success-border:rgba(46, 204, 113, 0.3);--success-text:#2ecc71;--warning:#e67e22;--warning-bg:rgba(243, 156, 18, 0.2);--warning-border:rgba(243, 156, 18, 0.4);--accent-blue:rgba(33, 150, 243, 0.15);--accent-blue-border:rgba(33, 150, 243, 0.4);--accent-blue-hover:rgba(33, 150, 243, 0.5);--table-header-bg:#242424;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 4px 20px rgba(0, 0, 0, 0.6);--modal-backdrop:rgba(0, 0, 0, 0.7);--input-bg:#2a2a2a;--input-disabled-bg:rgba(255, 255, 255, 0.05);--input-disabled-text:rgba(255, 255, 255, 0.4);--input-placeholder:rgba(255, 255, 255, 0.35);--prism-text:#e0e0e0;--prism-comment:#7ec699;--prism-punctuation:#e0e0e0;--prism-property:#79b8ff;--prism-string:#a5d6ff;--prism-operator:#e0e0e0;--prism-keyword:#f97583;--prism-function:#e1c87e;--prism-variable:#ffab70;--chart-line:rgba(255, 255, 255, 0.87);--chart-fill:rgba(255, 255, 255, 0.08);--chart-grid:rgba(255, 255, 255, 0.08)}.logo{font-family:"EB Garamond",serif;font-size:2rem;color:var(--text-primary);font-weight:700;display:inline-flex;align-items:center;gap:.3em;text-decoration:none}.logo-icon{width:1.2em;height:1.2em;vertical-align:middle}html.dark-mode .logo-icon{filter:invert(1)}html{height:100%;background:var(--bg-primary)}body{font-family:"EB Garamond";line-height:1.2;text-align:left;overflow-wrap:break-word;word-break:normal;hyphens:none;-webkit-hyphens:none;color:var(--text-primary);background:var(--bg-primary);width:650px;margin:0 auto;padding:0;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{hyphens:auto;-webkit-hyphens:auto}footer{text-align:center;padding:1.5rem 1rem;font-family:"EB Garamond";color:var(--text-primary);margin-top:auto}footer a{color:var(--link-color);text-decoration:underline}footer a:hover{color:var(--link-hover)}a:visited{color:var(--link-color)}a.btn:active,a.btn:visited,a.logo:visited,a.toc-author:visited{color:var(--text-primary)}a.toc-author:visited,a.toc-tag:visited{color:var(--text-secondary)}a.btn-primary:active,a.btn-primary:visited{color:var(--text-on-primary)}a.btn-danger:active,a.btn-danger:visited{color:var(--danger)}body.modal-open{overflow:hidden}.btn{padding:8px 16px;font-family:"EB Garamond",serif;font-size:.95em;border:1px solid var(--border-medium);background:var(--btn-secondary-bg);color:var(--text-primary);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.3em;box-sizing:border-box;line-height:1.2}.btn:hover{background:var(--btn-secondary-hover);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--text-on-primary);border-color:var(--btn-primary-bg)}html.dark-mode .btn-primary{color:var(--text-primary);border-color:var(--border-medium)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--border-strong)}.btn-danger{color:var(--danger);border-color:rgba(231,76,60,.3)}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.btn-icon{width:36px;height:36px;padding:0;font-size:1.2em}.btn-sm{padding:.5em 1.5em;font-size:14px}.btn-lg{padding:1rem 2.5rem;font-size:1rem;font-weight:500}.btn-block{width:100%}.btn svg,.copy-link-btn svg{display:inline-block;vertical-align:-.15em;flex-shrink:0}.modal{display:none;position:fixed;z-index:200000;left:0;top:0;width:100%;height:100%;background-color:var(--modal-backdrop);align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal.active{display:flex}.modal-content{background-color:var(--bg-primary);padding:2em;box-shadow:var(--shadow-lg);width:650px;max-height:80vh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.modal-header{position:relative}.modal-content h2{margin:0 0 1.5em 0;padding-bottom:.5em;padding-right:2em;font-size:1.5em;font-weight:600;border-bottom:1px solid var(--border-strong)}.modal-close{position:absolute;top:0;right:0;background:0 0;border:none;outline:0;box-shadow:none;font-size:1.5em;color:var(--text-tertiary);cursor:pointer;padding:0;line-height:1;margin:0;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-close:hover{color:var(--text-primary)}.modal-buttons{display:flex;gap:.5em;justify-content:flex-end;margin-top:1.5em}.tab-group{display:flex;gap:20px;justify-content:center;border-bottom:1px solid var(--border-light)}.tab{background:0 0;border:none;padding:10px 20px;font-family:"EB Garamond",serif;font-size:1.1em;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.tab-content{display:none}.tab-content.active{display:block}.form-group{margin-bottom:1.5em}.form-group label{display:block;margin-bottom:.5em;font-weight:500;color:var(--text-primary)}.form-group input{width:100%;padding:.7em;border:1px solid var(--border-medium);font-family:"EB Garamond",serif;font-size:1em;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}.form-group input:focus{outline:0;border-color:var(--link-color)}.form-group input:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed}.form-group textarea{width:100%;padding:.7em;border:1px solid var(--border-medium);font-family:"EB Garamond",serif;font-size:1em;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary);resize:vertical}.form-group textarea:focus{outline:0;border-color:var(--link-color)}.field-error{color:var(--danger);font-size:.85em;margin-top:.5em;display:none}.field-error.show{display:block}.flash-message{padding:10px 15px;margin-bottom:10px}.flash-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.flash-error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.flash-warning{background:var(--warning-bg);color:var(--text-primary);border:1px solid var(--warning-border)}.flash-info{background:var(--accent-blue);color:var(--text-primary);border:1px solid var(--accent-blue-border)}@media (max-width:1366px){body{width:700px}.modal-content{width:700px}}@media (max-width:768px){body{width:100%;padding:0 1em}footer{padding:1.5rem .5rem;font-size:.9em}.btn-lg{padding:.875rem 2rem}.modal-content{width:calc(100% - 2em);max-width:calc(100% - 2em);max-height:90vh;margin:auto;padding:1.5em}.modal-buttons{flex-wrap:wrap}.page-header{flex-wrap:wrap;gap:.75em}#main-title{font-size:1.4em}.header-actions{flex-wrap:wrap;gap:.4em}.toc-meta{flex-direction:column;align-items:flex-start;gap:.2em}}@media (max-width:480px){body{padding:0 .75em}.modal-content{padding:1em}.page-header{gap:.5em}}.popup{position:fixed;top:-80px;left:50%;transform:translateX(-50%);padding:.75em 1.5em;font-size:.95em;font-family:var(--font-body);z-index:10000;cursor:pointer;max-width:90vw;text-align:center}.popup-visible{top:1em}.popup-error{background:var(--danger);color:#fff}.popup-success{background:var(--success);color:#fff}.popup-warning{background:var(--warning);color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin:1.5em 0}#main-title{margin:0;font-weight:700}.header-actions{display:flex;gap:.5em}.toc-row{display:flex;align-items:stretch;border-bottom:1px dotted var(--border-dotted)}.toc-row:first-child{border-top:1px dotted var(--border-dotted)}.toc-vote{display:flex;align-items:flex-start;justify-content:center;width:1.8em;padding-top:9px;flex-shrink:0}.toc-upvote-btn{background:0 0;border:none;padding:0;margin:0;cursor:pointer;color:var(--text-tertiary);font-size:.7em;line-height:1}.toc-upvote-btn:hover{color:var(--text-primary)}.toc-upvote-btn.upvoted{color:var(--link-color)}.toc-points{font-weight:500}.toc-entry{display:block;padding:7px 3px;flex:1;min-width:0}.toc-title{font-size:15px;font-weight:700;margin-bottom:3px;display:block;color:var(--link-color);text-decoration:none}.toc-title:visited{color:var(--link-visited)}.toc-title:hover{color:var(--link-hover);text-decoration:underline}.toc-author{color:var(--text-secondary);text-decoration:none}.toc-author:hover{color:var(--link-color)}.toc-tag{color:var(--text-secondary);text-decoration:none}.toc-tag:hover{color:var(--link-color)}.toc-meta{font-size:12px;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.toc-chapter{color:var(--text-secondary)}.toc-date{color:var(--text-secondary)}.upload-section{margin-bottom:1.5em}.upload-section:last-of-type{margin-bottom:0}.upload-section h3{margin:0 0 .5em 0;font-size:.9em;font-weight:600;color:rgba(0,0,0,.7)}html.dark-mode .upload-section h3{color:rgba(255,255,255,.7)}.upload-divider{text-align:center;color:var(--input-placeholder);margin:0 0 1.5em 0;position:relative}.upload-divider::after,.upload-divider::before{content:'';position:absolute;top:50%;width:40%;height:1px;background:var(--border-light)}.upload-divider::before{left:0}.upload-divider::after{right:0}.drop-zone{margin:0;border:2px dashed var(--border-strong);padding:2em 1.5em;text-align:center;cursor:pointer;background:var(--bg-tertiary)}.drop-zone:hover{border-color:var(--accent-blue-hover);background:rgba(33,150,243,.05)}html.dark-mode .drop-zone:hover{background:rgba(33,150,243,.1)}.drop-zone.dragover{border-color:rgba(33,150,243,.8);background:rgba(33,150,243,.1)}.drop-zone p{margin:0;color:var(--text-tertiary);font-size:.95em}.settings-field{margin-bottom:1.5em}.settings-field:last-of-type{margin-bottom:0}.settings-field label{display:block;font-weight:600;margin-bottom:.5em;color:rgba(0,0,0,.7);font-size:.9em}html.dark-mode .settings-field label{color:rgba(255,255,255,.7)}.settings-field input[type=text],.settings-field input[type=url],.settings-field textarea{width:100%;padding:.8em;border:1px solid var(--border-light);font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text-primary);box-sizing:border-box}.settings-field input[type=text]:focus,.settings-field input[type=url]:focus,.settings-field textarea:focus{outline:0;border-color:var(--border-strong)}.settings-field input[type=text]::placeholder,.settings-field input[type=url]::placeholder,.settings-field textarea::placeholder{color:var(--input-placeholder);opacity:1}.settings-field small{display:block;margin-top:.4em;color:var(--text-tertiary);font-size:.85em;line-height:1.3}.settings-field textarea{resize:vertical;min-height:80px}@media (max-width:768px){.settings-field label{font-size:.9em}.settings-field input[type=text],.settings-field input[type=url],.settings-field textarea{font-size:13px;padding:.5em .6em}.settings-field small{font-size:.8em}}.no-articles{text-align:center;padding:3em 1em;color:var(--text-secondary)}