*{box-sizing:border-box}:root{--teal: #16302b;--mint: #55bd84;--mint-dark: #3f9d6c;--pale: #dfe9e6;--bg: #f4f8f6;--card: #ffffff;--border: #dbe6e2;--text-muted: #5b6b66;--success: #2f9d63;--error: #d1495b;--warning: #c98a1f}body{margin:0;background:var(--bg);color:var(--teal);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:640px;margin:0 auto;padding:56px 20px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.brand img{width:40px;height:40px}h1{font-size:30px;margin:0;letter-spacing:-.02em}.subtitle{color:var(--text-muted);margin:8px 0 36px;line-height:1.5}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 2px 10px #16302b0a}.card h2{margin:0 0 6px;font-size:17px;color:var(--teal)}.card p{color:var(--text-muted);font-size:14px;margin-top:0}button{background:var(--mint);color:#fff;border:none;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:var(--mint-dark)}button:disabled{opacity:.45;cursor:not-allowed}input{background:var(--bg);border:1px solid var(--border);color:var(--teal);border-radius:999px;padding:12px 18px;font-size:14px;outline:none}input:focus{border-color:var(--mint)}.row{display:flex;gap:10px;align-items:center;margin-top:8px}.row input{flex:1}.row span{color:var(--text-muted);font-size:14px}label{display:block;font-size:12px;color:var(--text-muted);margin-top:14px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.mono{display:block;font-family:SF Mono,Menlo,monospace;font-size:13px;word-break:break-all;background:var(--pale);color:var(--teal);padding:10px 14px;border-radius:12px;margin-top:6px}.secret{background:#fbe9e9;color:var(--error)}.warning{color:var(--warning);font-size:13px}.success{color:var(--success);font-size:13px;font-weight:600}.error{color:var(--error);font-size:13px;font-weight:600}.footer-card{display:flex;flex-direction:column;gap:14px}.footer-row{display:flex;align-items:center;gap:10px}.ca-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.ca-value{flex:1;margin:0;background:var(--pale);color:var(--teal);font-family:SF Mono,Menlo,monospace;font-size:13px;padding:8px 14px;border-radius:999px;word-break:break-all}.copy-btn{padding:8px 16px;font-size:13px}.x-link{display:inline-flex;align-items:center;gap:8px;color:var(--teal);text-decoration:none;font-size:14px;font-weight:600;width:fit-content}.x-link:hover{color:var(--mint-dark)}