/* 3kun — red & tan theme (classic Futaba/Yotsuba style) */
:root{--bg:#fff5e8;--cell:#f0e0d6;--cell-border:#d9bfb7;--accent:#af0a0f;--text:#800000;--link:#800000;--link-hover:#ff0000;--name:#117743;--trip:#228854;--subject:#cc1105;--greentext:#789922;--quotelink:#dd0000;--dead:#997777;--muted:#8a6d5b;--postblock:#eea88a;
 color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{background:var(--bg);scroll-padding-top:env(safe-area-inset-top,0px)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:10}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:10pt;padding:0 6px 24px 6px}
a{color:var(--link)}
a:hover{color:var(--link-hover)}
img{border:none;max-width:100%;height:auto}
hr{border:none;border-top:1px solid var(--cell-border);clear:both}
.clear{clear:both}
.mono{font-family:"Courier New",monospace}
.hint{color:var(--muted);font-size:.85em}
.hpf{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.boardlist{font-size:9pt;padding:4px 2px;color:var(--muted);overflow:hidden}
.boardlist a{text-decoration:none}
.bl-right{float:right}
.boardhead{text-align:center;margin-top:8px}
.boardtitle{font-family:Tahoma,Geneva,sans-serif;font-size:24pt;font-weight:bold;letter-spacing:0;color:var(--accent);margin:0}
.boardsub{font-size:9pt;color:var(--muted);margin-top:2px}
hr.abovepostform{margin-top:10px}
.postarea{text-align:center;margin:8px 0}
.postarea form{display:inline-block;text-align:left}
table.postform{border-collapse:collapse;margin:0 auto}
table.postform td{padding:1px 2px}
td.postblock{background:var(--postblock);color:var(--text);font-weight:bold;border:1px solid var(--cell-border);padding:2px 6px;font-size:9pt;min-width:64px}
table.postform input[type="text"],table.postform input[type="password"],table.postform select{width:244px;max-width:70vw;border:1px solid #aaa;padding:2px 4px;font-family:inherit;font-size:10pt;background:#fff;color:#000}
table.postform input[type="submit"]{margin-left:4px}
table.postform textarea{width:296px;max-width:80vw;border:1px solid #aaa;padding:2px 4px;font-family:inherit;font-size:10pt;background:#fff;color:#000}
ul.rules{margin:6px 0 0 0;padding:0 0 0 1.2em;font-size:8pt;color:var(--muted);max-width:420px}
ul.rules li{margin:1px 0}
.thread{margin:0}
.postInfo{margin:2px 0}
.subject{color:var(--subject);font-weight:bold}
.name{color:var(--name);font-weight:bold}
.name a{color:var(--name)}
.trip{color:var(--trip)}
.dateTime{color:var(--text)}
.postNum,.postNum a{color:var(--text);text-decoration:none}
.postNum a:hover{color:var(--link-hover)}
.replylink{font-weight:bold}
.reportlink{text-decoration:none;font-size:8pt;color:var(--muted)}
.reportlink:hover{color:var(--link-hover)}
.badge{font-size:9pt}
blockquote.postMessage{margin:8px 24px 8px 40px;word-wrap:break-word;overflow-wrap:break-word}
.replyContainer{margin:3px 0}
.sideArrow{color:var(--cell-border);float:left;margin:6px 4px 0 0;font-size:9pt}
.post.reply{display:inline-block;background:var(--cell);border:1px solid var(--cell-border);padding:3px 10px 3px 4px;max-width:calc(100% - 40px);vertical-align:top}
.post.reply blockquote.postMessage{margin:6px 16px 6px 32px}
.post.highlight{background:#f5d5c5;border:1px solid #e0a090}
.omitted{color:var(--muted);margin:2px 0 4px 42px;font-size:9pt}
.omitted a{color:var(--muted)}
.backlinks{font-size:8pt}
.backlinks a{color:var(--quotelink)}
.noposts{text-align:center;color:var(--muted);margin:24px 0}
.quote{color:var(--greentext)}
.quotelink{color:var(--quotelink)}
.deadlink{color:var(--dead);text-decoration:line-through}
s,.spoiler{background:#000;color:#000;text-decoration:none;padding:0 1px}
s:hover,.spoiler:hover{color:#fff}
pre.code{background:#fff;border:1px dashed var(--cell-border);padding:6px 8px;margin:4px 0;overflow-x:auto;font-family:"Courier New",monospace;font-size:9pt;color:#333;max-width:720px;white-space:pre}
.replymode{background:var(--accent);color:#ffe;font-weight:bold;padding:3px 8px;margin:8px 0 0 0}
.replymode .rm-links{float:right;font-weight:normal}
.replymode a{color:#ffe}
.lockednote{background:var(--cell);border:1px solid var(--accent);color:var(--accent);font-weight:bold;text-align:center;padding:8px;margin:8px auto;max-width:480px}
.deleteform{text-align:right;background:var(--cell);border:1px solid var(--cell-border);padding:3px 6px;margin:4px 0;font-size:9pt}
.deleteform input[type="password"]{border:1px solid #aaa;padding:1px 3px;width:110px}
.pagelist{display:inline-block;background:var(--cell);border:1px solid var(--cell-border);padding:4px 10px;margin:6px 0;font-size:10pt}
.pagelist a{text-decoration:none}
.pgcur{color:var(--accent)}
.pgbtn.disabled{color:var(--muted)}
.pgsep{color:var(--muted);margin:0 4px}
.catalog{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}
.catcell{width:176px;margin:6px;text-align:center;font-size:8.5pt;overflow:hidden;vertical-align:top}
.catcell img{max-width:150px;max-height:150px;border:1px solid var(--cell-border);background:#fff}
.catnoimg{display:inline-block;width:150px;height:100px;line-height:100px;background:var(--cell);border:1px solid var(--cell-border);color:var(--muted)}
.catmeta{color:var(--muted);margin-top:2px}
.catteaser{word-wrap:break-word}
.simplewrap{max-width:640px;margin:40px auto 0 auto}
.msgbox{background:var(--cell);border:1px solid var(--cell-border);padding:16px 24px;text-align:center}
.msgbox h2{color:var(--accent);margin-top:0}
.banbox{border:2px solid var(--accent)}
.banreason{background:#fff;border:1px dashed var(--cell-border);padding:8px;font-weight:bold}
.reportpreview{background:#fff;border:1px dashed var(--cell-border);padding:6px;font-size:9pt}
.msgbox form{display:inline-block;text-align:left}
.footer{clear:both;text-align:center;font-size:8pt;color:var(--muted);margin-top:28px}
.footlinks{font-size:9pt}
.tiny{font-size:7.5pt}
.adminbar{background:var(--accent);padding:5px 10px;margin:6px 0}
.adminbar a{color:#ffe;text-decoration:none;margin-right:10px;font-weight:bold;font-size:9pt}
.adminbar a:hover{text-decoration:underline}
.adminbar .who{float:right;color:#f8c8c0;font-size:9pt}
table.admin{border-collapse:collapse;margin:8px auto;background:#fffdf7;font-size:9pt;width:100%;max-width:1100px}
table.admin th{background:var(--postblock);border:1px solid var(--cell-border);padding:3px 8px}
table.admin td{border:1px solid var(--cell-border);padding:3px 8px;vertical-align:top}
.adminactions form{display:inline}
.abtn{font-size:8pt;padding:1px 5px;margin:0 1px;cursor:pointer}
.adminip a{color:var(--accent);font-size:8.5pt}
.admin-h2{color:var(--accent);text-align:center}
.adminwrap{max-width:1100px;margin:0 auto}
.adminform{background:var(--cell);border:1px solid var(--cell-border);padding:10px 16px;margin:10px auto;max-width:560px}
.adminform label{display:inline-block;min-width:90px;font-weight:bold;font-size:9pt}
.adminform input[type="text"],.adminform input[type="password"],.adminform select{border:1px solid #aaa;padding:2px 4px;margin:2px 0;width:240px;background:#fff}
.adminnote{color:var(--muted);font-size:8.5pt}
.ok{color:#117743;font-weight:bold}
.bad{color:var(--accent);font-weight:bold}
.homelogo{text-align:center;margin:34px 0 6px 0}
.homelogo h1{font-family:Tahoma,Geneva,sans-serif;font-size:52pt;letter-spacing:0;color:var(--accent);margin:0}
.tagline{color:var(--muted);font-size:10pt;margin-top:2px}
.homebox{max-width:720px;margin:14px auto;background:var(--cell);border:1px solid var(--cell-border);padding:4px 18px 12px 18px}
.homebox h2{color:#ffe;background:var(--accent);font-size:10pt;padding:3px 8px;margin:8px -18px 10px -18px}
table.boards{border-collapse:collapse;width:100%}
table.boards td{padding:3px 8px;vertical-align:top}
td.bname{white-space:nowrap;font-weight:bold}
td.bgroup{color:var(--accent);font-weight:bold;padding-top:10px}
.bdesc{color:var(--muted);font-size:9pt}
@media (max-width:600px){
.bl-right{float:none;display:block;margin-top:2px}
blockquote.postMessage{margin:8px 8px 8px 12px}
.post.reply blockquote.postMessage{margin:6px 8px 6px 10px}
.post.reply{max-width:100%}
.sideArrow{display:none}
table.postform textarea,table.postform input[type="text"]{width:62vw}
.replymode .rm-links{float:none;display:block}
.homelogo h1{font-size:40pt}
}

.logo{height:64px;width:auto;vertical-align:middle}
.homelogo img{width:131px;height:auto;display:block;margin:0 auto}
.bl-right a.me{font-weight:bold}
.file{margin:6px 0 2px 12px;font-size:9pt;color:var(--muted);clear:left}
.post.reply .file{margin-left:8px}
img.thumb{max-width:200px;max-height:200px;border:1px solid var(--cell-border);margin:3px 0;cursor:zoom-in;background:#fff;display:block}
img.thumb.big{max-width:100%;max-height:none;cursor:zoom-out}
video.media{max-width:min(480px,100%);max-height:360px;display:block;margin:3px 0;background:#000}
audio.media{display:block;margin:4px 0;width:min(360px,100%)}
.badge-m{color:#fff;background:var(--name);font-size:7.5pt;padding:0 4px;border-radius:3px;font-weight:normal}
.catcell img,.catcell .thumbc{max-width:150px;max-height:150px}
table.postform input[type=file]{font-size:9pt;max-width:70vw}
.upstat{color:var(--accent);font-weight:bold;font-size:9pt}
.authform input[type=text],.authform input[type=password],.authform input[type=email],.authform input[type=date]{border:1px solid #aaa;padding:3px 5px;width:240px;max-width:70vw;background:#fff;margin:2px 0}
.authform label{display:block;font-weight:bold;font-size:9pt;margin-top:6px}
.rulelist li{margin:6px 0}
.rulelist .big{color:var(--accent);font-weight:bold}

.errimg{display:block;margin:0 auto;width:auto;height:auto;max-width:min(220px,100%);max-height:352px;object-fit:contain}

/* ranks + admin panel */
.rk{color:#fff;font-size:7.5pt;padding:0 4px;border-radius:3px;font-weight:normal;margin-left:2px;white-space:nowrap}
.rk-member{background:var(--name)}
.rk-mod{background:#2a6fb0}
.rk-admin{background:var(--accent)}
.rk-admin.rk-root{background:#5b1a8c}
.adminbar a.on{text-decoration:underline;color:#fff}
.adminform h3{margin:2px 0 8px 0;color:var(--accent);font-size:11pt}
.adminform .frow{margin:5px 0}
.adminform .frow>label{display:inline-block;min-width:90px;vertical-align:top;padding-top:3px}
.adminform .adminnote{margin:2px 0 0 94px}
.adminform>.adminnote:first-of-type,.adminform h3+.adminnote{margin-left:0}
.adminform{max-width:620px}
.dangerzone{border-color:var(--accent)}
.dangerzone h3{color:#a00}
.flash{max-width:620px;margin:8px auto;padding:7px 12px;border:1px solid var(--cell-border);background:var(--cell);text-align:center}
.modlist{margin:4px 0 8px 0;padding-left:1.3em}
.abtn-link{font-weight:bold}
@media (max-width:600px){.adminform .adminnote{margin-left:0}.adminform input[type="text"],.adminform input[type="password"]{width:100%}}