:root{--pink:#F844A1;--cyan:#48A1D3;--black:#12141C;--ink:#12141C;--paper:#F6F7F9;--line:#DDE3EA}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--paper);color:var(--ink)}
.wrap{max-width:1150px;margin:0 auto;padding:0 16px}
header{background:var(--black);color:#fff;border-bottom:4px solid var(--pink)}.hd{display:flex;gap:14px;align-items:center;padding:14px 16px}
.lion{width:48px;height:48px}h1{margin:0;font-size:26px;letter-spacing:3px;font-weight:900}header p{margin:2px 0 0;color:#BFE0F2;font-size:13px}
.grid{display:grid;grid-template-columns:300px 1fr;gap:16px;padding-top:16px;padding-bottom:16px;align-items:start}
@media(max-width:820px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
h2{margin:0 0 10px;font-size:19px;color:var(--black)}h3{color:var(--black);margin:22px 0 8px;font-size:16px}
input,textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
input:focus,textarea:focus{outline:2px solid var(--pink);border-color:var(--pink)}
.row{display:flex;gap:8px}.row>*{flex:1}.addf{display:grid;gap:8px}
.btn{background:var(--pink);color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700;font-size:15px;cursor:pointer}
.btn.dark{background:var(--black)}.btn.ghost{background:#fff;color:var(--black);border:1px solid var(--line)}.btn:active{transform:translateY(1px)}
#roster,#past{list-style:none;padding:0;margin:12px 0}
#roster li,#past li{display:flex;align-items:center;gap:6px;padding:10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;cursor:pointer}
#roster li.sel{border-color:var(--pink);background:#FFEAF5;box-shadow:inset 4px 0 0 var(--pink)}
li .nm{flex:1;font-weight:600}li .x{background:none;border:0;color:#7a8794;cursor:pointer;font-size:14px;padding:4px 6px}
.num{display:inline-block;min-width:28px;text-align:center;background:var(--black);color:#fff;border-radius:6px;font-size:12px;padding:2px 4px}
.muted{color:#5d6b79}.small{font-size:12.5px}.emptyst{text-align:center;padding:40px 10px}
.evhead{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:2px solid var(--black);padding-bottom:10px;margin-bottom:12px}
.evhead h2{font-size:22px;margin:0}.evhead p{margin:2px 0 0}
.ovr{background:var(--black);color:#fff;border-radius:10px;padding:8px 14px;text-align:center;min-width:96px}.ovr span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#BFE0F2}.ovr b{font-size:28px}.ovr small{display:block;font-size:11px;color:#BFE0F2}
.fld{display:block;font-weight:700;font-size:13px;color:var(--black);margin:12px 0 0}.fld input,.fld textarea{margin-top:5px;font-weight:400}
.cr{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:10px}.cr.set{border-left:4px solid var(--pink)}
.crt{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.crt b{font-size:15px}.crt p{margin:2px 0 0;font-size:12.5px;color:#5d6b79}
.chip{min-width:44px;text-align:center;font-weight:800;font-size:18px;border-radius:8px;padding:4px 8px;background:#E9EDF2;color:#8a96a3}
.chip.on{background:var(--pink);color:#fff}.chip.hi{background:var(--black)}
.sl{display:flex;align-items:center;gap:8px;margin-top:8px}.sl input{flex:1;padding:0;accent-color:var(--pink);height:28px}
.sl button{background:none;border:0;color:#7a8794;font-size:12px;cursor:pointer}.cr:not(.set) input[type=range]{opacity:.45}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}@media(max-width:520px){.actions .btn{flex:1 1 100%}}
footer{padding:10px 16px 30px}
.btn.dark{background:var(--cyan)}.ovr{background:var(--black);border:2px solid var(--cyan)}.ovr b{color:var(--cyan)}
.chip.on{background:var(--cyan);color:#fff}.chip.hi{background:var(--pink)}.cr.set{border-left-color:var(--pink)}
h2,h3,.fld,.evhead h2{color:var(--ink)}.evhead{border-bottom-color:var(--pink)}.num{background:var(--black)}
.settings{border-top:1px solid var(--line);margin-top:14px}.settings h3{margin-top:14px}.full{width:100%}.okmsg{color:#c2187a;font-weight:600;min-height:1em}.settings .row .btn{flex:0 0 auto}.settings .row .btn.ghost{flex:1}