html,body{margin:0;height:100%;background:#0d0f12;color:#e8eaed;font:13px/1.4 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}
#view{position:fixed;inset:0;width:100%;height:100%;display:block}
#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}
#brand{position:absolute;left:12px;top:10px;display:flex;gap:10px;align-items:center;background:rgba(12,14,18,.72);padding:6px 12px 6px 6px;border-radius:10px;backdrop-filter:blur(6px)}
#brand img{height:38px;border-radius:6px}#brand b{display:block;font-size:15px}#brand span{font-size:11px;color:#aeb4bd}
#bar{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;gap:6px;align-items:center;background:rgba(12,14,18,.72);padding:6px 8px;border-radius:10px;backdrop-filter:blur(6px)}
button,select{background:#1f242c;color:#e8eaed;border:1px solid #3a414c;border-radius:7px;padding:5px 10px;font:inherit;cursor:pointer}button:hover{border-color:#e3262e}
button.tog.on{background:#e3262e;border-color:#e3262e}#hud{font-size:11px;color:#aeb4bd;padding:0 6px;white-space:nowrap}
.col{position:absolute;top:66px;width:300px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 100px);overflow:auto}#left{left:12px}#right{right:12px}
details{background:rgba(12,14,18,.78);border-radius:10px;padding:8px 10px;backdrop-filter:blur(6px)}summary{cursor:pointer;font-weight:600;color:#fff}
details label{display:block;margin:6px 0;font-size:12px}details input[type=range]{width:120px;vertical-align:middle}details button{margin:4px 4px 0 0}
.row{display:flex;flex-wrap:wrap;gap:4px}.note{font-size:11px;color:#8c939d;margin:6px 0 0}
table{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:6px}td,th{padding:2px 4px;text-align:right}td:first-child{text-align:left;color:#aeb4bd}th{color:#e3262e}
.big{font-size:34px;font-weight:700}.big small{font-size:13px;color:#aeb4bd}.kv{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;font-size:12px}.kv span{color:#aeb4bd}
.bars{margin-top:6px}.tb{position:relative;height:12px;margin:3px 0 3px 26px;background:#1f242c;border-radius:6px}.tb span{position:absolute;left:-26px;top:-2px;font-size:11px}.tb i{position:absolute;top:1px;width:10px;height:10px;margin-left:-5px;border-radius:5px;background:#e3262e}
#load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0d0f12}#load>div{text-align:center}#load img{height:80px;border-radius:10px}.pb{width:260px;height:4px;background:#222;border-radius:2px}.pb i{display:block;height:100%;background:#e3262e;width:0}
#credit{position:absolute;right:12px;bottom:8px;font-size:10px;color:#9aa1aa;background:rgba(12,14,18,.6);padding:3px 8px;border-radius:6px}
@media (max-width:760px){.col{width:240px}#left{top:110px}#right{display:none}#bar{top:58px;flex-wrap:wrap}}