:root{color-scheme:light dark;--bg:#f2f5f8;--paper:#fff;--ink:#132238;--muted:#64748b;--border:#dce3ec;--accent:#1768db;--accent-darker:#0753ba;--chip:#eaf2ff;--surface:#f6f8fb;--shadow:0 16px 42px rgba(30,48,80,.08)}
*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:var(--accent)}:focus-visible{outline:3px solid #5b9dff;outline-offset:3px}[hidden]{display:none!important}
.layout{width:min(100% - 32px,820px);margin:0 auto;padding:54px 0 36px}.hero{margin-bottom:31px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:.73rem;font-weight:800;letter-spacing:.13em;color:var(--accent)}.signal{display:inline-block;width:9px;height:9px;border-radius:50%;background:#16a08c;box-shadow:0 0 0 4px rgba(22,160,140,.12)}h1{font-size:clamp(2.6rem,7vw,4.3rem);line-height:1.1;letter-spacing:-.06em;margin:20px 0 13px;font-weight:780}h1 span{color:var(--accent)}.hero>p{max-width:590px;color:var(--muted);margin:0;font-size:1.04rem}
.workspace{background:var(--paper);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.tablist{display:flex;padding:8px;background:var(--surface);gap:6px;border-bottom:1px solid var(--border)}.tab{width:50%;background:none;border:0;border-radius:10px;padding:13px 14px;color:var(--muted);font-weight:650;transition:background .15s,color .15s}.tab.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 7px rgba(0,0,0,.07)}.settings{padding:30px 34px 16px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:30px}.section-heading h2,.result-heading h2{font-size:1.22rem;margin:0 0 3px;letter-spacing:-.025em}.section-heading p,.hint,.explanation{color:var(--muted);margin:0;font-size:.88rem}.pill{border-radius:30px;color:var(--accent);background:var(--chip);padding:6px 11px;font-size:.74rem;white-space:nowrap;font-weight:700}.control{margin-bottom:23px}.control label,.control-label label{display:block;font-size:.88rem;font-weight:700;margin-bottom:9px}.control-label{display:flex;justify-content:space-between;align-items:center}.control-label output{font-weight:750;color:var(--accent);background:var(--chip);border-radius:8px;padding:2px 9px}.control input[type=range]{accent-color:var(--accent);width:100%;margin:9px 0 1px}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:19px}select,input[type=text]{border:1px solid var(--border);border-radius:10px;min-height:45px;width:100%;background:var(--paper);color:var(--ink);padding:10px 12px}select{cursor:pointer}.checks{display:flex;flex-wrap:wrap;column-gap:26px;row-gap:11px}.check{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:500;cursor:pointer}.check input{accent-color:var(--accent);width:17px;height:17px;margin:0}.explanation{margin:21px 0 7px}.optional{font-size:.78rem;color:var(--muted);font-weight:400}.hint{margin-top:7px}.rules{background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:16px;margin-top:23px;font-size:.88rem}.rules p{margin:8px 0 0;color:var(--muted)}.rules strong{color:var(--ink)}.rules code{color:var(--ink)}
.actions{padding:16px 34px 33px}.primary{background:var(--accent);color:white;border:0;border-radius:11px;padding:14px 22px;font-weight:750;width:100%;display:flex;justify-content:center;gap:9px}.primary:hover{background:var(--accent-darker)}.result-card{border-top:1px solid var(--border);background:var(--surface);padding:24px 34px 27px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.entropy{font-size:.76rem;font-weight:750;color:var(--accent);text-align:right}.output-wrap{border:1px solid var(--border);background:var(--paper);border-radius:12px;min-height:110px;margin:13px 0;display:flex;align-items:center;justify-content:center;padding:17px}.output{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.97rem,2.65vw,1.28rem);overflow-wrap:anywhere;text-align:center;line-height:1.8;user-select:text;max-width:100%}.output.masked{filter:blur(8px);user-select:none}.result-actions{display:flex;gap:9px}.secondary,.quiet{padding:10px 19px;border-radius:9px;font-weight:700}.secondary{border:1px solid var(--accent);color:var(--accent);background:transparent}.quiet{border:1px solid var(--border);color:var(--muted);background:transparent}.status{margin:12px 0 0;color:var(--muted);font-size:.81rem;min-height:20px}.status.error{color:#b83535}
.privacy{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;padding:31px 0 17px}.privacy article{display:flex;align-items:flex-start;gap:11px}.privacy-icon{font-family:ui-monospace,monospace;color:var(--accent);font-weight:700;font-size:.88rem;padding-top:2px}.privacy h3{font-size:.86rem;margin:0 0 5px}.privacy p{font-size:.78rem;color:var(--muted);margin:0}footer{border-top:1px solid var(--border);margin-top:19px;padding-top:20px;color:var(--muted);font-size:.77rem;text-align:center}
@media (max-width:620px){.layout{width:min(100% - 22px,820px);padding:29px 0}.settings,.result-card{padding-left:19px;padding-right:19px}.actions{padding:13px 19px 25px}.tab{padding:12px 5px;font-size:.87rem}.section-heading{flex-wrap:wrap;margin-bottom:23px}.two-cols,.privacy{grid-template-columns:1fr}.privacy{gap:20px;padding-left:3px}.result-heading{align-items:flex-start;flex-direction:column;gap:3px}}
@media (prefers-color-scheme:dark){:root{--bg:#0c1422;--paper:#152035;--ink:#ecf2fb;--muted:#a3b2c6;--border:#304057;--accent:#74a8ff;--accent-darker:#2a61bc;--chip:#203658;--surface:#111b2d;--shadow:0 20px 55px rgba(0,0,0,.18)}.primary{background:#2867d2}.primary:hover{background:#1b55b7}.tab.active{box-shadow:0 2px 7px rgba(0,0,0,.2)}}