:root{color-scheme:light dark;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#f4f8f8;color:#15333a}main{max-width:820px;margin:auto;padding:20px 14px 50px}header{padding:15px 8px}h1{font-size:clamp(1.7rem,5vw,2.5rem);margin:.3em 0}p{line-height:1.55}section{padding:23px;margin:16px 0;background:white;border:1px solid #cddede;border-radius:20px}section h2{margin:0 0 16px;font-size:1.4rem}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#18756e;font-weight:800}.notice{background:#fef7e8;border-color:#e2c37d}label{display:block;font-weight:650;margin:16px 0 8px}input{width:100%;font:inherit;padding:14px;border:1px solid #a3b5b9;border-radius:10px;background:white;color:#15333a}button{display:block;border:0;border-radius:11px;background:#087b72;color:white;font:inherit;font-weight:650;padding:13px 16px;margin:17px 0;max-width:100%;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.result{white-space:pre-wrap;background:#eaf0f0;border-radius:10px;padding:14px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;color:#25434b}footer{text-align:center;color:#61787d;font-size:.85rem;padding:12px}@media(prefers-color-scheme:dark){body{background:#102429;color:#e5f4f2}section{background:#1a363c;border-color:#36545a}.notice{background:#403725;border-color:#807044}.result{background:#28454a;color:#e5f4f2}pre{color:#e5f4f2}input{background:#10282e;color:white;border-color:#647f85}.eyebrow{color:#8be0cf}footer{color:#aac2c5}}

button:focus-visible,input:focus-visible{outline:3px solid #f2ad35;outline-offset:3px}
button:disabled{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}