:root{color-scheme:dark light;}
body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#111;color:#eee;margin:0;padding:0;}
nav{background:#1b1b1b;padding:14px 24px;display:flex;gap:20px;align-items:center;border-bottom:1px solid #333;}
nav a{color:#9cd3ff;text-decoration:none;font-weight:600;}
nav a:hover{text-decoration:underline;}
.wrap{max-width:1100px;margin:0 auto;padding:24px;}
table{width:100%;border-collapse:collapse;margin-top:12px;}
th,td{padding:8px 10px;border-bottom:1px solid #2a2a2a;text-align:left;font-size:14px;}
th{color:#999;font-weight:600;}
tr:hover{background:#1a1a1a;}
a.btn,button{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block;}
a.btn:hover,button:hover{background:#1d4ed8;}
input,select,textarea{background:#1b1b1b;border:1px solid #333;color:#eee;padding:8px;border-radius:6px;font-size:14px;width:100%;box-sizing:border-box;}
label{display:block;margin:14px 0 4px;font-size:13px;color:#aaa;}
form{max-width:600px;}
.row{display:flex;gap:16px;}
.row > div{flex:1;}
.card{background:#181818;border:1px solid #2a2a2a;border-radius:10px;padding:20px;margin-bottom:20px;}
.msg{background:#14532d;color:#bbf7d0;padding:10px 14px;border-radius:6px;margin-bottom:16px;}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:#0d0d0d;padding:10px;border-radius:6px;display:block;white-space:pre-wrap;word-break:break-all;}
.tag{background:#333;padding:2px 8px;border-radius:10px;font-size:12px;color:#ccc;}
img.thumb{width:70px;height:70px;object-fit:cover;border-radius:6px;border:1px solid #333;}
.imgrow{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.copybtn{background:#333;padding:4px 10px;font-size:12px;border-radius:5px;cursor:pointer;}
h1{font-size:22px;} h2{font-size:17px;color:#ddd;}