:root{--bg:#fff;--fg:#1a1d21;--mut:#5c6670;--ln:#dde2e7;--ac:#0b5fff;--bad:#b42318;--ok:#067647;--warn:#9a5b00;--card:#f6f8fa}
@media(prefers-color-scheme:dark){:root{--bg:#111418;--fg:#e8ebee;--mut:#9aa5b1;--ln:#2a3038;--ac:#6ea0ff;--bad:#ff8a80;--ok:#5fd09a;--warn:#f0b35a;--card:#181c22}.btn{color:#0b1220}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.w{max-width:860px;margin:0 auto;padding:0 16px}header{border-bottom:1px solid var(--ln)}header .w{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:12px 16px}
.brand{font-weight:700;color:var(--fg);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px}a{color:var(--ac)}
h1{font-size:1.7rem;line-height:1.25;margin:24px 0 8px}h2{font-size:1.2rem;margin:28px 0 8px}code,pre{font:13.5px/1.5 ui-monospace,Menlo,Consolas,monospace}
code{background:var(--card);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}pre{background:var(--card);border:1px solid var(--ln);padding:12px;border-radius:8px;overflow-x:auto}pre code{background:none;padding:0;overflow-wrap:normal}
.tblw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--ln);padding:7px 8px;text-align:left;vertical-align:top}th{color:var(--mut);font-weight:600}
.pill{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12.5px;font-weight:600;border:1px solid currentColor}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}
.box{border:1px solid var(--ln);background:var(--card);border-radius:10px;padding:12px 16px;margin:16px 0}.box.warn{border-color:var(--warn)}
.cta{border:2px solid var(--ac);border-radius:10px;padding:14px 16px;margin:24px 0}.btn{display:inline-block;background:var(--ac);color:#fff;padding:9px 16px;border-radius:8px;text-decoration:none;font-weight:600}
.drop{display:block;border:2px dashed var(--ln);border-radius:10px;padding:32px 16px;text-align:center;cursor:pointer;margin:16px 0;background:var(--card)}.drop.over,.drop:focus-within{border-color:var(--ac)}.sr{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.mut{color:var(--mut);font-size:14px}.watch{border:1px solid var(--ln);background:var(--card);border-radius:10px;padding:18px 20px;margin:24px 0;display:grid;gap:14px}.watch[hidden]{display:none}.watch>strong{font-size:1.05rem;line-height:1.35}.watch p{margin:0}.watch .row{display:flex;flex-wrap:wrap;gap:10px}.watch input[type=email]{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:0 12px;border:1px solid var(--ln);border-radius:8px;background:var(--bg);color:var(--fg);min-height:44px}.watch input[type=email]:focus{outline:2px solid var(--ac);outline-offset:1px}.watch button{border:0;cursor:pointer;font:inherit;font-weight:600;min-height:44px;padding:0 22px}.watch label.c{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:14px;line-height:1.5;cursor:pointer;padding:2px 0}.watch label.c input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:1px 0 0;border:1.5px solid var(--mut);border-radius:5px;background:var(--bg);cursor:pointer;display:grid;place-content:center}.watch label.c input::after{content:"";width:10px;height:6px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .12s}.watch label.c input:checked{background:var(--ac);border-color:var(--ac)}.watch label.c input:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}.watch label.c input:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.watch .hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.watch .hp input{width:1px;height:1px;min-height:0;padding:0;border:0}.watch .st:empty{display:none}.watch .st{font-size:14px;font-weight:600}.watch .st[data-state=ok]{color:var(--ok)}.watch .st[data-state=err]{color:var(--bad)}.watch input[type=text],.watch textarea{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:8px 12px;border:1px solid var(--ln);border-radius:8px;background:var(--bg);color:var(--fg)}.watch textarea{width:100%;min-height:90px;resize:vertical}.watch label.kind{display:inline-flex;gap:6px;align-items:center;font-size:14px;cursor:pointer}footer{border-top:1px solid var(--ln);margin-top:40px;padding:16px 0 32px;font-size:13.5px;color:var(--mut)}ul.cols{columns:2;padding-left:18px}@media(max-width:600px){ul.cols{columns:1}h1{font-size:1.45rem}}