:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-a:#0b1220;--bg-b:#161f33;--card-bg:#fff;--card-border:#dbe1ea;--text-main:#121827;--text-muted:#4b5563;--accent:#0f766e;--accent-hover:#115e59;--error:#b91c1c;--shadow:0 20px 50px #070b1533}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text-main);background:radial-gradient(1200px 800px at 10% 10%,#203151 0%,transparent 60%),radial-gradient(1000px 700px at 90% 20%,#1f3b2f 0%,transparent 55%),linear-gradient(160deg,var(--bg-a),var(--bg-b));font-family:IBM Plex Sans,Segoe UI,sans-serif}.page{width:min(760px,100% - 2rem);margin:0 auto;padding:3.5rem 0 4rem}.hero h1{color:#f8fafc;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(2rem,6vw,2.8rem)}.hero p{color:#d5dfec;margin:.75rem 0 2rem}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:16px;padding:1.2rem}.secret-form{gap:.8rem;display:grid}.label{font-weight:700}.textarea{resize:vertical;width:100%;min-height:160px;font:inherit;background:#f8fafc;border:1px solid #c7d2e0;border-radius:10px;padding:.75rem}.textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),white 30%);border-color:var(--accent)}.meta-row{justify-content:space-between;align-items:center;display:flex}.button{font:inherit;color:#f0fdfb;background:var(--accent);cursor:pointer;border:0;border-radius:10px;padding:.75rem 1rem;font-weight:700}.button:hover:enabled{background:var(--accent-hover)}.button:disabled{cursor:not-allowed;opacity:.7}.hint{color:var(--text-muted)}.error{color:var(--error);font-weight:600}.result{grid-template-columns:1fr auto;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.5rem;display:grid}.secret-link{color:#0b4aa7;overflow-wrap:anywhere;text-decoration:none}.secret-link:hover{text-decoration:underline}.icon-button{cursor:pointer;background:#f8fafc;border:1px solid #bcc9db;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-button svg{fill:#253247;width:20px;height:20px}.subtitle{margin:0 0 .8rem}.secret-value{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #d1d8e4;border-radius:10px;margin:0;padding:.75rem;font-family:IBM Plex Mono,SFMono-Regular,monospace}@media (max-width:640px){.page{width:calc(100% - 1.25rem);padding-top:2rem}.card{padding:1rem}}