*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#100c10;color:#fff4f4;font:16px/1.55 system-ui,sans-serif}
header{display:flex;align-items:center;gap:18px;padding:18px clamp(20px,5vw,72px);background:#1e1118;border-bottom:1px solid #48222c}
header img{width:100px}header strong,header small{display:block}header strong{font-size:1.3rem}
small,.eyebrow{color:#ff8895;letter-spacing:.16em;font-weight:800}.tag{margin-left:auto;border:1px solid #6b3945;border-radius:99px;padding:4px 12px;font-size:.7rem;letter-spacing:.12em}
main{width:min(1440px,94%);margin:32px auto}.login{display:grid;grid-template-columns:1.2fr 1fr;max-width:1000px;margin:7vh auto;overflow:hidden;border:1px solid #5b2732;border-radius:24px}
.hero{min-height:410px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px;background:radial-gradient(ellipse at 72% 32%,#fb354c66,transparent 56%),repeating-linear-gradient(135deg,#ff526314 0 1px,transparent 1px 24px),linear-gradient(145deg,#440519,#a60925 62%,#300714)}
.hero img{width:min(100%,340px);filter:drop-shadow(0 12px 22px #28040b80);animation:enter .8s ease-out both}.hero p{margin-top:30px;color:#ffdce1;font-size:.8rem;letter-spacing:.18em}
@keyframes enter{from{opacity:0;transform:translateY(18px) scale(.95)}}
.login section,.card{background:#1d151c;padding:clamp(18px,3vw,32px)}.card{border:1px solid #462832;border-radius:16px}.card h2{margin:0 0 12px;font-size:1.15rem}
h1{margin:2px 0 12px;font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.25}p{color:#cfb7c0}
form{display:grid;gap:10px;margin:12px 0}label{display:grid;gap:4px;color:#f6dce3;font-size:.9rem}
form[hidden]{display:none}
input{font:inherit;width:100%;min-width:0;padding:9px 12px;border-radius:8px;border:1px solid #66404b;background:#130f14;color:white}
button{font:inherit;font-weight:750;padding:9px 15px;border-radius:9px;border:1px solid #ff586b;background:#a9092a;color:white;cursor:pointer}
button.soft{border-color:#68404b;background:#32212b}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ff8795;outline-offset:3px}
.row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.row.between{justify-content:space-between}.layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:14px}.side{display:grid;align-content:start;gap:14px}
.monitor{width:100%;display:block;aspect-ratio:16/9;border:1px solid #4d3037;border-radius:10px;background:#121117;margin:10px 0 14px}.scene{width:100%;font-size:1.25rem;margin:0 0 10px}.state{font-weight:850;color:#ff8c9d}.state.live{color:#77ebb3}
.audit{margin-top:14px;overflow:auto}.audit table{width:100%;border-collapse:collapse;font-size:.85rem}.audit td,.audit th{text-align:left;padding:8px;border-bottom:1px solid #482d36;overflow-wrap:anywhere}
summary{cursor:pointer;font-weight:750;color:#ffc4ce}.viewer{padding:7px 0;border-bottom:1px solid #4d3037;overflow-wrap:anywhere}.viewer p{margin:3px 0;font-size:.85rem}
.qr{width:180px;border-radius:8px}.secret{overflow-wrap:anywhere}.hint{font-size:.85rem;color:#cfb7c0}#notice{position:fixed;bottom:15px;right:15px;padding:10px 16px;border-radius:10px;background:#3c1723;color:white;z-index:3}#notice:empty{display:none}
@media(max-width:760px){.login,.layout{grid-template-columns:1fr}.hero{min-height:200px}.hero img{width:190px}.tag{display:none}}@media(prefers-reduced-motion:reduce){.hero img{animation:none}}