:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#121416;color:#edf1f0}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at top,#25332b 0,transparent 65%)}[hidden]{display:none!important}.recovery-card{width:min(100%,540px);padding:clamp(22px,5vw,40px);border:1px solid #414d45;border-radius:18px;background:#1b201e;box-shadow:0 20px 80px #0006}.brand{font-size:27px;letter-spacing:-1px;font-weight:850;text-decoration:none;color:#fff}.brand span{color:#c7ec6e}.brand small{font-size:11px;letter-spacing:2px}.language{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:28px 0}.language label{margin:0;font-size:13px;color:#b7c3ba}.language select{width:auto;min-width:120px}.eyebrow{font:700 11px/1.5 monospace;letter-spacing:2px;color:#c7ec6e}h1{font-size:clamp(26px,6vw,36px);line-height:1.15;letter-spacing:-1px;margin:12px 0}p{line-height:1.6;color:#c3cdc7}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input,select,button{font:inherit;font-size:16px;min-height:46px;border:1px solid #4b5c50;border-radius:8px;max-width:100%}input,select{width:100%;padding:12px;background:#101613;color:#f5f8f6}button{width:100%;padding:12px 16px;background:#c7ec6e;color:#142016;font-weight:750;cursor:pointer;margin-top:20px}button:disabled{opacity:.55;cursor:wait}button:hover:enabled{background:#daf891}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #64d7d0;outline-offset:3px}.notice{padding:14px;border-left:3px solid #c7ec6e;background:#293326;border-radius:3px}.actions{display:flex;gap:12px}.actions button{background:transparent;color:#dbefba}.back{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#c7ec6e;font-weight:650}.explanation{font-size:12px;color:#a1b0a5;border-top:1px solid #39463d;padding-top:16px}#recoveryMessage{color:#cced9a;overflow-wrap:anywhere}#recoveryError{color:#ffaaa1;overflow-wrap:anywhere}#recoveredKey{font-family:monospace}@media(max-width:360px){.actions{flex-direction:column;gap:0}.language{align-items:flex-start;flex-direction:column}}
