@font-face{font-family:Register Sans;src:url('/fonts/figtree.ttf') format('truetype');font-display:swap;font-weight:300 900}@font-face{font-family:Register Display;src:url('/fonts/spacegrotesk.ttf') format('truetype');font-display:swap;font-weight:300 700}
:root{--bg:#eef5f7;--surface:#fff;--ink:#102b40;--muted:#385a70;--accent:#165c87;--tint:#dbeaf0;--line:#a6c2cd;--focus:#af4f08;--radius:4px;--shadow:none}:root[data-theme=dark]{--bg:#102735;--surface:#173341;--ink:#edf7fa;--muted:#b5d0dd;--accent:#a0d6f0;--tint:#284a5a;--line:#567b8b;--focus:#ffc278}
body{font-family:Register Sans,system-ui,sans-serif}h1,h2,h3{font-family:Register Display,system-ui,sans-serif}h1{max-width:18ch;font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-.03em;line-height:1.06}h2{letter-spacing:-.015em}a{ text-underline-offset:.2em}::selection{background:var(--accent);color:var(--bg)}input,textarea{caret-color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.credential-register{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.4fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;border-top:2px solid var(--ink);padding-top:1.5rem}.rule-column{border-right:1px solid var(--line);padding-right:clamp(1rem,3vw,2.5rem)}.rule-column h2,.secret-column h2{margin-top:0}.rule-column input[type=number]{width:100%;font-size:1.25rem;font-variant-numeric:tabular-nums}.rule-column fieldset{border:0;padding:0;margin:1.4rem 0}.choice{display:flex;align-items:center;gap:.65rem;min-height:44px;font-weight:500}.choice input{flex:none;width:20px;height:20px}.rule-column details{margin:1rem 0}.rule-column p,.personalize p{font-size:.95rem;line-height:1.5;color:var(--muted)}.rule-column label{margin-top:1rem}.rule-column .choice{margin-top:.25rem}.rule-column button[type=submit]{margin-top:1rem;width:100%;min-height:52px}.result-heading{display:flex;gap:1rem;align-items:baseline;justify-content:space-between}.result-heading span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.secret-value{font:clamp(1.6rem,2.8vw,2.5rem)/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap;min-height:7rem;padding:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}.empty-secret{font:1.1rem/1.6 Register Sans,system-ui,sans-serif;color:var(--muted)}.result-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.result-actions button{min-height:48px}.status{min-height:1.6em;color:var(--muted)}.personalize{margin:1.3rem 0}.personalize input{width:100%}.privacy-note{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem;max-width:65ch}.privacy-note h3{font-size:1.05rem;margin:.3rem 0}.privacy-note p{color:var(--muted);line-height:1.65}.reading-section{max-width:72ch;margin-top:3.5rem;line-height:1.8}.reading-section h2{margin-top:2.4rem}.reading-section h2:first-child{margin-top:0}.related-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.5rem}.license{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.7;max-width:100%;padding:1.2rem;background:var(--tint)}
@media(max-width:700px){.credential-register{grid-template-columns:1fr;gap:2rem}.rule-column{border-right:0;padding-right:0}.secret-column{border-top:2px solid var(--ink);padding-top:1.5rem}h1{font-size:2.4rem}.result-heading{flex-wrap:wrap;gap:.3rem}.result-actions{flex-direction:column}.result-actions button{width:100%}.reading-section{margin-top:2.5rem}.rule-column input,.personalize input{font-size:16px}}
input:not([type=checkbox]),select,textarea{border-color:var(--muted)}
@media print{.rule-column,.result-actions,.personalize,.privacy-note,.reading-section{display:none}.credential-register{display:block;border:0}.secret-column{border:0}header,footer{display:none}.secret-value{overflow-wrap:anywhere;min-height:0;color:#111}.result-heading span{color:#111}}