*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1419;--text: #e6edf3;--text-muted: #7d8590;--accent: #58a6ff;--accent-hover: #79c0ff;--error: #f85149;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}main.app{width:100%;max-width:420px}header{text-align:center;margin-bottom:3rem}header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}section{margin:0}.stage-form form{display:flex;flex-direction:column;gap:1.5rem}.hint{font-size:.95rem;color:var(--text-muted);text-align:center;margin-bottom:.5rem}input[type=text],input[type=password]{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text);font-size:1rem;transition:border-color .2s ease}input[type=text]:focus,input[type=password]:focus{outline:none;border-bottom-color:var(--accent)}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--text-muted)}button{width:100%;padding:.75rem;border:none;background:transparent;color:var(--accent);font-size:.95rem;font-weight:500;cursor:pointer;transition:color .2s ease}button:hover:not(:disabled){color:var(--accent-hover)}button:disabled{opacity:.4;cursor:not-allowed}.error{margin-top:1.5rem;text-align:center}.error p{color:var(--error);font-size:.875rem}.recovery-display{margin-top:3rem;width:100%}.recovery-display h2{font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:2rem;color:var(--text)}.recovery-item{margin-bottom:2rem;width:100%}.recovery-item label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.value{display:block;font-size:.95rem;color:var(--text);margin-bottom:.75rem;word-wrap:break-word;overflow-wrap:break-word}.value.mono{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem}.secret-key-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;width:100%}.secret-key-wrapper .value{flex:1;margin-bottom:0;min-width:0}.eye-btn{width:auto;padding:.5rem 0 .5rem .5rem;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eye-btn:hover{color:var(--accent)}.eye-btn svg{display:block}.copy-btn{width:100%;padding:.5rem;font-size:.8rem;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);border-radius:.25rem;background:transparent;transition:all .2s ease}.copy-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.totp-item{margin-top:2.5rem}.totp-wrapper{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.totp-code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:2rem;font-weight:600;letter-spacing:.15em;color:var(--accent);-webkit-user-select:all;user-select:all}.totp-ring{flex-shrink:0;color:var(--accent)}.ring-progress{transition:stroke-dashoffset 1s linear}.ring-text{font-size:14px;font-weight:600;fill:var(--text-muted)}.turnstile-widget{display:flex;justify-content:center}@media (max-width: 640px){body{padding:1.5rem}header h1{font-size:1.25rem}.hint{font-size:.9rem}}