:root{--ink:#17212B;--ink2:#2A3541;--hivis:#FF5B14;--paper:#F6F6F3;--concrete:#E3E2DD;--muted:#59626B;--ok:#0B7A55;--line:rgba(23,33,43,.16)}
*{box-sizing:border-box;margin:0;padding:0}
body{width:360px;background:var(--paper);color:var(--ink);font:14px/1.45 Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--hivis);outline-offset:2px;border-radius:4px}
.top{display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);padding:12px 14px}
.top img{border-radius:6px}
.brand{font-weight:800;font-size:16px;letter-spacing:-.01em}
.tag{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#C9CDD1}
.card{padding:14px;border-bottom:1px solid var(--line)}
.lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.url{margin-top:4px;font-size:13px;color:var(--ink2);word-break:break-all;max-height:3.9em;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.go{display:block;width:100%;margin-top:12px;min-height:44px;border:2px solid var(--hivis);background:var(--hivis);color:#170800;font:inherit;font-weight:800;font-size:15px;border-radius:999px;cursor:pointer}
.go:hover:not(:disabled){background:#ff7136}
.go:disabled{background:var(--concrete);border-color:var(--concrete);color:var(--muted);cursor:not-allowed}
.msg{margin-top:8px;font-size:12.5px;color:var(--muted)}
.msg:empty{display:none}
.list{padding:12px 14px 6px}
.list h2{font-size:13.5px;font-weight:800;display:flex;justify-content:space-between;gap:8px}
.list h2 span{font-weight:700;color:var(--muted);white-space:nowrap}
#cl{list-style:none;margin-top:6px}
#cl li+li{border-top:1px solid var(--line)}
#cl label{display:flex;gap:10px;align-items:flex-start;padding:8px 0;cursor:pointer;min-height:44px}
#cl input{appearance:none;-webkit-appearance:none;flex:0 0 20px;width:20px;height:20px;margin-top:1px;border:2px solid var(--ink);border-radius:5px;background:#fff;display:grid;place-content:center;cursor:pointer}
#cl input:checked{background:var(--ok);border-color:var(--ok)}
#cl input:checked::after{content:"";width:10px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}
#cl span{font-size:12.5px;color:var(--ink2)}
#cl b{display:block;font-size:13.5px;color:var(--ink)}
.hint{font-size:12px;color:var(--muted);padding:6px 0 8px}
.hint.ok{color:var(--ok);font-weight:700}
.foot{display:flex;gap:4px;padding:6px 8px 8px;border-top:1px solid var(--line);background:#fff}
.foot a{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:2px;padding:12px 4px;border-radius:8px}
.foot a:hover{background:var(--paper)}