@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2')}
:root{--wine:#531b2c;--wine-dark:#38111c;--paper:#f3ecd9;--orange:#ff783c;--line:#c8b6a3;--muted:#96776e;color-scheme:light}
*{box-sizing:border-box}body:not([data-workspace]){margin:0;background:var(--wine);color:var(--wine);font:400 12px/1.5 'IBM Plex Mono',monospace}
[hidden]{display:none!important}#entry button,#entry input{font:inherit}#entry button{cursor:pointer}#entry button:disabled{cursor:wait;opacity:.55}#entry button:focus-visible,#entry input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
#entry{min-height:100svh;display:grid;place-items:center;padding:32px 24px}
#connect-form{width:min(100%,560px);background:var(--paper);border:1px solid var(--wine-dark);border-top:5px solid var(--orange);box-shadow:0 5px 0 var(--wine-dark);padding:32px 36px}
#connection-fields{border:0;padding:0;margin:0;min-width:0}.entry-field+.entry-field{margin-top:26px}.entry-field label{display:flex;gap:14px;align-items:baseline;margin-bottom:10px;font:600 29px/1 'Barlow Condensed','Arial Narrow',sans-serif}.entry-field label>span{font:500 10px/1.5 'IBM Plex Mono',monospace;color:var(--muted)}
.entry-field input{min-width:0;width:100%;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--wine);padding:14px 13px;font-size:16px;line-height:1.5;min-height:54px}.entry-field input::placeholder{font-size:12px;color:#87665d}.entry-field input:focus{border-color:var(--wine)}
.token-field{position:relative}.token-field input{padding-right:58px}.token-field button{position:absolute;right:1px;top:1px;bottom:1px;width:50px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--wine)}#entry svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle}.token-field button:hover{background:#e6dbc4}
.entry-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:30px}
#connect{width:100%;min-height:48px;min-width:0;border:1px solid #c9562e;border-radius:2px;border-bottom:4px solid #bd4c25;background:var(--orange);color:var(--wine-dark);display:flex;align-items:center;justify-content:space-between;gap:32px;padding:10px 16px;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}#connect:not(:disabled):hover{background:#ff9157}#connect:not(:disabled):active{transform:translateY(2px);border-bottom-width:2px}#connect:disabled{opacity:.75}.connect-spinner{display:none;width:21px;height:21px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:connect-spin .8s linear infinite}#connect[aria-busy=true] .connect-spinner{display:block}#connect[aria-busy=true] .connect-arrow{display:none}@keyframes connect-spin{to{transform:rotate(360deg)}}
@media(max-width:420px){#entry{padding:20px 16px}#connect-form{padding:25px 22px}.entry-field label{font-size:27px}.entry-actions{gap:12px}#connect{gap:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.connect-spinner{animation:none}}
#connection-alert{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:2px solid var(--wine-dark);border-radius:2px;background:var(--paper);color:var(--wine);box-shadow:7px 7px 0 #29131b;font:400 12px/1.8 'IBM Plex Mono',monospace}
#connection-alert::backdrop{background:#28111ab3}
#connection-alert[open]{display:flex;flex-direction:column}
.connection-alert-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--wine);color:var(--paper);padding:18px 22px;flex:none}
.connection-alert-head h2{margin:0;font:600 32px/1.1 'Barlow Condensed','Arial Narrow',sans-serif}
.connection-alert-close{width:44px;height:44px;flex:none;padding:0;border:1px solid #9e6a73;border-radius:1px;background:transparent;color:var(--paper)}
.connection-alert-close:hover{background:#723145}
#connection-error{margin:0;padding:23px 24px;overflow:auto;overflow-wrap:anywhere}
#connection-alert footer{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;flex:none}
.connection-alert-dismiss{min-width:110px;min-height:44px;padding:10px 18px;border:1px solid #c9562e;border-bottom:3px solid #bd4c25;border-radius:2px;background:var(--orange);color:var(--wine-dark)}
.connection-alert-dismiss:hover{background:#ff9157}