*{box-sizing:border-box}body{margin:0;background:#141e31;color:#f4f0ea;font:17px/1.6 system-ui}main{max-width:940px;margin:auto;padding:50px 25px}.label{letter-spacing:.18em;color:#bcb8ec;font-size:.8rem}h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.1;letter-spacing:-.04em}#mode{border-left:4px solid #e8be74;padding:12px;background:#28324a}#people{display:flex;gap:20px;margin:30px 0}#people label{flex:1}select{display:block;width:100%;padding:14px;margin-top:8px;font:inherit}button{padding:14px 24px;background:#c4bbfa;color:#17172e;border:0;border-radius:8px;font:inherit;display:block;margin:22px 0}article{border:1px solid #52617f;padding:20px;border-radius:14px;margin:16px 0}h2{margin:0}.fine{color:#b3bdd1;font-size:.85rem}button:focus-visible,select:focus-visible{outline:3px solid #f0c975;outline-offset:3px}@media(max-width:600px){#people{display:block}#people label{display:block;margin:15px 0}}
[hidden]{display:none!important}
#live-people{display:grid;gap:20px;margin:30px 0}fieldset{border:1px solid #52617f;border-radius:14px;padding:20px;min-width:0}legend{padding:0 8px;font-weight:700}fieldset label{display:block;margin-top:12px}input[type=search]{width:100%;padding:14px;font:inherit}fieldset .fine{overflow-wrap:anywhere}a{color:#c4bbfa}input:focus-visible{outline:3px solid #f0c975;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}