/* Dimensions and typography stay identical across all site pages. */
#console-panel, #console-panel *, #console-tab{box-sizing:border-box}
#console-tab{
  position:fixed; bottom:16px; right:16px; font-family:var(--mono,monospace);
  font-size:.8rem; background:var(--ink,#211d17); color:var(--bg,#f7f4ee);
  padding:6px 10px; border:0; border-radius:4px; cursor:pointer; opacity:.55; z-index:40;
}
#console-tab:hover{opacity:1}
#console-panel{
  position:fixed; bottom:16px; right:16px; width:min(360px,calc(100vw - 32px));
  height:min(300px,calc(100dvh - 32px));display:flex;flex-direction:column;
  background:var(--ink,#211d17); color:var(--bg,#f7f4ee); border-radius:6px;
  font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace; font-size:12.8px;line-height:1.5;text-align:left; box-shadow:0 8px 30px rgba(0,0,0,.25);
  z-index:41; overflow:hidden;
}
#console-panel[hidden]{display:none}
#console-log{flex:1;min-height:0;overflow-y:auto;padding:24px 14px 0;text-align:left;line-height:1.5;white-space:pre-wrap;word-break:break-word}
#console-log .cmd::before{content:"~$ ";opacity:.6}
#console-form{display:flex;flex-shrink:0;align-items:center;padding:10px 14px 12px;gap:6px;margin:0}
#console-form span{opacity:.6}
#console-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;padding:1px 2px}
#console-close{position:absolute;top:6px;right:8px;background:none;border:0;color:inherit;opacity:.5;cursor:pointer;font-size:.9rem}
#console-close:hover{opacity:1}