:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1322;color:#edf3fd;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% -20%,#203351 0%,transparent 48%),#0b1322;min-height:100vh}
.shell{max-width:840px;padding:54px 22px 24px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px}.brand{display:flex;align-items:center;gap:15px}.mark{background:#4778ff;border-radius:15px;width:53px;height:53px;display:grid;place-items:center;font-size:26px;font-weight:900;letter-spacing:-.1em}.mark span{color:#8ceafc}.brand h1{font-size:22px;margin:0;letter-spacing:-.7px;font-weight:650}.brand h1 strong{color:#9fc0ff}.brand p,.sectionheading p,.historyheading p{color:#99a9bd;margin:5px 0 0;font-size:13px}.status{padding:8px 12px;border-radius:20px;border:1px solid #34435a;color:#a9bbd2;background:#142139;font-size:12px;white-space:nowrap}.status.ok{color:#93e4c1;border-color:#246855}.status.err{color:#ffb2b2;border-color:#783e4c}
h2{font-size:17px;margin:0}.card{background:#141f31;border:1px solid #2b3c55;border-radius:20px;box-shadow:0 18px 50px #050b1530;padding:24px}.sectionheading,.historyheading,.actions{display:flex;justify-content:space-between;align-items:center;gap:14px}.smallkbd{color:#8496ae;background:#24324a;border:1px solid #354661;padding:6px 9px;border-radius:7px;font-size:11px;white-space:nowrap}
textarea{width:100%;resize:vertical;min-height:156px;margin-top:21px;background:#0c1627;border:1px solid #364865;border-radius:13px;color:#eaf0fc;padding:17px;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none}textarea:focus{border-color:#6895ff;box-shadow:0 0 0 3px #557aff20}textarea::placeholder{color:#71839c}.actions{margin-top:13px}.actions>span{color:#91a4ba;font-size:12px}.controls{display:flex;gap:9px}button{cursor:pointer;border:0;font:600 13px inherit;transition:background .15s,transform .15s}button:active{transform:scale(.985)}button:disabled{opacity:.55;cursor:wait}.primary{padding:12px 17px;background:#5886ff;color:white;border-radius:10px;font-weight:650}.primary:hover{background:#739cff}.secondary,.refresh{padding:10px 14px;background:#202e45;border:1px solid #344965;color:#d7e4f7;border-radius:10px;font-weight:550}.secondary:hover,.refresh:hover{background:#293a55}
.historyheading{margin:32px 2px 16px}.historyheading h2{font-size:16px}.items{display:flex;flex-direction:column;gap:11px}.item{border:1px solid #283a52;border-radius:14px;background:#121e30;padding:16px}.item-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#92a8c3;font-size:12px}.item-actions{display:flex;gap:8px}.item-btn{color:#c9d7ec;background:#22324a;border-radius:8px;padding:7px 11px}.item-btn.delete{color:#e1a9ae}.item pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:#dceaff;background:transparent;margin:13px 0 2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-height:240px;overflow:auto}.empty{border:1px dashed #37485e;border-radius:13px;text-align:center;padding:32px 16px;color:#9aabc2;font-size:14px}.message{min-height:25px;color:#a6d8ff;font-size:13px;margin:13px 4px}.message.error{color:#ffbaba}.lock{border:1px solid #6b4c54;border-radius:15px;padding:24px;background:#291e2e}.lock p{line-height:1.6;color:#d2c2ce}footer{border-top:1px solid #28394d;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:10px;color:#748ba5;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:610px){.shell{padding:26px 15px}.top{align-items:flex-start}.brand h1{font-size:19px}.brand p{max-width:195px;line-height:1.35}.mark{width:42px;height:42px;font-size:23px}.status{font-size:11px;padding:6px 9px}.card{padding:18px}.sectionheading{align-items:flex-start}.smallkbd{display:none}.actions{align-items:flex-start;flex-direction:column}.controls{width:100%}.controls button{flex:1}.historyheading{align-items:flex-start}.historyheading p{line-height:1.5}.refresh{white-space:nowrap}footer{flex-direction:column;gap:6px}}

.unlock-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:18px}.unlock-form label{font-size:12px;color:#d2c2ce;flex-basis:100%}.unlock-form input{background:#0c1627;color:#eaf0fc;letter-spacing:.12em;text-transform:uppercase;border:1px solid #50607d;border-radius:10px;min-width:180px;flex:1;padding:12px;font:600 16px ui-monospace,monospace}.unlock-form input:focus{outline:2px solid #6895ff}.device-settings{margin:25px 0 0;text-align:right}.device-settings button{font-size:12px}@media(max-width:610px){.unlock-form button{width:100%}}