:root{--bg: #faf9f7;--surface: #ffffff;--border: #e2e0db;--text: #2b2926;--text-muted: #6b675f;--accent: #2f5d50;--accent-hover: #234840;--danger: #a3402f;--danger-bg: #fbeeec;--success: #2f5d50;--radius: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono: "SF Mono", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.card h1{font-size:1.3rem;margin:0 0 4px}.card .subtitle{color:var(--text-muted);font-size:.9rem;margin:0 0 24px}.step-indicator{display:flex;gap:6px;margin-bottom:20px}.step-indicator .dot{height:4px;flex:1;border-radius:2px;background:var(--border)}.step-indicator .dot.done{background:var(--accent)}.step-indicator .dot.active{background:var(--accent);opacity:.5}label{display:block;font-size:.85rem;font-weight:600;margin:16px 0 6px}input[type=password],input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:var(--font);background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:1px}.hint{font-size:.8rem;color:var(--text-muted);margin-top:6px}button{font-family:var(--font);font-size:.95rem;font-weight:600;border-radius:8px;border:none;padding:12px 18px;cursor:pointer;width:100%;margin-top:20px}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.primary:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--border)}button.secondary:hover{background:var(--bg)}.error-box{background:var(--danger-bg);color:var(--danger);border-radius:8px;padding:10px 14px;font-size:.88rem;margin-top:16px}.link-row{text-align:center;margin-top:20px;font-size:.88rem;color:var(--text-muted)}.link-row a{color:var(--accent);text-decoration:none}.link-row a:hover{text-decoration:underline}.recovery-key-box{background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:16px;font-family:var(--mono);font-size:1.05rem;text-align:center;letter-spacing:.03em;margin:16px 0;word-break:break-all}.warning-box{background:#fff8ec;border:1px solid #f0dfb8;color:#7a5b16;border-radius:8px;padding:12px 14px;font-size:.85rem;margin:12px 0}.credential-list{list-style:none;padding:0;margin:12px 0}.credential-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:.9rem}.touch-prompt{text-align:center;padding:24px 0;color:var(--text-muted);font-size:.9rem}.touch-prompt .icon{font-size:2rem;margin-bottom:8px}[hidden]{display:none!important}