.ack{border:1px solid var(--line-str,#78afd747);background:linear-gradient(180deg, color-mix(in srgb, var(--cyan,#0497d9) 5%, transparent), transparent 70%), color-mix(in srgb, var(--void,#04080f) 45%, transparent);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);margin:0 0 22px;transition:border-color .25s,background .25s;position:relative}.ack:before{content:"";background:var(--cyan-br,#5cd6ff);height:2px;box-shadow:0 0 12px var(--cyan,#0497d9);transform-origin:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ack-main{cursor:pointer;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:14px;padding:16px 18px 15px;display:grid;position:relative}.ack:hover{border-color:var(--cyan,#0497d9)}.ack-input{opacity:0;cursor:pointer;appearance:none;border-radius:0;width:30px;height:30px;margin:0;padding:0;position:absolute;top:16px;left:18px}.ack-box{width:30px;height:30px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:relative}.ack-sq{border:1.5px solid color-mix(in srgb, var(--cyan-br,#5cd6ff) 70%, transparent);background:color-mix(in srgb, var(--void,#04080f) 60%, transparent);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);place-items:center;transition:background .22s,border-color .22s;display:grid;position:absolute;inset:0}.ack-box:after{content:"";border:1px solid var(--cyan-br,#5cd6ff);opacity:0;pointer-events:none;position:absolute;inset:-7px}.ack-main:hover .ack-box{transform:scale(1.06)}.ack-main:hover .ack-sq{border-color:var(--cyan-br,#5cd6ff)}.ack-input:focus-visible+.ack-box{outline:2px solid var(--cyan-br,#5cd6ff);outline-offset:4px}.ack-tick{fill:none;width:20px;height:20px;stroke:var(--on-accent,#04080f);stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .38s cubic-bezier(.65,0,.35,1) 60ms}.ack-body{gap:10px;min-width:0;padding-top:3px;display:grid}.ack-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.ack-title{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--ink,#d7e6f2);font-size:11.5px;font-weight:700}.ack-req{color:var(--cyan-br,#5cd6ff)}.ack-state{border:1px dashed color-mix(in srgb, var(--cyan-br,#5cd6ff) 60%, transparent);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-br,#5cd6ff);flex:none;padding:3px 9px;font-size:9.5px;font-weight:700;transition:color .22s,border-color .22s,background .22s}.ack-items{gap:8px;display:grid}.ack-item{grid-template-columns:22px minmax(0,1fr);align-items:baseline;gap:6px;display:grid}.ack-item-n{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;color:var(--cyan,#0497d9);font-size:10px;font-weight:700}.ack-item-t{color:var(--ink-dim,#8ba6bd);font-size:13.5px;line-height:1.55}.ack-item-t a{color:var(--cyan-br,#5cd6ff);text-underline-offset:2px;text-decoration:underline}.ack-item-t a:hover{color:var(--trace,#eaf9ff)}.ack-foot{border-top:1px solid var(--line,#78afd724);color:var(--ink-faint,#7d97ad);margin:0;padding:11px 18px 13px 62px;font-size:12.5px;line-height:1.6}.ack-foot a{color:var(--cyan-br,#5cd6ff);text-underline-offset:2px;text-decoration:underline}.ack.is-on{border-color:var(--cyan,#0497d9);background:linear-gradient(180deg, color-mix(in srgb, var(--cyan,#0497d9) 13%, transparent), color-mix(in srgb, var(--cyan,#0497d9) 4%, transparent))}.ack.is-on:before{transform:scaleX(1)}.ack.is-on .ack-box{animation:.32s cubic-bezier(.22,1,.36,1) ack-pop}.ack.is-on .ack-sq{border-color:var(--cyan,#0497d9);background:linear-gradient(180deg, var(--accent-hi,#22aee4), var(--cyan,#0497d9))}.ack.is-on .ack-tick{stroke-dashoffset:0}.ack.is-on .ack-state{color:var(--live,#38e5a6);border-style:solid;border-color:color-mix(in srgb, var(--live,#38e5a6) 60%, transparent);background:color-mix(in srgb, var(--live,#38e5a6) 10%, transparent)}.ack.is-on .ack-item-t{color:var(--ink,#d7e6f2)}.ack.is-call{border-color:color-mix(in srgb, var(--cyan-br,#5cd6ff) 70%, transparent)}.ack.is-call .ack-box:after{animation:1.9s cubic-bezier(.22,1,.36,1) infinite ack-ping}.ack.is-bad{background:#e85a5a14;border-color:#e85a5a;animation:.42s cubic-bezier(.36,.07,.19,.97) ack-shake}.ack.is-bad .ack-sq{border-color:#e85a5a}.ack.is-bad .ack-box:after{border-color:#e85a5a;animation:1.3s cubic-bezier(.22,1,.36,1) infinite ack-ping}.ack.is-bad .ack-state{color:#ffb4b4;border-color:#e85a5ab3}:root[data-theme=light] .ack.is-bad .ack-state{color:#a32020}@keyframes ack-ping{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.35)}}@keyframes ack-pop{0%{transform:scale(.82)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ack-shake{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(4px)}45%,55%{transform:translate(-6px)}50%{transform:translate(6px)}}@media (max-width:520px){.ack-main{gap:12px;padding:14px 14px 13px}.ack-input{top:14px;left:14px}.ack-foot{padding:10px 14px 12px}}:root[data-tier=lite] .ack.is-call .ack-box:after,:root[data-tier=lite] .ack.is-bad .ack-box:after{opacity:.8;animation:none;transform:none}:root[data-tier=lite] .ack.is-bad,:root[data-tier=lite] .ack.is-on .ack-box{animation:none}@media (prefers-reduced-motion:reduce){.ack,.ack:before,.ack-box,.ack-sq,.ack-tick,.ack-state{transition:none}.ack.is-call .ack-box:after,.ack.is-bad .ack-box:after{opacity:.8;animation:none;transform:none}.ack.is-bad,.ack.is-on .ack-box{animation:none}.ack-main:hover .ack-box{transform:none}}