*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden}
body{background:var(--bg);color:var(--txt);font-family:'Instrument Sans',system-ui,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
.btn{height:26px;padding:0 9px;border-radius:5px;border:1px solid var(--b2);background:transparent;color:var(--txt2);font-size:11.5px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px;transition:background .1s,color .1s;white-space:nowrap;flex-shrink:0}
.btn:hover{background:var(--s2);color:var(--txt)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#0d0d10;font-weight:600}
.btn.gold:hover{background:var(--goldhov)}
.btn.danger{color:var(--red)}
.btn.danger:hover{background:rgba(223,84,84,.12);border-color:var(--red)}
.btn svg{pointer-events:none;flex-shrink:0}
.flex1{flex:1}
.vsep{width:1px;height:16px;background:var(--b2);margin:0 2px;flex-shrink:0}
.fi{height:32px;background:var(--s2);border:1px solid var(--b2);border-radius:6px;color:var(--txt);font-size:12.5px;padding:0 9px;font-family:inherit;outline:none;transition:border-color .1s}
.fi:focus{border-color:var(--blue)}
.fi.area{height:auto;padding:7px 9px;resize:none;min-height:54px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes popin{from{opacity:0;transform:scale(.93) translateY(3px)}to{opacity:1;transform:none}}