:root{--bg: #fff;--bg-secondary: #f5f5f5;--text: #333;--text-muted: #666;--border: #ddd;--border-light: #e3e3e3;--link: #0066cc;--link-hover: #004499;--accent: #0087cf;--error-bg: #f2dede;--error-text: #a94442;--btn-border: #ccc;--btn-warning: #f0ad4e;--btn-warning-hover: #ec971f;--btn-success: #5cb85c;--btn-success-hover: #449d44}@media(prefers-color-scheme:dark){:root{--bg: #1a1a1a;--bg-secondary: #2d2d2d;--text: #e0e0e0;--text-muted: #999;--border: #444;--border-light: #3d3d3d;--link: #4da6ff;--link-hover: #80c0ff;--accent: #4da6ff;--error-bg: #4a2020;--error-text: #ff8080;--btn-border: #555;--btn-warning: #d9853a;--btn-warning-hover: #c67730;--btn-success: #4a9d4a;--btn-success-hover: #3d8a3d}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;background-color:var(--bg);color:var(--text)}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}button{cursor:pointer}h1{font-size:24px;margin:20px 0 10px}#singlepage{display:grid;grid-template-columns:25% 1fr;gap:0 10px;height:100vh}#sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-light);padding:8px 10px;margin:0;list-style:none;overflow-y:auto}#sidebar li{margin:0}#sidebar li a{display:block;padding:5px 10px;color:var(--text);border-radius:4px}#sidebar li a:hover{background-color:var(--bg);text-decoration:none}#sidebar li.active{display:flex;background-color:var(--link);border-radius:4px}#sidebar li.active a{flex:1;background-color:transparent;color:var(--bg)}#sidebar li.active button{background:none;border:none;color:var(--bg);padding:5px 8px}#sidebar .nav-header{padding:8px 10px 2px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}#articles{overflow-y:scroll;height:100%}article{padding:0 10px;border-bottom:1px solid var(--border);border-left:4px solid transparent;overflow-wrap:break-word}article h2{font-size:31.5px;margin:10px 0 5px}article.unread{border-left-color:var(--accent)}article.last{text-align:center;padding-bottom:150%;margin-top:20px}article code{white-space:pre-line}article>footer{padding:5px 0}article>img.alignright{float:right}article iframe{display:none}article img{max-width:100%;height:auto}article pre,article table{display:block;overflow-x:auto;max-width:100%}article table{border-collapse:collapse}article th,article td{padding:4px 8px;border:1px solid var(--border)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.table{width:100%;border-collapse:collapse;margin:20px 0}.table th,.table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:700;background-color:var(--bg-secondary)}.table tr.error{background-color:var(--error-bg);color:var(--error-text)}.table tr.error a{color:var(--error-text)}.btn{display:inline-block;padding:4px 12px;font-size:13px;border:1px solid var(--btn-border);border-radius:4px;background-color:var(--bg-secondary);color:var(--text)}.btn:hover{background-color:var(--bg)}.btn-warning{background-color:var(--btn-warning);border-color:var(--btn-warning);color:#fff}.btn-warning:hover{background-color:var(--btn-warning-hover);border-color:var(--btn-warning-hover)}.btn-success{background-color:var(--btn-success);border-color:var(--btn-success);color:#fff}.btn-success:hover{background-color:var(--btn-success-hover);border-color:var(--btn-success-hover)}#sidebar .unread{font-weight:700}@media(max-width:767px){#singlepage{display:block;height:auto}#sidebar{border-right:none;border-bottom:1px solid var(--border-light)}#articles{overflow-y:visible;height:auto}}