:root{--bg-page: #eef2ff;--bg-post: #d6daf0;--bg-post-hl: #c9d2e8;--border: #b7c5d9;--text: #000;--text-muted: #707070;--link: #34345c;--link-hover: #5555a0;--name: #117743;--subject: #0f0c5d;--greentext: #789922;--tripcode: #228854}[data-theme=dark]{--bg-page: #0e1621;--bg-post: #17212b;--bg-post-hl: #1e2c3a;--border: #2b3e50;--text: #e4e6eb;--text-muted: #8696a8;--link: #6ab3f3;--link-hover: #8bc4f6;--name: #62c073;--subject: #6ab3f3;--greentext: #8bc34a;--tripcode: #4db6ac}*{box-sizing:border-box;margin:0;padding:0}body{font-family:arial,helvetica,sans-serif;font-size:13px;background:var(--bg-page);color:var(--text)}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}.header{background:var(--bg-post);border-bottom:1px solid var(--border);padding:8px 15px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:15px;position:relative}.logo{display:flex;align-items:center;gap:8px}.logo-img{height:32px;width:auto}.logo-text{font-size:20px;font-weight:700;color:var(--link)}.menu-toggle{display:none;background:none;border:none;font-size:28px;cursor:pointer;padding:0;color:var(--text);min-height:auto;line-height:32px}.board-nav{font-size:14px}.board-nav a{padding:6px 8px;display:inline-block}@media(max-width:600px){.menu-toggle{display:block}.board-nav{display:none;position:fixed;top:50px;left:0;right:0;background:var(--bg-post);border-bottom:1px solid var(--border);padding:10px 15px;text-align:center;z-index:99}.board-nav.open{display:block}}.theme-toggle{background:transparent;border:none;font-size:18px;cursor:pointer;opacity:.6;padding:5px;transition:opacity .2s}.theme-toggle:hover{opacity:1;background:transparent}.board-nav a{margin:0 2px}main{max-width:1200px;margin:0 auto;padding:10px}.home{text-align:center;padding:40px 20px;max-width:600px;margin:0 auto}.home h1{color:var(--link);margin-bottom:10px}.home-card{background:var(--bg-post);border:1px solid var(--border);margin-top:20px;text-align:left}.card-header{background:var(--bg-post-hl);padding:8px 12px;font-weight:700;border-bottom:1px solid var(--border);color:var(--link)}.card-content{padding:10px 12px}.board-item{padding:8px 0;border-bottom:1px solid var(--border)}.board-item:last-child{border-bottom:none}.board-item p{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.stats-content{display:flex;gap:30px}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:var(--link)}.stat-label{font-size:12px;color:var(--text-muted)}.board-header{text-align:center;padding:20px}.board-header h1{color:var(--subject)}.board-controls{text-align:center;margin:10px 0}.catalog{display:flex;flex-direction:column;gap:8px;padding:10px}.catalog-thread{background:var(--bg-post);border:1px solid var(--border);padding:10px;display:flex;align-items:flex-start;gap:12px;color:var(--text);overflow:hidden;border-radius:3px}.catalog-thread:hover{background:var(--bg-post-hl)}.catalog-thumb{width:120px;height:120px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--border);border-radius:2px}.catalog-thumb img{max-width:100%;max-height:100%;object-fit:contain}.catalog-thumb.no-image{font-size:11px;color:var(--text-muted)}.catalog-content{flex:1;min-width:0}.catalog-subject{font-weight:700;color:var(--subject);font-size:14px;margin-bottom:4px}.catalog-stats{font-size:11px;color:var(--text-muted);margin-bottom:6px}.catalog-preview{font-size:12px;color:var(--text);word-break:break-word;line-height:1.4}.thread-page{padding:10px}.thread-nav{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.reply-link{cursor:pointer}.thread-header{background:var(--bg-post);padding:10px;border:1px solid var(--border);margin-bottom:10px}.thread-header h1{color:var(--subject);font-size:18px}.post{background:var(--bg-post);border:1px solid var(--border);margin-bottom:6px;padding:10px;display:block;width:100%;overflow:hidden;box-sizing:border-box}.post:hover{background:var(--bg-post-hl)}.post:target{border-left:3px solid #e00;background:#f0e0d6}.post.op{background:var(--bg-post);border:2px solid var(--border);padding:12px;margin-bottom:10px;border-radius:3px}.post-subject{font-size:18px;font-weight:700;color:var(--subject);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.post-reply-count{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);clear:both}.reply-controls{margin:10px 0 15px}.reply-controls button{padding:8px 20px;font-size:13px}.post.reply{border-radius:3px;margin-left:0}.file-info{font-size:11px;color:var(--text-muted);margin-bottom:2px}.file-info a{color:var(--link)}.post-thumb-link{float:left;margin:3px 10px 5px 3px}.post-thumb{max-width:250px;max-height:250px;display:block;cursor:pointer}.post-thumb.expanded{max-width:100%;max-height:none}.post-thumb-link.expanded{float:none;display:block;margin:5px 0}.post-info{font-size:12px;margin-bottom:5px}.post-name{color:var(--name);font-weight:700}.tripcode{color:var(--tripcode);margin-left:3px}.post-date,.post-number{color:var(--text-muted);margin-left:10px}.post-comment{margin:0;padding:0;word-wrap:break-word;font-size:13px;line-height:1.4}.greentext{color:var(--greentext)}.quotelink{color:var(--link);text-decoration:underline}.post:after{content:"";display:table;clear:both}.post-form{background:var(--bg-post);border:1px solid var(--border);padding:10px;margin:10px 0;width:100%;max-width:600px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-title{font-weight:700;font-size:14px;color:var(--subject)}.form-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);padding:0;min-height:auto;line-height:1}.form-close:hover{color:var(--text);background:none}.form-success{font-size:12px;color:var(--name);margin-bottom:8px}.form-row{margin-bottom:6px}.post-form input[type=text],.post-form textarea{width:100%;padding:10px;border:1px solid var(--border);font-family:inherit;font-size:14px;background:var(--bg-page);color:var(--text);border-radius:3px}.post-form input[type=text]::placeholder,.post-form textarea::placeholder{color:var(--text-muted)}.post-form textarea{resize:vertical;min-height:120px}.char-count{font-size:11px;color:var(--text-muted);text-align:right;margin-top:2px}.char-count.warning{color:#e6a700}.char-count.limit{color:#d44}.post-form button{padding:5px 15px;cursor:pointer}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.file-label{display:flex;align-items:center;cursor:pointer}.file-label input[type=file]{display:none}.file-button{background:var(--bg-post);border:1px solid var(--border);padding:10px 16px;font-size:14px;margin-right:8px;color:var(--text);min-height:44px}.file-button:hover{background:var(--bg-post-hl)}.file-name{font-size:12px;color:var(--text-muted)}button{background:var(--bg-post);border:1px solid var(--border);padding:12px 20px;cursor:pointer;font-size:14px;color:var(--text);min-height:44px}button:hover{background:var(--bg-post-hl)}button:disabled{opacity:.6;cursor:not-allowed}button.loading{opacity:.7}.loading-dots:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--link);color:#fff;border:none;font-size:28px;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:90;display:flex;align-items:center;justify-content:center}.fab:hover{background:var(--link-hover)}.scroll-top{position:fixed;bottom:20px;left:20px;width:40px;height:40px;border-radius:50%;background:var(--bg-post);color:var(--text-muted);border:1px solid var(--border);font-size:18px;cursor:pointer;z-index:90;display:flex;align-items:center;justify-content:center;opacity:.7;min-height:auto;padding:0}.scroll-top:hover{opacity:1;color:var(--text)}.pull-indicator{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);background:var(--bg-page);overflow:hidden}.loading{text-align:center;padding:50px;color:var(--text-muted)}.no-threads{text-align:center;padding:30px;color:var(--text-muted)}.error{background:#3a1a1a;border:1px solid #dd4444;color:#f88;padding:10px;margin:10px 0;text-align:center}:root .error{background:#fdd;border:1px solid #dd0000;color:#800}hr{border:none;border-top:1px solid var(--border);margin:10px 0}@media(max-width:600px){.catalog-thumb{width:80px;height:80px}.catalog-thread{padding:8px;gap:10px}.post-thumb-link{float:none;display:block;margin:5px 0}.post-thumb{max-width:100%;max-height:300px}.post{padding:8px}}