:root{color-scheme:dark;--red:#ed0027}*{box-sizing:border-box}body{margin:0;background:#101114;color:#f5f5f6;font:17px/1.6 system-ui}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #333}a{color:#fff}header a{text-decoration:none;font-weight:800}b{color:var(--red)}h1{font-size:clamp(28px,5vw,46px)}nav,.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}button,select,input,textarea{font:inherit;border:1px solid #56404a;border-radius:6px;padding:12px;background:#21171d;color:#fff;max-width:100%}button{cursor:pointer}button:hover,button[aria-selected=true]{background:var(--red)}:focus-visible{outline:3px solid #ff6680;outline-offset:3px}label{display:block;margin:12px 0}textarea,input,select{width:100%}textarea{min-height:150px;direction:ltr}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{text-align:start;padding:12px;border-bottom:1px solid #47323c;vertical-align:top;overflow-wrap:anywhere}.muted{color:#c4bac1}.result{margin:25px 0;padding:18px;background:#181419;border:1px solid #50313b;border-radius:8px}.tag{display:inline-block;background:#41212c;padding:5px 10px;margin:4px;border-radius:5px}footer{border-top:1px solid #333}button:disabled{opacity:.5;cursor:wait}@media(max-width:650px){.pair{grid-template-columns:1fr}header,main,footer{padding:16px}nav button{flex:1}td,th{font-size:14px;padding:8px}}@media print{body{background:#fff;color:#111}a{color:#111}nav,button,label,input,select,textarea,.actions,.muted{display:none!important}.pair{display:block}tr{break-inside:avoid}.table-wrap{overflow:visible}.result{background:#fff;color:#111;border:1px solid #777}.tag{background:#eee}h1{font-size:26px}header{display:block}header a:last-child{display:none}}
