.cl-header{padding-bottom:28px;border-bottom:1px solid var(--rule)}.cl-eye{font-size:10px;letter-spacing:.22em;color:var(--accent-deep);text-transform:uppercase;margin-bottom:16px}.cl-title{font-family:var(--font-display);font-size:clamp(44px,5.5vw,72px);line-height:.98;letter-spacing:-.03em;margin:0 0 18px;font-weight:500;max-width:960px}.cl-sub{font-family:var(--font-body);font-size:16px;color:var(--ink-soft);line-height:1.5;max-width:620px}.cl-config{background:var(--paper);border:1px solid var(--rule);border-radius:var(--rx-lg);padding:28px 32px;display:flex;flex-direction:column;gap:24px}.cl-generate{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--rule)}.cl-hint{font-size:10px;letter-spacing:.16em;color:var(--ink-mute);text-transform:uppercase}.cl-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--rx-lg);padding:32px 36px 28px}.cl-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cl-card-eye{letter-spacing:.22em;color:var(--accent-deep)}.cl-card-eye,.cl-card-key{font-size:10px;text-transform:uppercase}.cl-card-key{letter-spacing:.18em;color:var(--ink-mute);white-space:pre-wrap}.cl-cipher{font-family:var(--font-mono);font-size:26px;letter-spacing:.08em;color:var(--ink);background:var(--paper-warm);padding:24px 28px;border-radius:var(--rx-md);margin-bottom:24px;line-height:1.4;text-align:center;font-weight:500;word-break:break-word;overflow-wrap:break-word}.cl-cipher.cl-cipher--symbols{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;align-items:center}.cl-cipher.cl-cipher--symbols .sym-space{width:18px}.cl-cipher.cl-cipher--cryptarithm{display:flex;justify-content:center}.cl-cr{display:inline-block;text-align:right;letter-spacing:.18em}.cl-cr-row{position:relative;line-height:1.5}.cl-cr-op{position:absolute;left:-1.4em;color:var(--accent-deep)}.cl-cr-rule{border-bottom:2px solid var(--ink);margin:6px 0 8px}.cl-answer{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.cl-input{background:var(--paper);border:1px solid var(--rule);border-radius:var(--rx-md);padding:14px 18px;font-family:var(--font-mono);font-size:18px;letter-spacing:.04em;color:var(--ink);transition:border-color .12s;text-transform:uppercase;width:100%;box-sizing:border-box}.cl-input:focus{outline:none;border-color:var(--accent-deep)}.cl-actions{gap:16px}.cl-actions,.cl-feedback{display:flex;align-items:center;flex-wrap:wrap}.cl-feedback{margin-top:20px;padding:14px 18px;border-radius:var(--rx-md);gap:14px}.cl-feedback.ok{background:oklch(.96 .06 150);border:1px solid oklch(.85 .08 150)}.cl-feedback.ok .mono{color:oklch(.4 .14 150);font-weight:600;font-size:11px;letter-spacing:.18em}.cl-feedback.no{background:oklch(.96 .05 30);border:1px solid oklch(.85 .08 30)}.cl-feedback.no .mono{color:oklch(.45 .16 30);font-weight:600;font-size:11px;letter-spacing:.18em}.cl-feedback.reveal{background:var(--paper-warm);border:1px solid var(--rule)}.cl-feedback.reveal .mono{color:var(--ink-mute);font-weight:600;font-size:11px;letter-spacing:.18em}.cl-fb-copy{font-family:var(--font-display);font-size:16px;color:var(--ink);font-style:italic}.cl-fb-points{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}.cl-fb-map{flex-basis:100%;font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}.cl-past-eye{font-size:10px;letter-spacing:.22em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:10px}.cl-past-t{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em;margin:0 0 18px;font-weight:500}.cl-past-list{display:flex;flex-direction:column;border-top:1px solid var(--rule)}.cl-past-row{display:grid;grid-template-columns:140px 1fr 80px 100px 60px;gap:20px;padding:14px 4px;border-bottom:1px solid var(--rule);align-items:center}.cl-past-when{font-size:10px;letter-spacing:.14em;color:var(--ink-mute);text-transform:uppercase}.cl-past-type{font-family:var(--font-display);font-size:18px;color:var(--ink);letter-spacing:-.015em;font-weight:500}.cl-past-diff{color:var(--ink-mute)}.cl-past-diff,.cl-past-result{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.cl-past-result{font-weight:600}.cl-past-result.ok{color:oklch(.45 .14 150)}.cl-past-result.no{color:oklch(.5 .12 30)}.cl-past-time{font-size:11px;letter-spacing:.1em;color:var(--ink-soft);text-align:right}.cl-sym{display:inline-block;vertical-align:middle}@media (max-width:720px){.tools-body{padding:28px 20px 64px;gap:28px}.cl-cipher{font-size:18px;letter-spacing:.06em;padding:18px 14px}.cl-past-row{grid-template-columns:1fr 80px 60px;gap:12px}.cl-past-row .cl-past-diff,.cl-past-row .cl-past-when{display:none}.cl-card,.cl-config{padding:20px 18px}}@media (prefers-reduced-motion:reduce){.cl-input{transition:none}}