:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light;--text:#102a35;--sub:#516879;--accent:#087986;--line:#d8e3e8;--bg:#f2f7f9;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{background:#102f3c;color:#fff;padding:30px 16px 26px}.head{max-width:1160px;margin:auto}.brand{font-size:12px;letter-spacing:.16em;font-weight:800;color:#92e3d9}h1{font-size:clamp(24px,3vw,36px);margin:7px 0}header .muted{color:#d2e8ed}main{max-width:1160px;margin:28px auto;padding:0 16px;min-height:70vh}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 3px 10px #1233}.wide{grid-column:span 2}.cardtitle{display:flex;gap:10px;align-items:center}.num{border:1px solid #b7cfd8;border-radius:7px;color:#31606f;font-size:12px;padding:5px;min-width:25px;text-align:center}h2{font-size:18px;margin:0}.muted{color:var(--sub);font-size:14px;line-height:1.5}.card p{margin:12px 0}.btn,button{display:inline-block;cursor:pointer;background:#087986;border:1px solid #087986;border-radius:8px;color:white;text-decoration:none;font-size:14px;font-weight:650;padding:10px 14px}.btn:hover,button:hover{background:#09626d}.btn.outline{color:#066c75;background:#fff}.danger button{background:#9b3033;border-color:#9b3033}.danger button:hover{background:#7c2126}.action-form{display:flex;flex-direction:column;gap:10px}.action-form button{align-self:flex-start}.action-form label,.local-decrypt label{display:flex;flex-direction:column;font-size:13px;color:#37535f;gap:5px}.action-form input,.local-decrypt input{font:inherit;padding:10px;border:1px solid #9fb7c1;border-radius:7px;max-width:440px}.local-decrypt{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.status{border-radius:7px;background:#eef5f7;padding:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.notice{background:#e4f6f1;border:1px solid #80cabc;padding:14px;margin-bottom:18px;border-radius:9px}.notice.error{background:#fff0f0;border-color:#cf8a90}.narrow{max-width:520px;margin:auto}.token{display:block;background:#edf2f4;padding:15px;word-break:break-all;border-radius:7px}pre{overflow:auto;background:#132e38;color:#e7f4f7;border-radius:8px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}footer{padding:30px 16px;text-align:center;font-size:12px;color:#647985}.logout{display:flex;justify-content:flex-end;margin:24px 0}.text{border:0;background:transparent;color:#0b5a63;text-decoration:underline}.text:hover{background:transparent;color:#000}@media(max-width:720px){.wide{grid-column:span 1}}

.recovery{width:100%}.recovery>summary{cursor:pointer;font-weight:750;font-size:17px;padding:5px 0}.recovery>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.recovery>.grid{margin-top:15px}.recovery>.grid>.card{box-shadow:none}.recovery>.grid>.card .num{display:none}