:root{--color-text: #1a1a1a;--color-bg: #ffffff;--color-primary: #1f4e79;--color-error: #a4161a;--color-muted: #4a4a4a;--color-focus: #1a1a1a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg)}body{margin:0}.screen{max-width:32rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem 2rem}form{display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;margin-top:.75rem}input{font-size:1rem;min-height:2.75rem;padding:0 .75rem;border:1px solid #6b6b6b;border-radius:.5rem}button{font-size:1rem;font-weight:600;min-height:2.75rem;margin-top:1rem;padding:0 1rem;border:none;border-radius:.5rem;background:var(--color-primary);color:#fff}button.secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}button:disabled{opacity:.7}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.error{color:var(--color-error);font-weight:600}.secret{font-size:1rem;word-break:break-all;-webkit-user-select:all;user-select:all}.confirm{margin-top:1.5rem;padding:1rem;border:2px solid var(--color-primary);border-radius:.5rem}.confirm h2{margin-top:0;font-size:1.25rem}.confirm button{width:100%}.status{color:var(--color-muted)}