.cph{--accent:#8fd06a}.cph-card{display:flex;flex-direction:column;gap:13px}.cph-h{font:800 13px/1.35 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0}.cph-ciphers{gap:7px}.cph-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;justify-content:space-between}.cph-keys{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}.cph-keys:empty{display:none}.cph-mode{gap:7px}.cph-kf{display:flex;flex-direction:column;gap:5px}.cph-kf>label{font:600 11px/1 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.cph-kf .t-input{width:150px}.cph-kf.num .t-input{width:78px;text-align:center}.cph-kslide{display:flex;align-items:center;gap:9px}.cph-kslide input[type=range]{width:140px;accent-color:var(--accent)}.cph-kslide b{font:800 15px/1 var(--font-mono);color:var(--accent);min-width:26px;text-align:center}.cph-desc{margin:0;font:600 12.5px/1.55 var(--font-sans);color:var(--dim)}.cph-warn{color:#ffb07a}.cph-io{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.cph-field{display:flex;flex-direction:column;gap:7px;min-width:0}.cph-flab{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 11.5px/1 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.cph-field .t-area{min-height:150px;flex:1;letter-spacing:.02em}#out{background:rgba(143,208,106,.05);border-color:#8fd06a4d}.cph-mini{padding:5px 10px;font-size:11.5px}.cph-swap{display:flex;align-items:center}.cph-swap .t-btn{padding:10px 12px;font-size:17px}@media (max-width:640px){.cph-io{grid-template-columns:1fr}.cph-swap{justify-content:center}.cph-swap .t-btn{transform:rotate(90deg)}}#freq{display:block;width:100%;height:auto;aspect-ratio:16/5;border-radius:10px;background:rgba(8,11,22,.45)}.cph-freqlegend{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font:600 11.5px/1.3 var(--font-sans);color:var(--dim)}.cph-freqlegend .sw{display:inline-block;width:13px;height:13px;border-radius:3px;vertical-align:-2px;margin-right:4px}.cph-freqlegend .sw.bar{background:var(--accent)}.cph-freqlegend .sw.ref{background:transparent;border:2px dashed #7fa0d8}.cph-freqlegend #icInfo{margin-left:auto;color:var(--faint)}.cph-cracks{display:flex;flex-direction:column;gap:5px}.cph-crack{display:grid;grid-template-columns:78px 1fr auto;gap:11px;align-items:center;cursor:pointer;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02);transition:border-color .15s,background .15s}.cph-crack:hover{border-color:#8fd06a80;background:rgba(143,208,106,.08)}.cph-crack.best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.cph-crack .k{font:800 12.5px/1 var(--font-mono);color:var(--accent)}.cph-crack .prev{font:600 12.5px/1.3 var(--font-mono);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cph-crack .sc{font:600 10.5px/1 var(--font-mono);color:var(--faint)}