*,:after,:before{box-sizing:border-box;padding:0;margin:0}:root{color-scheme:light;--bg:#f4f6fa;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#edf2f8;--text:#171a1f;--text-muted:#667085;--text-subtle:#344054;--border:#dfe5ee;--border-strong:#c9d2df;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#1d4ed8;--accent-glow:rgba(37,99,235,0.18);--accent-bg:#eff6ff;--success:#027a48;--success-bg:#ecfdf3;--danger:#b42318;--danger-bg:#fef3f2;--danger-border:#fecdca;--shadow:0 1px 2px rgba(16,24,40,0.05),0 10px 30px rgba(16,24,40,0.06);--shadow-glow:0 0 0 3px var(--accent-glow);--radius-sm:8px;--radius:12px;--radius-lg:18px;--ease:cubic-bezier(0.4,0,0.2,1);--dur:140ms;--nav-h:60px;--page-w:980px;--narrow-w:680px}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100svh;display:flex;flex-direction:column;color:var(--text);background-color:var(--bg);background-image:linear-gradient(180deg,#ffffff,#f4f6fa 260px);font-family:var(--font-inter,"Inter",system-ui,sans-serif);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.siteHeader{position:sticky;top:0;z-index:50;height:var(--nav-h);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.siteHeaderInner{width:min(100%,var(--page-w));height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center}.siteLogoLink{display:inline-flex;align-items:center;gap:9px}.siteLogoText{font-size:16px;font-weight:800;letter-spacing:0;color:#111827}.page{width:min(100%,var(--page-w));margin:0 auto;padding:52px 24px 80px;flex:1 1}.homePage{min-height:calc(100svh - var(--nav-h) - 57px);display:grid;align-items:center;padding-top:28px;padding-bottom:24px}.narrow{width:min(100%,var(--narrow-w))}.hero{display:grid;align-content:center;gap:20px;padding:16px 0}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent-text);font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}h1{max-width:680px;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.04;letter-spacing:0;color:var(--text);text-wrap:balance}.pageHeader h1{font-size:clamp(22px,3.5vw,34px);color:var(--text)}p{max-width:580px;color:var(--text-muted);font-size:16px;line-height:1.65}.heroBadges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:99px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-subtle);font-size:12.5px;font-weight:500}.actions,.linkRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dangerButton,.iconButton,.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease)}.primaryButton{background:var(--accent);color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.12)}.primaryButton:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(37,99,235,.18)}.secondaryButton{background:var(--surface);border-color:var(--border-strong);color:var(--text-subtle)}.secondaryButton:hover{border-color:var(--accent);color:var(--text)}.iconButton{padding:0 14px;background:var(--surface-2);border-color:var(--border);color:var(--text-muted);font-size:13px}.iconButton:hover{border-color:var(--border-strong);color:var(--text)}.dangerButton{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.dangerButton:hover{background:rgba(244,63,94,.16)}button:disabled{opacity:.38;cursor:not-allowed}.backLink{display:inline-flex;align-items:center;gap:6px;margin-bottom:28px;color:var(--text-muted);font-size:13.5px;font-weight:500;transition:color var(--dur) var(--ease)}.backLink:before{content:"←";font-size:15px}.backLink:hover{color:var(--text)}.pageHeader{margin-bottom:28px;display:grid;gap:10px}.stack{display:grid;gap:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.form{display:grid;gap:14px}label{color:var(--text-subtle);font-size:12.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}input,textarea{width:100%;background:#ffffff;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:14.5px;padding:11px 14px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}textarea{min-height:132px;resize:vertical}input{min-height:42px}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.counter{justify-self:end;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter,.fieldHelp{color:var(--text-muted)}.fieldHelp{font-size:12.5px;line-height:1.5}.linkResult{display:grid;gap:8px}.linkRow{flex-wrap:nowrap}.linkRow input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text-subtle)}.muted{color:var(--text-muted);font-size:14px}.errorText{color:var(--danger);font-size:14px}.successText{color:var(--success);font-weight:600;font-size:14px}.promptText{border-left:3px solid var(--accent);background:var(--surface-2);padding:14px 16px;font-size:14.5px}.promptText,.secretOutput{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);line-height:1.65;overflow-wrap:anywhere}.secretOutput{display:block;margin-top:16px;border-left:3px solid var(--success);background:var(--success-bg);padding:16px 18px;font-size:16px}.detailsGrid{display:grid;grid-template-columns:minmax(80px,110px) 1fr;gap:10px 16px;font-size:13.5px}.detailsGrid span{color:var(--text-muted)}.detailsGrid strong{color:var(--text-subtle);font-weight:500}.siteFooter{border-top:1px solid var(--border);color:var(--text-muted);font-size:14px;background:rgba(255,255,255,.6)}.siteFooterInner{width:min(100%,var(--page-w));min-height:56px;margin:0 auto;padding:0 24px;display:flex;align-items:center}.siteFooter a{color:var(--accent);font-weight:700}@media (max-width:640px){.page{padding:28px 16px 60px}.homePage{padding-top:20px;padding-bottom:20px;gap:18px}.hero{padding:10px 0;gap:16px}.linkRow{flex-direction:column;align-items:stretch}.heroBadges{gap:6px}}@media (prefers-reduced-motion:no-preference){.dangerButton:active,.primaryButton:active,.secondaryButton:active{transform:scale(.97);transition-duration:80ms}}