:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f6f6f4)var(--lightningcss-dark,#161616);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202020);--line:var(--lightningcss-light,#d5d5d0)var(--lightningcss-dark,#3a3a3a);--text:var(--lightningcss-light,#1b1b1b)var(--lightningcss-dark,#ececec);--muted:var(--lightningcss-light,#6a6a66)var(--lightningcss-dark,#9a9a96);--ok:var(--lightningcss-light,#0a7d33)var(--lightningcss-dark,#4cc97a);--bad:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#f2776f)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);height:100dvh;color:var(--text);margin:0;padding:12px;font:15px/1.5 system-ui,sans-serif;display:flex}.muted{color:var(--muted)}.bad{color:var(--bad)}#drop{border:2px dashed var(--line);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:min(420px,100%);margin:auto;padding:44px 24px;display:flex}#drop:hover{border-color:var(--muted)}#drop h1{margin:0;font-size:22px}#drop p{margin:0 0 22px}#drop svg{color:var(--muted);margin-bottom:8px}#drop strong{font-size:16px}#message{max-width:420px;margin-top:14px}#signers{position:fixed;bottom:14px;right:16px}#result{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}#result header{align-items:center;gap:8px;display:flex}#verdict{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ok);flex:1;font-weight:600;overflow:hidden}iframe{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;width:100%}#overlay{background:color-mix(in srgb, var(--bg) 88%, transparent);border:3px dashed var(--text);place-items:center;font-size:20px;font-weight:600;display:grid;position:fixed;inset:0}button,.button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 14px;text-decoration:none}button.primary,.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}button.link{color:var(--muted);background:0 0;border:0;padding:0;text-decoration:underline}dialog{border:1px solid var(--line);background:var(--card);width:min(380px,100vw - 32px);color:var(--text);border-radius:14px;padding:22px}dialog::backdrop{background:#00000073}dialog h2{margin:0 0 6px;font-size:17px}dialog p{overflow-wrap:anywhere;margin:0 0 10px}dialog input{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:16px}dialog footer{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}dialog ul{margin:8px 0;padding:0;list-style:none}dialog li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}#result.bare{justify-content:center}#result.bare header{flex-wrap:wrap;justify-content:center}#result.bare #verdict{white-space:normal;text-align:center;flex-basis:100%;margin-bottom:8px;font-size:17px}@media (width<=640px){#result header{flex-wrap:wrap}#verdict{white-space:normal;flex-basis:100%}#result header button,#result header .button{text-align:center;flex:1}}
