*{box-sizing:border-box}
body{margin:0;background:#d9fffd;color:#0b3b3a;font:13px/1.4 Arial,Helvetica,sans-serif}
a{color:#0a6b6b;text-decoration:none}a:hover{text-decoration:underline}
.bbs-topbar{background:#bdeeee;border-bottom:1px solid #8fd2cd;padding:3px 8px;font-size:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
.bbs-topbar .g{color:#4a9;margin:0 2px}.bbs-topbar a{color:#0b3b3a}
.bbs-wrap{max-width:none;margin:0;padding:8px 10px 40px}
.bbs-side{width:340px;max-width:100%;margin:0 auto 12px;text-align:center}
.bbs-banner{min-height:8px}.bbs-banner img{max-width:100%;max-height:110px;cursor:pointer}
.bbs-title{margin:6px 0 0;font-size:22px;color:#a00a1a}
.bbs-sub{font-size:11px;color:#a00a1a;margin-bottom:8px}
.bbs-form{background:#88ece0;border:2px solid #6bcfc4;padding:8px;text-align:left}
.bbs-form input[type=text],.bbs-form textarea{width:100%;margin:0 0 6px;padding:3px 4px;border:2px solid #6bcfc4;background:#d9fffd;color:#0b3b3a;font:13px Arial}
.bbs-form textarea{height:70px;resize:vertical}
.bbs-form .as{font-size:12px;margin-bottom:6px}.bbs-form .hint{font-size:11px;color:#256}
.bbs-form button,.bbs-btn{background:#d9fffd;border:1px solid #6bcfc4;padding:3px 9px;font:13px Arial;color:#0b3b3a;cursor:pointer;display:inline-block}
.bbs-btn.sm{padding:0 6px;font-size:12px}
.bbs-note{background:#cfeeea;border:1px solid #9fd9d3;padding:8px;font-size:12px;text-align:left}
.bbs-bar{border-top:1px solid #9fd9d3;border-bottom:1px solid #9fd9d3;padding:6px 0;margin:6px 0;display:flex;gap:4px;flex-wrap:wrap}
.bbs-bar .bbs-btn{background:#cfeeea}
.bbs-thread{border-bottom:1px solid #9fd9d3;padding:8px 0}
.bbs-post{margin:2px 0}
.bbs-post.reply{background:#cfeeea;border:1px solid #b5e0db;padding:4px 8px;margin:4px 0 4px 8px;display:table;max-width:100%}
.bbs-head{margin-bottom:2px}.bbs-head .ar{color:#4a9}
.bbs-name{color:#117743;font-weight:bold}.bbs-name a{color:inherit}
.bbs-tag{color:#a00a1a;font-size:11px}.bbs-time,.bbs-no,.bbs-no a{color:#245}
.bbs-main{display:flex;gap:10px;align-items:flex-start}
.bbs-files{display:flex;flex-wrap:wrap;gap:8px;flex:none;max-width:60%}
.bbs-file{font-size:10px}.bbs-file .cap{margin-bottom:2px}
.bbs-file img{display:block;max-width:220px;max-height:280px}.bbs-file.av img{max-width:150px}
.bbs-body{overflow-wrap:anywhere;min-width:0}.bbs-body iframe{max-width:100%}
.bbs-subj{color:#a00a1a;font-weight:bold}.bbs-flag{font-size:11px;color:#456}.bbs-cat{font-weight:bold}
.green{color:#789922}.bbs-ref{color:#d00;text-decoration:underline}
.bbs-omit{font-size:12px;color:#456;margin:4px 0 4px 8px}
.bbs-pager{margin:10px 0;font-size:12px}
@media(max-width:700px){.bbs-side{margin:0 auto 12px}.bbs-main{flex-direction:column}.bbs-files{max-width:100%}}
body{background:var(--bg);color:var(--text)}
a{color:var(--green)}
.bbs-topbar{background:var(--bg-card-alt);border-color:var(--border-light)}
.bbs-topbar a,.bbs-topbar .g{color:var(--text)}
.bbs-opt{position:relative;display:inline-block}
.bbs-menu{display:none;position:absolute;right:0;top:100%;background:var(--bg-card);border:1px solid var(--green);z-index:50;min-width:130px;padding:4px 0;white-space:nowrap}
.bbs-menu.open{display:block}
.bbs-menu a{display:block;padding:3px 10px}
.bbs-title{color:var(--text-white)}
.bbs-sub,.bbs-flag,.bbs-omit,.bbs-time,.bbs-no,.bbs-no a,.bbs-head .ar{color:var(--text-muted)}
.bbs-form,.bbs-note,.bbs-post.reply{background:var(--bg-card-alt);border-color:var(--border-light)}
.bbs-form input[type=text],.bbs-form textarea{background:var(--bg);color:var(--text);border-color:var(--border-light)}
.bbs-form button,.bbs-btn,.bbs-bar .bbs-btn{background:var(--bg-card);border-color:var(--border-light);color:var(--text)}
.bbs-bar,.bbs-thread{border-color:var(--border-light)}
.bbs-name,.bbs-subj{color:var(--green)}
.bbs-tag,.bbs-ref{color:var(--danger)}
.bbs-subj{color:var(--text-white);font-weight:bold;margin-right:4px}
.bbs-cat{color:var(--text-muted)}

html[data-theme="yotsubab"]{--bg:#eef2ff;--bg-card:#d6daf0;--bg-card-alt:#d6daf0;--border:#b7c5d9;--border-light:#b7c5d9;--green:#34345c;--text:#000;--text-muted:#34345c;--text-white:#af0a0f;--danger:#dd0000}
html[data-theme="yotsubab"] body{background:linear-gradient(#d6daf0,#eef2ff 320px) no-repeat #eef2ff}
html[data-theme="yotsubab"] .bbs-topbar{background:transparent;border-bottom:1px solid #b7c5d9}
html[data-theme="yotsubab"] .bbs-name{color:#117743}
html[data-theme="yotsubab"] .bbs-form{background:#9988ee;border:none}
html[data-theme="yotsubab"] .bbs-form .as,html[data-theme="yotsubab"] .bbs-form .hint{color:#000}
html[data-theme="yotsubab"] .bbs-form input[type=text],html[data-theme="yotsubab"] .bbs-form textarea{background:#fff;border:1px solid #aaa}
html[data-theme="yotsubab"] .bbs-form button{background:#eee;border:2px outset #ccc;color:#000}
html[data-theme="yotsubab"] .bbs-post.reply{background:#d6daf0;border:1px solid #b7c5d9}
html[data-theme="yotsubab"] .bbs-ref{color:#dd0000}
html[data-theme="yotsubab"] a:hover{color:#dd0000}
.bbs-side{width:640px;max-width:100%}
.bbs-form{background:transparent;border:none;padding:0}
.bbs-form table{width:100%;border-collapse:separate;border-spacing:2px}
.bbs-form th{width:110px;text-align:left;padding:6px;font-size:13px;background:var(--border-light);color:var(--text);vertical-align:middle}
.bbs-form td{padding:0}
.bbs-form input[type=text],.bbs-form textarea{margin:0}
.bbs-form textarea{height:100px}
.bbs-inline{display:flex;gap:6px;align-items:center}
html[data-theme="yotsubab"] .bbs-form{background:transparent}
html[data-theme="yotsubab"] .bbs-form th{background:#9988ee;color:#000}
.bbs-drop{border:2px dashed var(--text-muted);background:rgba(128,128,128,.15);color:var(--text-muted);text-align:center;padding:14px 8px;cursor:pointer;font-size:13px}
.bbs-drop.over{background:rgba(128,128,128,.35)}
.bbs-drop .ok{color:var(--green)}.bbs-drop .bad{color:var(--danger)}
.bbs-title{color:var(--green);font-weight:bold}