/* /checks-itself.html (self-hosted: clawx.click allows only self-hosted styles) */
.ci{max-width:1100px;margin:0 auto;padding:40px 16px 70px;color:#e8ecf7}
.ci a{color:#22d3ee}
.ci-k{font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em;text-transform:uppercase;color:#22d3ee;margin:0 0 10px}
.ci h1{margin:0 0 14px;font-size:clamp(30px,5.4vw,58px);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:#f5f7fc}
.ci h1 em{font-style:normal;background:linear-gradient(90deg,#39ff14,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.ci-lede{max-width:760px;font-size:18px;line-height:1.6;color:#c2cbe0;margin:0 0 26px}
.ci-live{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 0 12px}
.ci-box{padding:16px 18px;border:1px solid #1b2442;border-radius:14px;background:linear-gradient(180deg,#0b1020,#080c18);min-width:0}
.ci-box b{display:block;font:800 clamp(28px,4vw,40px)/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#f3f5fb;overflow-wrap:anywhere}
.ci-box span{display:block;margin-top:6px;font-size:13px;color:#8b95b0}
.ci-state{display:flex;align-items:center;gap:8px;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#b6ff9e;margin:0 0 8px}
.ci-dot{width:10px;height:10px;border-radius:50%;background:#d9a441;flex:none}
.ci-dot.on{background:#39ff14;box-shadow:0 0 12px #39ff14;animation:ci-p 2.8s ease-in-out infinite}
@keyframes ci-p{50%{box-shadow:0 0 22px #39ff14,0 0 40px rgba(57,255,20,.45)}}
.ci-track{height:4px;border-radius:4px;background:#141b33;overflow:hidden;margin:4px 0 30px}
.ci-bar{height:100%;width:0;background:linear-gradient(90deg,#39ff14,#22d3ee);transition:width 1s linear}
.ci h2{margin:34px 0 10px;font-size:22px;color:#f3f5fb}
.ci p,.ci li{font-size:16px;line-height:1.65;color:#b9c2d8}
.ci ol{padding-left:22px}
.ci code,.ci pre{font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.ci pre{background:#070b16;border:1px solid #1b2442;border-radius:10px;padding:12px 14px;overflow-x:auto;color:#cfe3ff}
.ci-share{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}
.ci-share a,.ci-share button{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid #22d3ee;background:transparent;color:#fff;font-size:14px;font-weight:600;line-height:1;font-family:inherit;text-decoration:none;cursor:pointer}
.ci-share a:hover,.ci-share button:hover{background:rgba(34,211,238,.12)}
.ci-meta{font-size:13px;color:#8b95b0}
.ci-meta code{color:#cfe3ff;overflow-wrap:anywhere}
#measured-strip{margin:30px 0 0}
@media (prefers-reduced-motion:reduce){.ci-dot.on{animation:none}.ci-bar{transition:none}}
/* live tools */
.ct{margin:44px 0 0}
.ct h2{margin:6px 0 10px}
.ct-tool{margin:18px 0;padding:18px;border:1px solid #1b2442;border-radius:16px;background:linear-gradient(180deg,#0a0f1e,#070b16)}
.ct-tool h3{margin:0 0 6px;font-size:18px;color:#f3f5fb}
.ct-ctl{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.ct-sel{flex:1 1 220px;min-width:0;padding:10px;border-radius:10px;border:1px solid #1b2442;background:#060912;color:#e8ecf7;font:inherit;font-size:14px}
.ct-btn{flex:none;cursor:pointer;padding:10px 18px;border-radius:10px;border:0;font-weight:800;color:#03140a;background:linear-gradient(90deg,#39ff14,#22d3ee);box-shadow:0 0 18px rgba(57,255,20,.25);font-family:inherit;font-size:14px}
.ct-btn.ghost{background:transparent;color:#e8ecf7;border:1px solid #22d3ee;box-shadow:none}
.ct-btn:disabled{opacity:.55;cursor:wait}
.ct-code{display:block;width:100%;box-sizing:border-box;min-height:190px;padding:12px;border-radius:10px;border:1px solid #1b2442;background:#050810;color:#cfe3ff;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.ct-out:empty{display:none}
.ct-out{margin-top:10px;min-width:0}
.ct-busy{display:flex;align-items:center;gap:10px;color:#8b95b0;font-size:14px}
.ct-busy i{width:14px;height:14px;border-radius:50%;border:2px solid #22d3ee;border-top-color:transparent;animation:ct-spin .8s linear infinite}
@keyframes ct-spin{to{transform:rotate(360deg)}}
.ct-v{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:11px 14px;border-radius:12px;margin:0 0 10px;font:800 14px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em;overflow-wrap:anywhere}
.ct-v small{font-weight:600;opacity:.75}
.ct-ok{background:rgba(57,255,20,.08);border:1px solid rgba(57,255,20,.45);color:#b6ff9e}
.ct-hold{background:rgba(255,179,0,.08);border:1px solid rgba(255,179,0,.5);color:#ffd98a}
.ct-stop{background:rgba(255,92,108,.08);border:1px solid rgba(255,92,108,.5);color:#ffb3bb}
.ct-stats{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 0 10px}
.ct-stats div{padding:10px 12px;border:1px solid #1b2442;border-radius:10px;background:#060912;min-width:0}
.ct-stats b{display:block;font:800 18px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#f3f5fb;overflow-wrap:anywhere}
.ct-stats span{font-size:12px;color:#8b95b0}
.ct-row{padding:9px 12px;margin:6px 0;border-radius:10px;border:1px solid #1b2442;border-left:3px solid #22d3ee;background:#070b16;font-size:13.5px;line-height:1.5;color:#b9c2d8;overflow-wrap:anywhere}
.ct-row b{display:block;color:#e8ecf7;font-size:12.5px;letter-spacing:.02em}
.ct-row.ok{border-left-color:#39ff14}.ct-row.hold{border-left-color:#ffb300}.ct-row.stop{border-left-color:#ff5c6c}
.ct-ticks{display:grid;gap:4px;margin:8px 0}
.ct-tick{display:grid;grid-template-columns:70px 150px 1fr auto;gap:10px;align-items:center;padding:6px 10px;border-radius:8px;background:#060912;font-size:12.5px;color:#aab3ca}
.ct-tick b{color:#f3f5fb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ct-tick.ok code{color:#b6ff9e}.ct-tick.stop code{color:#ffb3bb}
.ct-runs{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:10px 0}
.ct-run{text-align:left;cursor:pointer;padding:10px 12px;border-radius:10px;border:1px solid #1b2442;background:#060912;color:#e8ecf7;font:inherit;min-width:0}
.ct-run b{display:block;font-size:12px;letter-spacing:.06em}
.ct-run span{display:block;font-size:12.5px;color:#8b95b0;overflow-wrap:anywhere}
.ct-run.ok b{color:#b6ff9e}.ct-run.hold b{color:#ffd98a}.ct-run.stop b{color:#ffb3bb}
.ct-run[aria-pressed="true"]{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee}
.ct-raw{margin:8px 0}.ct-raw summary{cursor:pointer;color:#8b95b0;font-size:12.5px}
.ct-raw pre{max-height:320px;overflow:auto}
.ct-diff{white-space:pre;color:#cfe3ff}
.ct-note{font-size:12.5px;color:#8b95b0}
.ct-err{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,92,108,.5);color:#ffb3bb;font-size:13.5px}
.ct-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.ct-card{display:block;padding:14px;border:1px solid #1b2442;border-radius:12px;background:#070b16;text-decoration:none;transition:border-color .2s,transform .2s}
.ct-card:hover{border-color:#22d3ee;transform:translateY(-2px)}
.ct-card b{display:block;color:#f3f5fb;font-size:14.5px}
.ct-card span{display:block;margin-top:4px;color:#8b95b0;font-size:13px}
@media (max-width:640px){.ct-tick{grid-template-columns:56px 1fr}.ct-tick span:nth-of-type(2){grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.ct-busy i{animation:none}.ct-card{transition:none}}
/* /cain-42.html */
.cx-tile b{font-size:clamp(22px,3vw,32px)}
.cx-tile.on{border-color:rgba(57,255,20,.4);box-shadow:0 0 24px -12px #39ff14}
.cx-rule{margin:6px 0 8px;font:800 clamp(22px,3.4vw,34px)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;background:linear-gradient(90deg,#39ff14,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-loop{font:600 13px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9fe6f5;padding:12px 14px;border:1px solid #1b2442;border-radius:12px;background:#070b16;overflow-wrap:anywhere}
.cx-moats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.cx-moat{padding:14px;border:1px solid #1b2442;border-left:3px solid #a78bfa;border-radius:12px;background:#070b16}
.cx-moat b{display:block;color:#f3f5fb;font-size:14.5px}
.cx-moat span{display:block;margin-top:4px;color:#8b95b0;font-size:13.5px}
.cx-sub{margin:-4px 0 14px;font-size:clamp(17px,2.2vw,21px);font-weight:700;color:#e2e8f6}
.cx-link{text-decoration:none;transition:border-color .2s,transform .2s}
.cx-link:hover{border-color:#22d3ee;transform:translateY(-2px)}
.cx-suite b{background:linear-gradient(90deg,#f3f5fb,#9fe6f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.ci a.cx-link,.ci a.ct-card{text-decoration:none}