:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#18233e;background:#f5f6fb;font-synthesis:none;color-scheme:light;--accent:#5c55dd;--line:#e5e7f0}
input{font:inherit;min-width:0;width:100%;height:44px;border:1px solid #dfe3ee;border-radius:9px;padding:10px 12px;color:#28354d;background:#fafbfe}input:focus{outline:3px solid #5c55dd20;border-color:#8b83ed}#editor{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:32px;margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.field{margin-bottom:20px}.secret-row{display:flex;gap:10px}.secret-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.secret-row button{background:#eeedf9;color:#514acc;flex-shrink:0}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:9px;color:#66728a;font-size:12px}.qr-preview canvas{width:208px;height:208px;max-width:100%;image-rendering:pixelated}.card-actions{display:flex;flex-shrink:0;gap:6px}.remove{min-height:36px;min-width:36px}@media(max-width:700px){#editor{grid-template-columns:1fr;gap:20px}.qr-preview{padding-top:6px}.secret-row{gap:6px}.secret-row .quiet{padding:10px 13px}}
*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid #a7a2fc;outline-offset:4px}button{border:0}main{max-width:1080px;padding:56px 30px 90px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.title{display:flex;align-items:center;gap:15px}h1{font-size:27px;letter-spacing:-.6px;margin:0}#status{font-size:12px;color:#58677e;line-height:1.6;text-align:right}#status.failed{color:#b23b38}.editor-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin-bottom:26px;box-shadow:0 8px 30px #23346304}.toolbar{display:flex;gap:12px;align-items:center}.primary,.quiet{min-height:42px;padding:10px 19px;border-radius:10px;font-size:14px;font-weight:600}.primary{background:var(--accent);color:white;box-shadow:0 4px 12px #5c55dd24}.primary:hover{background:#4943c5}.quiet{color:#66728a;background:transparent}.quiet:hover{background:#f0f1f7}details{margin-top:16px}summary{cursor:pointer;font-size:13px;color:#63718b;width:fit-content;margin-bottom:18px}label{display:block;font-size:13px;color:#56637c;margin-bottom:10px}textarea{display:block;width:100%;min-height:145px;resize:vertical;line-height:1.8;border:1px solid #e1e4ef;border-radius:11px;padding:15px 17px;background:#fafbfe;color:#28354d;outline:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}textarea::placeholder{color:#919bb0}textarea:focus{border-color:#8b83ed;box-shadow:0 0 0 3px #5c55dd10}#error{color:#b23b38;font-size:13px;line-height:1.8;margin:14px 0 0}.codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.code-card{min-width:0;overflow:hidden;padding:22px 23px 0;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 8px 24px #24314d04}.card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:28px}h2{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.8}.remove{background:none;color:#7c869c;font-size:12px;flex-shrink:0;padding:5px 0 5px 8px}.remove:hover{color:#b23b38}.otp{display:block;color:#514acc;background:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(26px,3.2vw,35px);font-weight:600;letter-spacing:2px;padding:23px 0 20px;text-align:left;white-space:nowrap;width:100%;user-select:text}.otp:hover{color:#3932ad}.card-foot{display:flex;justify-content:space-between;gap:6px;min-height:29px;color:#7b879b;font-size:11px}progress{display:block;appearance:none;border:0;width:calc(100% + 46px);margin-left:-23px;height:3px;background:#eeedf9}progress::-webkit-progress-bar{background:#eeedf9}progress::-webkit-progress-value{background:#9a93e8}progress::-moz-progress-bar{background:#9a93e8}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:70px 0;opacity:.72}.empty[hidden],[hidden]{display:none!important}noscript{display:block;padding:25px;text-align:center;color:#a13c3c}@media(max-width:900px){.codes{grid-template-columns:repeat(2,minmax(0,1fr))}.otp{font-size:34px}}@media(max-width:580px){main{padding:30px 18px 60px}header{margin-bottom:24px;gap:10px;align-items:flex-start}.title{gap:10px}.title img{width:36px;height:36px}h1{font-size:24px;line-height:36px}#status{max-width:135px;padding-top:2px;font-size:11px}.editor-panel{padding:18px;border-radius:14px;margin-bottom:20px}.codes{grid-template-columns:1fr;gap:14px}.code-card{padding-top:20px}.otp{font-size:38px;padding-top:20px}.empty{padding:45px 0}}