:root{color-scheme:dark;--page:var(--od-theme-page, #0c1118);--top:var(--od-theme-top, #151d28);--panel:var(--od-theme-panel, #161e2a);--line:var(--od-theme-border, #2c3949);--soft:var(--od-theme-panel2, #273241);--text:var(--od-theme-text, #dce5f1);--muted:var(--od-theme-muted, #8b9cb0);--blue:var(--od-theme-accent, #92baff)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--page);color:var(--text);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--od-theme-accent, #9bbfff);outline-offset:3px}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.topbar{background:var(--top);border-bottom:1px solid var(--od-theme-border, #2a3645);position:sticky;top:0;z-index:10;box-shadow:0 2px 13px #0003}
.topbar-inner{max-width:1370px;padding:0 24px;min-height:66px;margin:auto;display:grid;grid-template-columns:minmax(240px,1fr) minmax(200px,380px) minmax(180px,1fr);align-items:center;gap:20px}
.brand{width:255px;max-width:100%;display:block}.brand-logo{width:100%;height:auto;max-height:46px;object-fit:contain;object-position:left center;display:block}
.brand-fallback{display:none;font-size:22px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brand-fallback em{font-style:normal;color:var(--od-theme-link, #80adfb)}
.search{position:relative;width:100%;min-width:0}.search svg{position:absolute;top:50%;left:11px;transform:translateY(-50%);width:17px;height:17px;color:var(--od-theme-link, #8294aa);pointer-events:none}
.search input{display:block;width:100%;height:37px;color:var(--text);background:var(--od-theme-input, #0f1620);border:1px solid var(--od-theme-border, #324051);padding:0 12px 0 38px;border-radius:0;outline:0}.search input:focus{border-color:var(--od-theme-accent, #79a7ee)}.search input::placeholder{color:var(--od-theme-link, #8090a5)}
.auth-links{display:flex;gap:9px;align-items:center;justify-content:flex-end;white-space:nowrap}
.auth-link{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 14px;font-size:12.5px;font-weight:750;border:1px solid var(--od-theme-border, #4b6485);background:var(--od-theme-hover, #25344a);color:var(--od-theme-text, #e1edff)}
.auth-link:hover{border-color:var(--od-theme-accent, #8ab1e8);background:var(--od-theme-soft, #355071)}.auth-link.primary{background:var(--od-theme-accent, #477cce);border-color:var(--od-theme-accent, #719ce0);color:var(--od-theme-text, #fff)}.auth-link.primary:hover{background:var(--od-theme-accent, #568cdf)}
.shell{max-width:1370px;margin:auto;display:grid;grid-template-columns:247px minmax(0,1fr);gap:24px;align-items:start;padding:26px 24px 0}
.sidebar{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:17px}.panel,.thread-panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 6px 18px #0002;overflow:hidden}
.welcome-accent{height:6px;background:linear-gradient(90deg,var(--od-theme-accent, #367fc6),var(--od-theme-accent, #735ac1))}
.welcome-inner{padding:17px}.welcome-inner h2{margin:0 0 9px;font-size:16px;color:var(--od-theme-text, #e6efff)}.welcome-inner p{margin:0 0 16px;font-size:12.5px;color:var(--od-theme-text, #aebdd0);line-height:1.6}.join-button{display:flex;justify-content:center;align-items:center;padding:10px 12px;min-height:38px;background:var(--od-theme-cover, #355d96);border:1px solid var(--od-theme-accent, #6486bc);font-weight:700;color:var(--od-theme-text, #f1f6ff);font-size:12.5px}
.join-button:hover{background:var(--od-theme-cover, #416fae)}.sign-in-note{text-align:center;font-size:12px;margin-top:12px;color:var(--od-theme-link, #9cadc1)}.sign-in-note a{color:var(--od-theme-link, #a7caff);text-decoration:underline;text-underline-offset:3px}
.side-heading{margin:0;background:var(--od-theme-head, #202b3a);padding:12px 15px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.35px;color:var(--od-theme-text, #bdcbdd);text-transform:uppercase;font-weight:800}
.tag-interior{padding:14px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag-filter{border:1px solid var(--od-theme-border, #35485e);background:var(--od-theme-tag, #202d3e);padding:5px 8px;color:var(--od-theme-link, #aac0df);font-size:12px;font-weight:550}.tag-filter:hover,.tag-filter.selected{background:var(--od-theme-soft, #345885);border-color:var(--od-theme-accent, #709be3);color:var(--od-theme-text, #fff)}.clear-filter{border:0;background:transparent;color:var(--od-theme-link, #90b6ee);font-size:12px;padding:12px 0 0;text-align:left}.clear-filter:hover{text-decoration:underline}
.content{min-width:0}.intro{display:flex;align-items:baseline;gap:14px;margin:0 0 12px}.intro h1{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px}.intro p{margin:0;font-size:12px;color:var(--od-theme-link, #91a4ba)}
.toolbar{padding:6px 15px 7px;background:var(--od-theme-tool, #202b39);display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--od-theme-border, #344255);flex-wrap:wrap}.tabs{display:flex;gap:4px;align-items:center}
.tab{padding:8px 12px;background:transparent;border:1px solid transparent;color:var(--od-theme-link, #9eafc3);font-size:12.5px;font-weight:700}.tab:hover{background:var(--od-theme-hover, #2a3b50);color:var(--od-theme-text, #fff)}.tab.active{background:var(--od-theme-soft, #344f73);border-color:var(--od-theme-border, #496488);color:var(--od-theme-text, #eaf3ff)}
.toolbar-controls{display:flex;gap:14px;align-items:center}.new-topic{border:1px solid var(--od-theme-border, #496488);background:var(--od-theme-soft, #344f73);color:var(--od-theme-text, #eaf3ff);padding:8px 13px;font-size:12.5px;font-weight:700;white-space:nowrap;line-height:1.35}.new-topic:hover{background:var(--od-theme-soft, #42648f);border-color:var(--od-theme-accent, #6688b9)}
.sort{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--od-theme-muted, #a1afc3)}.sort select{max-width:172px;color:var(--od-theme-text, #d5e2f2);background:var(--od-theme-input, #141d29);border:1px solid var(--od-theme-border, #3b4a5e);padding:8px 9px}
.list-header,.topic-row{display:grid;grid-template-columns:minmax(0,1fr) 74px 74px 168px}.list-header{background:var(--od-theme-head, #192330);color:var(--od-theme-link, #8999ac);text-transform:uppercase;font-size:10.5px;letter-spacing:.65px;font-weight:800;padding:12px 0;border-bottom:1px solid var(--od-theme-border, #344255)}
.list-header>div:first-child{padding-left:15px}.list-header>div:not(:first-child){display:flex;align-items:center;justify-content:center;text-align:center}
.topic-row{min-height:67px;background:var(--od-theme-row, #18212d);border-bottom:1px solid var(--od-theme-border, #2a3646)}.topic-row:nth-child(even){background:var(--od-theme-rowAlt, #1a2532)}.topic-row:hover{background:var(--od-theme-hover, #233248)}
.topic-main{display:flex;gap:12px;align-items:center;min-width:0;padding:12px 8px 12px 15px}.topic-icon{width:31px;height:31px;display:grid;place-items:center;background:var(--od-theme-soft, #293d56);color:var(--od-theme-link, #9bbbea);border:1px solid var(--od-theme-border, #3a5271);flex:none;border-radius:50%}.topic-icon.pinned{background:var(--od-theme-tool, #3b3d3c);border-color:var(--od-theme-border, #626454);color:#e7cc82}.topic-icon svg{width:17px;height:17px}.topic-text{min-width:0;flex:1}.topic-title-line{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.topic-title{color:var(--od-theme-link, #c4daff);font-size:13.5px;font-weight:700;line-height:1.45}.topic-title:hover{color:var(--od-theme-text, #fff);text-decoration:underline;text-underline-offset:3px}
.pin-label{font-size:9px;letter-spacing:.7px;font-weight:850;color:#e9d298;background:#4a4534;border:1px solid #665c3a;padding:1px 4px}
.topic-meta{margin-top:3px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;color:var(--od-theme-link, #899aae);font-size:11.2px;line-height:1.35}.topic-meta strong{color:var(--od-theme-link, #adc0d7);font-weight:600}.dot-separator{color:var(--od-theme-accent, #586a81)}.inline-tag:hover{color:var(--od-theme-link, #bcd7ff);text-decoration:underline}
.topic-num{display:flex;justify-content:center;align-items:center;color:var(--od-theme-text, #c4d0dd);font-size:12px;font-variant-numeric:tabular-nums;border-left:1px solid var(--od-theme-border, #293648)}.topic-num small{display:none}
.last-post{display:flex;flex-direction:column;justify-content:center;padding:12px 8px 10px 15px;min-width:0;border-left:1px solid var(--od-theme-border, #293648)}.last-post strong{font-size:11.5px;font-weight:700;color:var(--od-theme-link, #a9cfff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-post time{margin-top:2px;font-size:11px;color:var(--od-theme-link, #8193a8)}
.list-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;background:var(--od-theme-panel2, #1c2837);color:var(--od-theme-link, #94a5ba);font-size:12px}.page-buttons{display:flex;gap:5px}.page-button{min-width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--od-theme-border, #4d6788);background:var(--od-theme-soft, #334b69);color:var(--od-theme-text, #d9eaff);font-size:12px;font-weight:700}.page-button:disabled{opacity:.8;cursor:default}.page-button:not(:disabled){cursor:pointer}.page-button:not(:disabled):hover{background:var(--od-theme-soft, #44618a)}
.empty{padding:45px 20px;text-align:center;color:var(--od-theme-text, #aebdd0)}.empty strong{display:block;font-size:15px;margin-bottom:6px;color:var(--od-theme-text, #e3eeff)}.empty p{margin:0}
.site-footer{text-align:center;margin-top:0;padding:12px 10px 14px;font-size:12px;color:var(--od-theme-link, #8797aa)}.site-footer a{color:var(--od-theme-link, #a5b9d5)}.site-footer a:hover{text-decoration:underline}
@media(max-width:1110px){.shell{grid-template-columns:225px minmax(0,1fr);gap:18px;padding:22px 17px 0}.topbar-inner{padding:0 17px;gap:12px;grid-template-columns:minmax(200px,1fr) minmax(180px,350px) auto}.list-header,.topic-row{grid-template-columns:minmax(0,1fr) 64px 64px 125px}.last-post{padding-left:10px}}
@media(max-width:890px){.shell{grid-template-columns:215px minmax(0,1fr);gap:15px}.list-header,.topic-row{grid-template-columns:minmax(0,1fr) 62px 115px}.list-header>div:nth-child(3),.topic-row .views{display:none}.intro{flex-wrap:wrap;gap:5px}.topbar-inner{grid-template-columns:minmax(155px,1fr) minmax(150px,320px) auto}.brand{width:215px}}
@media(max-width:690px){.topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:9px 12px;padding:10px 12px}.brand{grid-column:1;grid-row:1;max-width:225px}.auth-links{grid-column:2;grid-row:1}.search{grid-column:1/-1;grid-row:2}.shell{display:flex;flex-direction:column;padding:17px 12px 0;gap:15px}.content{width:100%;order:1}.sidebar{position:static;order:2;width:100%;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.welcome-inner{padding:14px}.topic-main{padding-left:10px;gap:9px}.list-header,.topic-row{grid-template-columns:minmax(0,1fr) 60px}.list-header>div:last-child,.last-post{display:none}.topic-icon{width:28px;height:28px}.topic-title{font-size:12.5px}.topic-meta{font-size:10.5px}.toolbar{padding:10px}.sort select{max-width:155px}}
@media(max-width:480px){.brand{max-width:200px}.auth-links{gap:6px}.auth-link{font-size:11px;padding:7px 9px;min-height:33px}.toolbar-controls{width:100%;justify-content:space-between}.intro{display:block}.intro p{margin-top:3px}.sidebar{grid-template-columns:1fr}.site-footer{line-height:1.8}}
@media(max-width:365px){.brand{max-width:160px}.auth-link{padding:7px}.toolbar-controls{gap:8px}.sort select{max-width:142px}}
/* The public sign-in panel occupies the Member Navigation position. */
.signin-body{padding:16px;display:grid;gap:11px}
.signin-field{display:grid;gap:5px;font-size:12px;font-weight:650;color:var(--od-theme-text, #b9c9db)}
.signin-field input{height:37px;width:100%;min-width:0;background:var(--od-theme-top, #111a26);border:1px solid var(--od-theme-border, #394a60);border-radius:0;color:var(--od-theme-text, #e4eefd);padding:0 10px;font-size:12.5px;font-weight:400}
.signin-field input::placeholder{color:var(--od-theme-link, #8394aa)}
.signin-field input:focus{outline:2px solid var(--od-theme-accent, #82adf0);outline-offset:1px}
.signin-remember{display:flex;gap:8px;align-items:center;color:var(--od-theme-link, #acbed3);font-size:12px;cursor:pointer}
.signin-remember input{width:15px;height:15px;accent-color:var(--od-theme-accent, #6497da);margin:0;flex:none}
.signin-button{height:38px;width:100%;padding:0 10px;border:1px solid var(--od-theme-accent, #729add);background:var(--od-theme-accent, #3e72ba);color:white;font-weight:750;font-size:13px}
.signin-button:hover{background:var(--od-theme-accent, #4c84d0)}
.signin-forgot{display:block;text-align:center;color:var(--od-theme-link, #a9c9f7);font-size:12px;padding:1px 0}
.signin-forgot:hover,.signin-register a:hover{text-decoration:underline}
.signin-register{font-size:12px;text-align:center;color:var(--od-theme-link, #9aabc1);margin:3px -16px -16px;padding:12px;border-top:1px solid var(--line);background:var(--od-theme-rowAlt, #1a2532)}
.signin-register a{font-weight:700;color:var(--od-theme-link, #b2d0ff)}
.signin-feedback{margin:1px 0 0;font-size:11.5px;color:var(--od-theme-link, #b9d3fb);line-height:1.5}
@media(max-width:690px){.sidebar{order:1}.content{order:2}}