:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;background:#f3f4f6;color:#111827}
body{margin:0;background:inherit}.shell{max-width:760px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}
header{margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;opacity:.65;margin:0 0 4px}h1{font-size:clamp(1.7rem,8vw,2.4rem);margin:.1rem 0 .35rem}h2{font-size:1.1rem;margin-top:0}.muted{opacity:.7}.card{background:rgba(255,255,255,.88);border:1px solid rgba(17,24,39,.09);border-radius:16px;padding:16px;margin:14px 0;box-shadow:0 5px 18px rgba(0,0,0,.05)}label{display:block;font-size:.88rem;font-weight:600;margin:12px 0}input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;font:inherit;margin-top:6px;background:#fff;color:#111827}button{width:100%;padding:12px 14px;border:0;border-radius:11px;background:#111827;color:white;font:inherit;font-weight:650;margin:6px 0;min-height:46px}button.secondary{background:#6b7280}button:disabled{opacity:.45}.result{white-space:pre-wrap;font-size:.86rem;margin-top:8px;min-height:1.2em}.success{color:#166534}.fail{color:#b91c1c}.warning{font-size:.82rem;opacity:.72}.meta{font-size:.92rem;background:#f9fafb;padding:10px;border-radius:10px}.meta.empty{opacity:.65}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}footer{font-size:.78rem;opacity:.55;text-align:center;margin-top:20px}
@media(prefers-color-scheme:dark){:root{background:#0b0f17;color:#e5e7eb}.card{background:#121826;border-color:#263143;box-shadow:none}input,.meta{background:#0f1520;color:#e5e7eb;border-color:#374151}}