/* Blue archive theme. Keep gallery behavior and its column controls intact. */
:root { --ember: #3b82f6; --ember-light: #60a5fa; --warm-border: #1f283e; }
body {
    color: #cbd5e1;
    background: #0b0e17 url('bg.png') center center / cover fixed no-repeat;
    font-family: 'MyCustomFont', 'Segoe UI', Tahoma, sans-serif;
    font-size: 1.3rem;
}
body::before { display: none; }
a, .mod-link-inline { color: var(--ember-light) !important; }
a:hover { color: #ffe0b5 !important; }
main > h1 { color: #60a5fa !important; text-shadow: 0 2px 24px #3b82f628 !important; font-family: 'MyCustomFont', 'Segoe UI', sans-serif; font-size: clamp(24px, 2.6vw, 36px) !important; line-height: 1.3; margin-bottom: 24px; }
.toolbar { background: #000000d9; border: 1px solid var(--warm-border); border-top: 0; box-shadow: 0 10px 32px #0005; }
.archive-brand { display: inline-flex; align-items: center; gap: 7px; margin-right: 24px; font-size: 17px; font-weight: 750; white-space: nowrap; color: #e8f0ff !important; }
.archive-brand span { color: var(--ember); font-size: 32px; line-height: 1; }
.archive-brand em { color: var(--ember); font-style: normal; }
.search-input, .zoom-controls, .btn-width-toggle { background: #0f1320 !important; border-color: var(--warm-border) !important; color: #e8f0ff !important; }
.search-input { font-family: inherit; }
.search-input:focus { border-color: var(--ember) !important; box-shadow: 0 0 0 3px #ff9b3620; }
.btn-search, .tab-btn.active { background: #0c2774  !important; border-color: #2563eb !important; color: #fff !important; box-shadow: 0 3px 15px #1d4ed824 !important; }
.btn-search:hover, .tab-btn.active:hover { background: #2563eb !important; color: #fff !important; }
.about-site-card { background: #00000082; border-color: var(--warm-border); box-shadow: 0 14px 44px #0005; padding: 24px; }
.about-site-header h2 { color: var(--ember); }
.about-site-body > p { line-height: 1.7; color: #cbd5e1; }
.about-item { background: #0f1320; border-color: #1f283e; padding: 15px; }
.about-item:hover { border-color: #3b82f6; box-shadow: 0 4px 18px #0003; }
.about-item.warning { border-color: #3b82f6; background: #3b82f606; }
.about-content p { color: #94a3b8; line-height: 1.6; }
.about-content strong { color: #fff; }
.about-content p span { color: var(--ember-light) !important; }
.svg-icon, .about-item .svg-icon, .about-site-header h2 .svg-icon, .notice-icon .svg-icon, .about-item.warning .svg-icon { color: var(--ember) !important; stroke: currentColor; }
.about-toggle-btn { color: var(--ember-light) !important; border-color: #2563eb !important; background: #3b82f610 !important; }
.about-footer-notice { background: #0f1320; border-color: #1f3c68; color: #cbd5e1; line-height: 1.6; }
.tabs-container { background: transparent; border-color: #1f283e; }
.tab-btn { background: #141926; border: 1px solid #1f3c68; color: #cbd5e1 !important; padding: 5px 9px; }
.tab-btn:hover { background: #1e263b; border-color: var(--ember); }
.tab-btn.active .svg-icon { color: #fff !important; }
.archive-disclaimer { background: #141926 !important; border-color: #1f283e !important; color: #94a3b8 !important; line-height: 1.6; }
.workshop-grid { gap: 0; padding: 0; background: transparent; border: 0; border-radius: 0; }
.workshop-card { border: 0; border-radius: 0; background: #141926; box-shadow: 0 0 0 1px #1f283e; min-width: 0; transition: box-shadow .18s ease; }

.thumb-container { background: #0f1320; border-radius: 0; }
.thumb-container img, .thumb-container video { border-radius: 0; }
.info-box { background: #141926 !important; color: #fff; }
.info-box h3, .info-box strong { color: #fff; }
.info-box p { color: #94a3b8 !important; }
.post-meta-id { background: #0d2a7d !important; color: #fff !important; border-color: #2563eb !important; }
.post-meta-date { background: #0f1320d9; color: #cbd5e1; }
.indicator.active { background: var(--ember) !important; box-shadow: 0 0 6px #3b82f650 !important; }
.no-preview-box, .download-panel, .panel-header, .panel-content { background-color: #141926 !important; color: #cbd5e1; }
.btn-download { background: #1f293d; border-color: #2d3a58; }
.btn-page-nav, .seo-pagination { color: #93c5fd !important; }
.btn-page-nav { background: #141926 !important; border-color: #1f283e !important; }
input[type=range] { accent-color: var(--ember); }
input[type=range]::-webkit-slider-thumb { background: var(--ember) !important; border-color: #bfdbfe !important; box-shadow: 0 0 6px #3b82f650 !important; }
input[type=range]::-moz-range-thumb { background: var(--ember) !important; border-color: #bfdbfe !important; }
#colDisplay { color: var(--ember-light); background: #172554; border-color: #1e3a8a; }
:focus-visible { outline: 2px solid var(--ember); outline-offset: 3px; }
@media(min-width: 1000px) { .toolbar { width: min(1200px, calc(100% - 40px)); left: 50%; transform: translateX(-50%); border-radius: 0 0 14px 14px; } }
@media(max-width: 700px) { .archive-brand { display: none; } .about-site-card { padding: 16px; } .workshop-grid { gap: 0; padding: 0; border-radius: 0; } .about-item { padding: 12px; } }