:root{--color-primary:#900;--color-admin-primary:#369;--color-admin-primary-dark:#258;--color-admin-nav-bg:#def;--color-admin-nav-border:#9bd;--color-admin-hover-bg:#f0f5ff;--color-admin-accent-bg:#f8f9fa;--color-link:#00f;--color-link-visited:#609;--color-bg:#efefef;--color-bg-white:#fff;--color-bg-secondary:#eee;--color-bg-tertiary:#ccc;--color-border:#ccc;--color-border-strong:#999;--color-text:#000;--color-text-secondary:#333;--color-text-muted:#666;--color-text-faint:#999;--color-error:red;--color-success:#3c763d;--color-highlight:#ffc;--color-hover-bg:#f5f5f5;--color-post-name:#117743;--color-form-bg:#f0e0d0;--color-form-accent:#ca8;--color-anchor-popup-bg:#ffe;--color-anchor-hover:red;--color-momentum-warm:#c60;--color-momentum-cold:#00c;--color-warning-bg:#fff3cd;--color-warning-border:#ffc107;--color-warning-text:#856404;--color-error-bg:#fcc;--color-new-post-border:#cc0;--color-new-post-text:#660;--color-sortable-hover:#bbb;--color-btn-hover:#ddd;--color-badge-active-bg:#dff0d8;--color-badge-active-text:#3c763d;--color-badge-archived-bg:#eee;--color-badge-archived-text:#777;--color-badge-frozen-bg:#d9edf7;--color-badge-frozen-text:#31708f;--color-badge-full-bg:#fcf8e3;--color-badge-full-text:#8a6d3b;--color-badge-inactive-bg:#f2dede;--color-badge-inactive-text:#a94442;--color-badge-type-bg:#eef;--color-badge-type-text:#336;--color-badge-generating-bg:#e8daef;--color-badge-generating-text:#6c3483;--color-badge-review-bg:#fdebd0;--color-badge-review-text:#b9770e;--color-badge-approved-bg:#d5f5e3;--color-badge-approved-text:#1e8449;--color-badge-rejected-bg:#f2dede;--color-badge-rejected-text:#a94442;--color-danger:#c33;--color-danger-dark:#a22;--container-max-width:960px;--admin-max-width:1100px;--font-family-main:"MS PGothic", "IPAMonaPGothic", "Mona", "Hiragino Kaku Gothic Pro", monospace}:root[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-white:#2a2a2a;--color-bg-secondary:#333;--color-bg-tertiary:#3a3a3a;--color-border:#444;--color-border-strong:#555;--color-text:#e0e0e0;--color-text-secondary:#ccc;--color-text-muted:#aaa;--color-text-faint:#888;--color-link:#69f;--color-link-visited:#96c;--color-highlight:#3a3520;--color-primary:#c44;--color-admin-primary:#58b;--color-admin-primary-dark:#47a;--color-admin-nav-bg:#1e2d3d;--color-admin-nav-border:#2a4a6a;--color-admin-hover-bg:#1e2535;--color-admin-accent-bg:#2a2a2a;--color-error:#f66;--color-success:#66bb6a;--color-hover-bg:#333;--color-post-name:#4c8;--color-form-bg:#3a3020;--color-form-accent:#654;--color-anchor-popup-bg:#2a2a20;--color-anchor-hover:#f66;--color-momentum-warm:#d83;--color-momentum-cold:#69f;--color-warning-bg:#3a3520;--color-warning-border:#650;--color-warning-text:#da4;--color-error-bg:#4a2020;--color-new-post-border:#660;--color-new-post-text:#bb4;--color-sortable-hover:#4a4a4a;--color-btn-hover:#4a4a4a;--color-badge-active-bg:#1e3a1e;--color-badge-active-text:#66bb6a;--color-badge-archived-bg:#3a3a3a;--color-badge-archived-text:#aaa;--color-badge-frozen-bg:#1a2a3a;--color-badge-frozen-text:#69c;--color-badge-full-bg:#3a3520;--color-badge-full-text:#da4;--color-badge-inactive-bg:#3a2020;--color-badge-inactive-text:#d77;--color-badge-type-bg:#2a2a3a;--color-badge-type-text:#99c;--color-badge-generating-bg:#2a1a3a;--color-badge-generating-text:#b8d;--color-badge-review-bg:#3a2a1a;--color-badge-review-text:#da4;--color-badge-approved-bg:#1a3a2a;--color-badge-approved-text:#66bb6a;--color-badge-rejected-bg:#3a2020;--color-badge-rejected-text:#d77;--color-danger:#d55;--color-danger-dark:#b33}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-main);background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.4}.skip-link{background:var(--color-primary);color:#fff;z-index:9999;padding:8px 16px;font-size:14px;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-admin-primary);outline-offset:2px}a{color:var(--color-link);text-decoration:none}a:visited{color:var(--color-link-visited)}a:hover{text-decoration:underline}.container{max-width:var(--container-max-width);margin:0 auto;padding:8px}.page-header{text-align:center;border-bottom:2px solid var(--color-primary);margin-bottom:16px;padding:16px 0}.page-header h1{color:var(--color-primary);font-size:24px;font-weight:700}.page-header .subtitle{color:var(--color-text-muted);margin-top:4px;font-size:12px}.board-list{background:var(--color-bg-white);border:1px solid var(--color-border);margin-bottom:16px;padding:12px}.board-list h2{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:4px;font-size:16px}.board-list ul{padding:0;list-style:none}.board-list li{border-bottom:1px dotted var(--color-border);padding:4px 0}.board-list li:last-child{border-bottom:none}.board-list li a{font-weight:700}.board-list .board-desc{color:var(--color-text-muted);margin-left:8px;font-size:12px}.board-header{background:var(--color-primary);color:#fff;margin-bottom:8px;padding:8px 12px}.board-header h1{font-size:20px;font-weight:700}.board-header .board-description{margin-top:2px;font-size:12px}.nav-bar{background:var(--color-bg);border:1px solid var(--color-border);margin-bottom:8px;padding:4px 8px;font-size:12px}.nav-bar a{margin-right:8px}.thread-table{border-collapse:collapse;background:var(--color-bg-white);width:100%;font-size:13px}.thread-table th{background:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);text-align:left;white-space:nowrap;padding:4px 8px;font-size:12px;font-weight:700}.thread-table td{border:1px solid var(--color-border);padding:4px 8px}.thread-table tr:hover td{background:var(--color-hover-bg)}.thread-table .col-count{text-align:center;width:60px}.thread-table .col-momentum{text-align:center;width:80px}.thread-table .col-time{white-space:nowrap;width:160px;color:var(--color-text-muted);font-size:12px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{background:var(--color-sortable-hover)}.momentum-hot{color:var(--color-error);font-weight:700}.momentum-warm{color:var(--color-momentum-warm)}.momentum-normal{color:var(--color-text)}.momentum-cold{color:var(--color-momentum-cold)}.post{background:var(--color-bg-white);border:1px solid var(--color-border);margin-bottom:4px}.post-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-post-name);padding:4px 8px;font-size:13px;line-height:1.3}.post-header .post-number{color:var(--color-text);font-weight:700}.post-header .post-name{color:var(--color-post-name);font-weight:700}.post-header .post-trip{color:var(--color-post-name)}.post-header .post-id{color:var(--color-text-faint)}.post-header .post-date{color:var(--color-text-muted)}.post-body{white-space:pre-wrap;word-wrap:break-word;padding:8px 12px;font-family:MS PGothic,IPAMonaPGothic,Mona,monospace;font-size:14px;line-height:1.5}.anchor{color:var(--color-link);cursor:pointer;text-decoration:underline}.anchor:hover{color:var(--color-anchor-hover)}.anchor-popup{background:var(--color-anchor-popup-bg);border:1px solid var(--color-border);z-index:1000;max-width:500px;font-size:13px;box-shadow:2px 2px 4px #0003}.anchor-popup .post-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-post-name);padding:3px 6px;font-size:12px}.anchor-popup .post-body{white-space:pre-wrap;word-wrap:break-word;max-height:200px;padding:4px 8px;font-family:MS PGothic,IPAMonaPGothic,Mona,monospace;font-size:13px;overflow-y:auto}.thread-header{background:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);margin-bottom:8px;padding:8px 12px}.thread-header h1{color:var(--color-primary);font-size:18px}.thread-header .thread-info{color:var(--color-text-muted);margin-top:2px;font-size:12px}.form-container{background:var(--color-form-bg);border:1px solid var(--color-border);margin-bottom:16px;padding:16px}.form-container h2{color:var(--color-primary);border-bottom:1px solid var(--color-form-accent);margin-bottom:12px;padding-bottom:4px;font-size:16px}.form-group{margin-bottom:8px}.form-group label{color:var(--color-text);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.form-group input[type=text],.form-group textarea{border:1px solid var(--color-border-strong);background:var(--color-bg-white);width:100%;color:var(--color-text);padding:4px 6px;font-family:inherit;font-size:14px}.form-group textarea{resize:vertical;height:120px;font-family:MS PGothic,IPAMonaPGothic,Mona,monospace}.form-submit{margin-top:8px}.form-submit button{background:var(--color-bg-secondary);border:2px outset var(--color-border);cursor:pointer;color:var(--color-text);padding:4px 24px;font-family:inherit;font-size:14px;font-weight:700}.form-submit button:hover{background:var(--color-btn-hover)}.form-submit button:active{border-style:inset}.form-submit button:disabled{color:var(--color-text-faint);cursor:not-allowed}.form-error{color:var(--color-error);margin-top:4px;font-size:13px;font-weight:700}.create-thread-link{margin-bottom:8px;font-size:14px;font-weight:700;display:inline-block}.error-box{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-primary);margin-bottom:16px;padding:12px;font-size:14px}.new-post-indicator{background:var(--color-highlight);border:1px solid var(--color-new-post-border);color:var(--color-new-post-text);margin-bottom:4px;padding:4px 8px;font-size:12px}.auto-scroll-toggle{margin-bottom:8px;font-size:12px}.auto-scroll-toggle label{cursor:pointer}.preparing-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);text-align:center;color:var(--color-warning-text);margin-bottom:8px;padding:8px 12px;font-size:14px;font-weight:700}.dat-ochi-banner{background:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);text-align:center;color:var(--color-text-muted);margin-bottom:8px;padding:8px 12px;font-size:14px;font-weight:700}.thread-row-archived{opacity:.5}.dat-ochi-label{color:var(--color-text-faint);margin-left:4px;font-size:11px;font-weight:700}.kako-link{text-align:center;border-top:1px solid var(--color-border);margin-top:8px;padding:12px 0;font-size:13px}.kako-link a{color:var(--color-text-muted)}.kako-link a:hover{color:var(--color-admin-primary)}.page-footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-faint);margin-top:16px;padding:16px 0;font-size:11px}.admin-container{max-width:1100px;margin:0 auto;padding:0 8px 32px}.admin-header{background:var(--color-admin-primary);color:#fff;margin-bottom:0;padding:8px 16px}.admin-header h1{font-size:18px;font-weight:700}.admin-header a{color:#fff;text-decoration:none}.admin-nav{background:var(--color-admin-nav-bg);border:1px solid var(--color-admin-nav-border);border-top:none;margin-bottom:16px;padding:6px 12px;font-size:13px}.admin-nav a{color:var(--color-admin-primary);margin-right:12px;font-weight:700}.admin-nav a:hover{text-decoration:underline}.admin-nav-sep{color:var(--color-text-faint);margin:0 4px}.admin-section-title{color:var(--color-admin-primary);border-bottom:2px solid var(--color-admin-primary);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:4px;font-size:16px;display:flex}.admin-loading{text-align:center;color:var(--color-text-muted);padding:24px}.admin-empty{text-align:center;color:var(--color-text-faint);padding:16px;font-size:13px}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:16px;display:grid}.admin-stat-card{background:var(--color-bg-white);border:1px solid var(--color-border);text-align:center;padding:12px}.admin-stat-value{color:var(--color-admin-primary);font-size:28px;font-weight:700}.admin-stat-label{color:var(--color-text-muted);margin-top:4px;font-size:12px}.admin-table{border-collapse:collapse;background:var(--color-bg-white);width:100%;margin-bottom:16px;font-size:13px}.admin-table th{background:var(--color-admin-primary);color:#fff;border:1px solid var(--color-admin-primary-dark);text-align:left;white-space:nowrap;padding:6px 8px;font-size:12px}.admin-table td{border:1px solid var(--color-border);vertical-align:middle;padding:5px 8px}.admin-table tr:hover td{background:var(--color-hover-bg)}.admin-cell-small{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.admin-cell-actions{white-space:nowrap}.admin-cell-body{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-family:MS PGothic,monospace;overflow:hidden}.admin-btn{border:1px solid var(--color-border-strong);background:var(--color-bg-secondary);cursor:pointer;color:var(--color-text);margin-right:4px;padding:3px 10px;font-family:inherit;font-size:12px}.admin-btn:hover{background:var(--color-btn-hover)}.admin-btn-primary{background:var(--color-admin-primary);color:#fff;border-color:var(--color-admin-primary-dark)}.admin-btn-primary:hover{background:var(--color-admin-primary-dark)}.admin-btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger-dark)}.admin-btn-danger:hover{background:var(--color-danger-dark)}.admin-badge-active,.admin-badge-archived,.admin-badge-frozen,.admin-badge-full,.admin-badge-inactive,.admin-badge-type,.admin-badge-generating,.admin-badge-review,.admin-badge-approved,.admin-badge-rejected{border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700}.admin-badge-active{background:var(--color-badge-active-bg);color:var(--color-badge-active-text)}.admin-badge-archived{background:var(--color-badge-archived-bg);color:var(--color-badge-archived-text)}.admin-badge-frozen{background:var(--color-badge-frozen-bg);color:var(--color-badge-frozen-text)}.admin-badge-full{background:var(--color-badge-full-bg);color:var(--color-badge-full-text)}.admin-badge-inactive{background:var(--color-badge-inactive-bg);color:var(--color-badge-inactive-text)}.admin-badge-type{background:var(--color-badge-type-bg);color:var(--color-badge-type-text)}.admin-badge-generating{background:var(--color-badge-generating-bg);color:var(--color-badge-generating-text)}.admin-badge-review{background:var(--color-badge-review-bg);color:var(--color-badge-review-text)}.admin-badge-approved{background:var(--color-badge-approved-bg);color:var(--color-badge-approved-text)}.admin-badge-rejected{background:var(--color-badge-rejected-bg);color:var(--color-badge-rejected-text)}.admin-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-filter-group{background:var(--color-bg-white);border:2px solid var(--color-admin-primary);border-radius:4px;align-items:center;gap:4px;padding:5px 10px;display:flex}.admin-filter-group label{white-space:nowrap;color:var(--color-admin-primary);font-size:13px;font-weight:700}.admin-filter-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.admin-filter-bar input[type=text]{border:1px solid var(--color-border-strong);background:var(--color-bg-white);color:var(--color-text);flex:1;min-width:150px;padding:4px 8px;font-family:inherit;font-size:13px}.admin-filter-bar select{border:1px solid var(--color-border-strong);background:var(--color-bg-white);color:var(--color-text);padding:4px 6px;font-family:inherit;font-size:13px}.admin-form{background:var(--color-bg-white);border:1px solid var(--color-border);margin-bottom:16px;padding:16px}.admin-form-group{margin-bottom:10px}.admin-form-group label{color:var(--color-text);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.admin-form-group input[type=text],.admin-form-group select{border:1px solid var(--color-border-strong);background:var(--color-bg-white);width:100%;color:var(--color-text);padding:4px 6px;font-family:inherit;font-size:14px}.admin-form-row{gap:12px;display:flex}.admin-form-row .admin-form-group{flex:1}.admin-form-subtitle{color:var(--color-admin-primary);border-bottom:1px solid var(--color-border);margin:16px 0 8px;padding-bottom:4px;font-size:14px}.admin-params-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 16px;margin-bottom:16px;display:grid}.admin-param-item{font-size:12px}.admin-param-item label{color:var(--color-text);margin-bottom:2px;display:block}.admin-param-item input[type=range]{width:100%}.admin-form-actions{gap:8px;margin-top:12px;display:flex}.post-header .post-id.post-id-popular{color:red}.post-header .post-id.post-id-very-popular{color:red;font-weight:700}.post-highlighted{background-color:var(--color-highlight);transition:background-color .3s}.thread-controls{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.connection-status{padding:2px 8px;font-size:12px}.connection-status-connected{color:var(--color-success)}.connection-status-reconnecting{color:var(--color-momentum-warm)}.connection-status-disconnected{color:var(--color-text-faint)}.reconnect-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);margin-bottom:8px;padding:8px 12px;font-size:13px}.form-field-info{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.char-counter{color:var(--color-text-faint);font-size:11px}.form-field-error{color:var(--color-error);font-size:12px}.pagination{justify-content:center;gap:4px;margin-top:8px;font-size:13px;display:flex}.pagination button{background:var(--color-bg-white);border:1px solid var(--color-border);cursor:pointer;min-width:32px;min-height:32px;padding:2px 8px;font-family:inherit;font-size:13px}.pagination button:hover:not(:disabled){background:var(--color-btn-hover)}.pagination button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination button:disabled{color:var(--color-text-faint);cursor:not-allowed}.loading-skeleton{text-align:center;color:var(--color-text-muted);padding:32px;font-size:14px}.skeleton-bar{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, var(--color-btn-hover) 50%, var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:2px;height:16px;margin-bottom:8px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.container{max-width:100%;padding:0 12px}.thread-table{display:block;overflow-x:auto}.admin-container{padding:0 8px 16px}.admin-form-row{flex-direction:column}.admin-params-grid{grid-template-columns:1fr}.admin-filter-bar{flex-direction:column;align-items:stretch}.admin-filter-actions{flex-wrap:wrap;margin-left:0}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.container{padding:4px}.thread-table{font-size:12px}.thread-table .col-time{display:none}.thread-table .col-momentum{width:50px}.post-header{font-size:11px}.post-body{padding:6px 8px;font-size:13px}.page-header h1{font-size:20px}.thread-controls{flex-direction:column;align-items:flex-start;gap:4px}.pagination button{min-width:28px;min-height:36px;padding:2px 6px}}.theme-toggle-fixed{z-index:9000;position:fixed;bottom:12px;right:12px;box-shadow:0 1px 4px #0003}@media (hover:none){.anchor{align-items:center;min-height:44px;padding:4px 2px;display:inline-flex}.admin-btn{min-height:44px;padding:8px 12px}.form-submit button{min-height:44px;padding:8px 24px}.pagination button{min-width:44px;min-height:44px}}