:root{color-scheme:light;--bg:#f4f1e9;--ink:#182820;--muted:#526155;--lime:#bbdf88;--line:#ccd3c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;line-height:1.55}main{max-width:1080px;margin:auto;padding:24px}nav,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}a{color:inherit}header{padding:48px 0 24px}.eyebrow{font-weight:800;font-size:12px;letter-spacing:.12em}h1{font-size:clamp(60px,10vw,112px);letter-spacing:-.065em;line-height:1;margin:12px 0}h2{font-size:27px;letter-spacing:-.035em;margin:0 0 14px}.lead{font-size:27px;line-height:1.3;letter-spacing:-.025em}section{background:#fffdf8;border:1px solid var(--line);padding:28px;border-radius:10px;margin:20px 0}.small,footer{font-size:13px;color:var(--muted)}.button,button{display:inline-block;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:5px;padding:11px 16px;font:700 15px Arial;cursor:pointer;text-decoration:none;margin:5px 8px 5px 0}.quiet{background:transparent;color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:14px;font-weight:700;margin:12px 0}input,select{display:block;width:100%;max-width:420px;padding:11px;font:16px Arial;border:1px solid #9cab9d;border-radius:4px;margin-top:5px;background:#fff}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.step{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;padding:4px 0;border-bottom:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats strong{display:block;font-size:38px;letter-spacing:-.05em}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}td{overflow-wrap:anywhere}.notice,#message:not(:empty){padding:14px;background:var(--lime);border-radius:5px;overflow-wrap:anywhere}#pair-result code{display:block;overflow-wrap:anywhere;font-size:16px;padding:16px;background:#edf3e5}footer{padding:25px 0}#history{overflow:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5279cf;outline-offset:3px}@media(max-width:620px){main{padding:16px}section{padding:18px}.stats{grid-template-columns:1fr 1fr}.step{gap:8px;grid-template-columns:1fr 1fr}.step button{grid-column:1/-1;justify-self:start}.lead{font-size:23px}}


#tentacle-guide{scroll-margin-top:24px}#tentacle-guide h3{font-size:21px;letter-spacing:-.025em;margin:30px 0 12px}#tentacle-guide li{margin:12px 0}#tentacle-guide code{overflow-wrap:anywhere}#tentacle-guide .notice p:last-child{margin-bottom:0}.tentacle-flow{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}.tentacle-flow>div{padding:16px;background:#eef3e7;border:1px solid var(--line);border-radius:6px}.tentacle-flow strong,.tentacle-flow span{display:block}.tentacle-flow strong{font-size:19px;margin-bottom:8px}.tentacle-flow .tentacle-arrow{text-align:center;background:transparent;border:0;font-size:14px;font-weight:700;padding:2px}@media(min-width:900px){.tentacle-flow{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr) 100px minmax(0,1fr);align-items:center}.tentacle-flow>div{padding:14px}.tentacle-flow .tentacle-arrow{font-size:12px}}