.pcz{--ink:#16253c;--accent:#6244d8;font:16px/1.6 system-ui,sans-serif;color:var(--ink);background:#f5f6fb;max-width:1200px;margin:auto;border-radius:24px;overflow:hidden}.pcz *{box-sizing:border-box}.pcz header{padding:48px;background:radial-gradient(ellipse at right top,#dfd9ff,transparent 65%),#edf1fb}.pcz-brand{font-weight:800;letter-spacing:2px;font-size:13px}.pcz-kicker{margin-top:48px;font-size:12px;letter-spacing:2px;color:#6244d8;font-weight:800}.pcz h2{font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:16px 0}.pcz header p{max-width:620px}.pcz-chip{font-size:12px}.pcz-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:28px;padding:32px}.pcz-form,.pcz-output,.pcz-guide{background:white;padding:28px;border:1px solid #e1e5ef;border-radius:16px}.pcz h3{font-size:19px;margin:0 0 12px}.pcz-form>p,.pcz-note{font-size:13px;color:#526176}.pcz label{display:block;font-size:13px;font-weight:650;margin:14px 0}.pcz input{display:block;width:100%;border:1px solid #b8c1d1;border-radius:8px;padding:10px;font:inherit;color:#16253c;background:white;margin-top:5px}.pcz button{background:var(--accent);color:white;border:0;border-radius:9px;padding:13px 16px;font-weight:700;cursor:pointer;margin:8px 8px 0 0}.pcz button.pcz-secondary{background:#eae6fa;color:#433087}.pcz :focus-visible{outline:3px solid #9879ed;outline-offset:3px}.pcz .pcz-error{color:#a52635}.pcz-stat{font-size:36px;font-weight:800;letter-spacing:-1px}.pcz-card{border-top:1px solid #e1e5ef;margin-top:20px;padding-top:18px}.pcz-card h4{margin:0 0 10px}.pcz dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px}.pcz dd{margin:0;font-weight:700}.pcz dt{color:#526176}.pcz-guide{margin:0 32px 32px}.pcz-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:14px}.pcz details{border-top:1px solid #e1e5ef;padding:18px 0;font-size:14px}.pcz summary{font-weight:700;cursor:pointer}.pcz footer{padding:20px 32px;font-size:12px}.pcz-note{padding:0 10px}@media(max-width:720px){.pcz-layout,.pcz-explain{grid-template-columns:1fr}.pcz header{padding:28px}.pcz-layout{padding:16px}.pcz-guide{margin:0 16px 16px;padding:20px}.pcz-form,.pcz-output{padding:20px}.pcz dl{font-size:12px}}
.pcz{--ink:#ecf2ff;--accent:#c5f769;color:#ecf2ff;background:#0c111d}.pcz header{background:radial-gradient(ellipse at right top,#303d2366,transparent 65%),#111a25}.pcz .pcz-kicker{color:#c5f769}.pcz .pcz-form,.pcz .pcz-output,.pcz .pcz-guide{background:#111724;border-color:#29354b}.pcz input{background:#090e19;color:#ecf2ff;border-color:#41506a}.pcz button{color:#14200a}.pcz button.pcz-secondary{background:#27351b;color:#c5f769}.pcz .pcz-form>p,.pcz .pcz-note,.pcz dt{color:#a9b6cb}.pcz .pcz-card,.pcz details{border-color:#354158}.pcz .pcz-error{color:#ffa0a8}.pcz summary{color:#ecf2ff}

.pcz{--ink:#ecf2ff;--accent:#c5f769;color:#ecf2ff;background:#0c111d}.pcz header{background:radial-gradient(ellipse at right top,#303d2366,transparent 65%),#111a25}.pcz .pcz-kicker{color:#c5f769}.pcz .pcz-form,.pcz .pcz-output,.pcz .pcz-guide{background:#111724;border-color:#29354b}.pcz input{background:#090e19;color:#ecf2ff;border-color:#41506a}.pcz button{color:#14200a}.pcz button.pcz-secondary{background:#27351b;color:#c5f769}.pcz .pcz-form>p,.pcz .pcz-note,.pcz dt{color:#a9b6cb}.pcz .pcz-card,.pcz details{border-color:#354158}.pcz .pcz-error{color:#ffa0a8}.pcz summary{color:#ecf2ff}

.pcz{--ink:#ecf2ff;--accent:#c5f769;color:#ecf2ff;background:#0c111d}.pcz header{background:radial-gradient(ellipse at right top,#303d2366,transparent 65%),#111a25}.pcz .pcz-kicker{color:#c5f769}.pcz .pcz-form,.pcz .pcz-output,.pcz .pcz-guide{background:#111724;border-color:#29354b}.pcz input{background:#090e19;color:#ecf2ff;border-color:#41506a}.pcz button{color:#14200a}.pcz button.pcz-secondary{background:#27351b;color:#c5f769}.pcz .pcz-form>p,.pcz .pcz-note,.pcz dt{color:#a9b6cb}.pcz .pcz-card,.pcz details{border-color:#354158}.pcz .pcz-error{color:#ffa0a8}.pcz summary{color:#ecf2ff}