:root{--dark:#1a0f0a;--dark2:#2a1810;--red:#b3261e;--flame:#d9481c;--gold:#e8a24a;--cream:#fff8f0;--ink:#2b1d16;--muted:#7a6558;--line:#ecdccc}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--cream);color:var(--ink);padding-bottom:76px}
header{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:linear-gradient(135deg,var(--dark),var(--dark2));color:#fff;border-bottom:2px solid var(--gold)}
header img{width:40px;height:40px;border-radius:50%}header b{display:block;font-size:17px;letter-spacing:.3px}header small{color:var(--gold);font-size:12px}
main{padding:16px;max-width:640px;margin:0 auto}
h1{font-size:22px;margin:4px 0 12px}h2{font-size:17px;margin:18px 0 8px;color:var(--red)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 12px;box-shadow:0 1px 3px rgba(60,30,10,.06)}
.card h3{margin:0 0 4px;font-size:16px}.meta{color:var(--muted);font-size:13px;margin:2px 0}
.hero{background:radial-gradient(circle at 30% 20%,#4a2412,var(--dark));color:#fff;border:none;text-align:center}
.hero img{width:96px;border-radius:50%}.hero p{color:#f3dcc4}
.tag{display:inline-block;font-size:11px;background:#fde9d5;color:var(--red);border-radius:20px;padding:2px 8px;font-weight:600;margin-bottom:6px}
label{display:block;font-size:14px;font-weight:600;margin:10px 0 4px}
input,textarea,select{width:100%;font:inherit;padding:11px 12px;border:1px solid #d8c4b2;border-radius:10px;background:#fff}
textarea{min-height:80px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:22px;height:22px;flex:none;margin-top:2px}
button,.btn{display:inline-block;font:inherit;font-weight:600;border:none;border-radius:10px;padding:12px 16px;background:var(--red);color:#fff;text-decoration:none;cursor:pointer;text-align:center}
.btn.block,button.block{display:block;width:100%;margin-top:14px}
.ghost{background:#fff;color:var(--red);border:1px solid var(--red)}.small{padding:6px 10px;font-size:13px}.gold{background:var(--gold);color:var(--dark)}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.right{margin-left:auto}
.err{color:#b00020;font-size:14px;min-height:18px}.ok{color:#1b7a3a;font-size:14px}
.note{font-size:13px;color:var(--muted)}.note a{color:var(--red)}
.splash{display:grid;place-items:center;height:60vh}.splash img{width:140px;border-radius:50%;animation:p 1.6s infinite}@keyframes p{50%{transform:scale(1.06)}}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--dark);border-top:2px solid var(--gold);padding-bottom:env(safe-area-inset-bottom);z-index:5}
nav a{flex:1;text-align:center;color:#e9d6c2;text-decoration:none;font-size:20px;padding:8px 0 6px}nav a span{display:block;font-size:11px;margin-top:2px}nav a.on{color:var(--gold)}
.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:12px}.tabs button{background:#fff;color:var(--ink);border:1px solid var(--line);white-space:nowrap}.tabs button.on{background:var(--red);color:#fff}
.video{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;margin-top:8px;background:#000}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.msgs{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 300px);min-height:260px;overflow:auto;padding:4px}
.msg{max-width:80%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px}.msg.me{align-self:flex-end;background:#fde9d5;border-color:#f5cfa9}
.msg b{font-size:12px;color:var(--red)}.msg time{font-size:11px;color:var(--muted);margin-left:6px}.msg p{margin:2px 0 0;white-space:pre-wrap;word-break:break-word}
table{width:100%;min-width:680px;border-collapse:collapse;font-size:13px;background:#fff}th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}.scroll{overflow-x:auto}
.list a{display:block;padding:14px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;background:#fff}.list{border:1px solid var(--line);border-radius:14px;overflow:hidden}