*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;background:#0b0b0b;color:#e6e6e6;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{display:flex;flex-direction:column;height:100dvh;padding:14px 16px 16px;gap:12px}header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}h1{font-size:15px;font-weight:600;margin:0;letter-spacing:.02em}.bar,.sub{font-size:12px;color:#8a8a8a}.bar{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:-4px}.bar span{margin-right:auto}button.ghost{background:transparent;color:#8a8a8a;border:1px solid #333;padding:4px 10px;font-size:12px;font-weight:400}button.ghost:hover{background:#1a1a1a;color:#e6e6e6}.warn{font-size:11.5px;color:#f0c674;border:1px solid #4a3f24;background:#241f14;border-radius:4px;padding:2px 7px}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1 1;text-align:center}.note{max-width:52ch;font-size:12.5px;line-height:1.55;color:#8a8a8a;margin:0}.err{color:#ff8a8a;max-width:60ch;margin:0}.err,button{font-size:13px}button{background:#e6e6e6;color:#0b0b0b;border:0;border-radius:6px;padding:9px 18px;font-weight:550;cursor:pointer}button:hover{background:#fff}.spin{width:18px;height:18px;border:2px solid #333;border-top-color:#e6e6e6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.term{flex:1 1;min-height:0;overflow:hidden;border-radius:8px;display:none}.term[data-live=true]{display:block}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}