.mode-switch{display:flex;position:relative;background:#efeeee;border-radius:24px;padding:3px;margin:18px 0 12px;gap:3px}
.mode-switch button{flex:1;border:0;background:transparent;border-radius:22px;padding:8px 10px;font:13px Arial,sans-serif;color:#728097;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.mode-switch button.selected{background:#fff;color:#163354;box-shadow:0 1px 4px #172b4d0d}
.mode-switch button:focus-visible,.bulk-otp:focus-visible,.row-copy:focus-visible{outline:2px solid #1761d5;outline-offset:2px}
.input-row{display:block;border:1px solid #dae1e9;border-radius:12px;background:#ffffffed;overflow:hidden;transition:box-shadow .2s}
.input-row:focus-within{border-color:#6b9fea;box-shadow:0 0 0 3px #1d65d510}
.input-row #secret-key,.input-row #bulk-secrets{width:100%;box-sizing:border-box;margin:0;border:0;border-radius:0;background:transparent;outline:none;opacity:1;box-shadow:none}
.input-row #secret-key{height:44px;padding:12px;font-size:14px}
.input-row #bulk-secrets{height:126px;min-height:100px;max-height:240px;padding:12px;font:12px/1.65 ui-monospace,Consolas,monospace;animation:expand-input .2s ease-out}
@keyframes expand-input{from{height:44px;min-height:44px}to{height:126px;min-height:100px}}
#bulk-count{color:#8390a0;font-size:10px;margin:5px 3px 0}.form-group{margin-bottom:12px}
body.bulk-mode .code-display{display:none}
#bulk-results{background:#fafbfc;border:1px solid #e0e6ed;border-radius:14px;padding:15px 17px;margin:12px 0 18px;box-shadow:0 5px 18px #20395812}
.bulk-progress{height:3px;background:#e3e7ed;border-radius:6px;overflow:hidden}
#bulk-progress-fill{height:100%;width:0;background:#1761d5;border-radius:6px;transition:width .25s linear}
.bulk-status{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:30px;font-size:11px;color:#72859f;font-weight:600}
#bulk-feedback{color:#278749;background:#e4f3e6;border-radius:5px;padding:3px 6px;max-width:75%;text-align:right}
#bulk-feedback:empty{display:none}#bulk-feedback.error{background:#feeceb;color:#b42318}
#copy-all{display:block;width:100%;background:#125cdb;color:#fff;border:0;border-radius:8px;padding:10px 8px;font-size:16px;font-weight:700;box-shadow:0 4px 10px #125cdb25;margin:5px 0 9px;cursor:pointer}
#copy-all:hover:not(:disabled){background:#084fc5}#copy-all:disabled{opacity:.45;cursor:default}.copy-format{font-size:12px;font-weight:500;white-space:nowrap}
#bulk-results .bulk-scroll{max-height:370px;margin:0;background:transparent}
#bulk-results table{width:100%;table-layout:fixed;border-collapse:collapse}
#bulk-results td{padding:8px 0;border-bottom:1px solid #e2e6eb;vertical-align:middle}
#bulk-results tr:last-child td{border-bottom:0}
#bulk-results td:first-child{width:28%}#bulk-results td:nth-child(2){width:48%;text-align:center}#bulk-results td:last-child{width:24%;text-align:right}
.bulk-number{display:block;font-size:11px;font-weight:700;color:#526176;margin-bottom:3px}
.bulk-key{display:block;font:10px/1.3 ui-monospace,Consolas,monospace;color:#6d7988;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bulk-otp{font:700 29px/1.1 ui-monospace,Consolas,monospace;letter-spacing:.3px;color:#202938;border:0;background:none;padding:3px 0;cursor:pointer}
.bulk-error{font-size:13px;color:#b42318}.row-copy{display:inline-flex;align-items:center;gap:3px;border:1px solid #d0d9e4;border-radius:5px;padding:4px 6px;background:#fff;font-size:10px;color:#2566b9;cursor:pointer}.row-copy svg{width:12px;height:12px}.row-copy:disabled{opacity:.4;cursor:default}
@media(max-width:420px){body{padding:12px}.container{padding:13px}#bulk-results{padding:12px}.bulk-otp{font-size:25px}.row-copy{padding:4px}.copy-format{font-size:10px}#copy-all{font-size:14px}}
@media(prefers-reduced-motion:reduce){.input-row #bulk-secrets{animation:none}#bulk-progress-fill,.mode-switch button{transition:none}}
.copy-all-icon{width:20px;height:20px;vertical-align:middle;margin-right:5px}