:root{font-family:Segoe UI,system-ui,sans-serif;color:#e5edf5;background:#101820;color-scheme:dark;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;padding:32px 28px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#89a5b9}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}p{color:#a9bac8;line-height:1.5;margin:8px 0}.badge{border:1px solid #3d6467;color:#9ce0ce;border-radius:24px;padding:9px 13px;white-space:nowrap;font-size:12px}.identity,.card{border:1px solid #30404e;background:#18232d;border-radius:12px;padding:20px}.identity{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.presence{max-width:300px;text-align:right;align-self:center;font-size:13px}.presence small{word-break:break-all}.row,.actions{display:flex;align-items:center;gap:9px}.row input{width:150px}.separator{color:#87a2b5}#ownId{font:700 25px Consolas,monospace;letter-spacing:3px;min-width:68px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}h2{font-size:17px;margin:0 0 18px;color:#65d5b4}h2 span{color:#e5edf5;margin-left:8px}label{display:block;font-size:12px;color:#b5c5d3;margin:13px 0 7px}.identity label{margin-top:0}input,select,button{font:inherit;border-radius:7px}input:not([type=checkbox]):not([type=range]),select{width:100%;height:40px;border:1px solid #405463;background:#101b24;color:#f0f5fa;padding:8px 10px}button{border:1px solid transparent;background:#65d5b4;color:#10221e;padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}button.secondary{background:#233440;border-color:#405463;color:#e5edf5}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:#783d3d;border-color:#ac6a6a;color:#fff}.text-button{background:none;color:#81cbb7;padding:10px 0}.actions{margin-top:16px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;line-height:1.4;margin-top:17px}.check input{width:17px;height:17px;accent-color:#65d5b4}small,.small{display:block;color:#91a5b6;font-size:12px;line-height:1.5;margin-top:7px}.volume{display:flex;justify-content:space-between;align-items:end}.volume output{font-size:12px}input[type=range]{width:100%;accent-color:#65d5b4}.result{border:1px solid #405463;border-left:4px solid #7e94a6;border-radius:10px;padding:20px;margin-top:18px;background:#192630}.result h2{font-size:24px;color:#edf4fa;margin:8px 0}.result[data-state=pass]{border-color:#5bba9e;background:#16332f}.result[data-state=fail]{border-color:#e18484;background:#382528}.result[data-state=warn]{border-color:#d1b370;background:#332e22}.result[data-state=testing]{border-color:#7dbeea}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #ffffff20;margin-top:18px;padding-top:14px}.metrics span{display:block;font-size:11px;color:#a8bac7}.metrics strong{display:block;font-size:14px;margin-top:5px}footer{display:flex;align-items:center;gap:15px;margin:15px 0}footer p{font-size:12px;flex:1}a{color:#8edec5;font-size:13px}details{margin-top:18px;color:#93aabd;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;font-size:11px}.notice,.incoming{background:#3b3321;border:1px solid #a68d52;border-radius:7px;padding:12px;font-size:13px;line-height:1.5}.notice{margin-bottom:18px}.incoming{margin-top:14px}.history-wrap{position:relative}.history{position:absolute;left:0;right:0;top:42px;z-index:4;padding:5px;background:#253642;border:1px solid #4b6273;border-radius:7px;box-shadow:0 6px 20px #0006}.history button{display:block;width:100%;text-align:left;background:transparent;color:#d8e8ee}.history button:hover{background:#39505f}:focus-visible{outline:2px solid #8fe5cb;outline-offset:2px}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px 15px}.columns{grid-template-columns:1fr}.identity,header,footer{flex-wrap:wrap}.presence{text-align:left}.row{flex-wrap:wrap}.row input{max-width:160px}.metrics{grid-template-columns:1fr}.badge{font-size:11px}h1{font-size:27px}}
