: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:focus-visible,.icon-button:focus-visible,.info-popover-trigger:focus-visible,.secret-link:focus-visible,.textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),white 30%);outline-offset:2px}.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{overflow-wrap:anywhere;font-family:IBM Plex Mono,SFMono-Regular,monospace;text-decoration:none}.icon-button{cursor:pointer;background:#f8fafc;border:1px solid #bcc9db;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .16s,border-color .18s,background-color .18s,box-shadow .18s;display:inline-flex}.icon-button:active{transform:scale(.96)}.icon-button.is-success{border-color:color-mix(in srgb,var(--accent),white 25%);background:color-mix(in srgb,var(--accent),white 88%);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent),transparent 86%);animation:.38s copy-success}.icon-button.is-error{border-color:color-mix(in srgb,var(--error),white 25%);background:color-mix(in srgb,var(--error),white 92%)}.icon-button svg{fill:#253247;width:20px;height:20px;transition:fill .18s}.icon-button.is-success svg{fill:var(--accent)}.icon-button.is-error svg{fill:var(--error)}.subtitle{margin:0 0 .8rem}.secret-value-wrap{position:relative}.secret-value{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #d1d8e4;border-radius:10px;min-height:4.25rem;margin:0;padding:.75rem 4rem .75rem .75rem;font-family:IBM Plex Mono,SFMono-Regular,monospace}.secret-value-copy{display:flex;position:absolute;top:.8rem;right:.6rem}.viewer-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.viewer-actions-spread{flex-wrap:wrap;justify-content:space-between}.countdown{color:var(--text-muted);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.95rem}.countdown-expired{color:var(--error);font-weight:600}.toast-anchor{width:fit-content;max-width:100%;display:inline-flex;position:relative}.toast-anchor-start{justify-self:start}.toast{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;border:1px solid #0000;border-radius:14px;width:max-content;max-width:min(360px,100vw - 2rem);padding:.85rem 1rem;animation:.22s toast-enter;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 18px 40px #070b1538}.toast-anchor-start .toast{left:0;right:auto}.toast-success{color:#3b2a05;background:linear-gradient(135deg,#f3c94b 0%,#e9b11f 100%);border-color:#d6a117}.toast-error{color:#fff7f7;border-color:color-mix(in srgb,var(--error),black 6%);background:color-mix(in srgb,var(--error),#381111 18%)}.info-popover{margin:0;display:inline-flex;position:relative}.info-popover-trigger{width:32px;height:32px;color:var(--text-muted);font:inherit;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;background:#f8fafc;border:1px solid #bcc9db;border-radius:999px;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:inline-flex}.info-popover-icon{font-size:1rem;line-height:1;display:block;transform:translateY(-.5px)}.info-popover-content{border:1px solid var(--card-border);width:min(280px,100vw - 3rem);color:var(--text-main);opacity:0;pointer-events:none;background:#fffffffa;border-radius:12px;padding:.75rem .85rem;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + .55rem);left:0;transform:translateY(-4px);box-shadow:0 18px 40px #070b152e}.info-popover:hover .info-popover-content,.info-popover:focus-within .info-popover-content,.info-popover.is-open .info-popover-content{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes copy-success{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.icon-button,.icon-button svg,.info-popover-content,.toast{transition:none;animation:none}}@media (max-width:640px){.page{width:calc(100% - 1.25rem);padding-top:2rem}.card{padding:1rem}.toast{max-width:min(280px,100vw - 2rem)}}