:root{--terminal-bg:#07100c;--terminal-panel:#0a1711;--terminal-text:#c7dccf;--terminal-muted:#769081;--terminal-accent:#80ffad;--terminal-line:#274334;--terminal-input-bg:#0b1912;--terminal-error:#ff907c;--viewer-bg:#f2f0e8;--viewer-text:#111b16;--viewer-muted:#5b665f;--viewer-accent:#11663a;--viewer-accent-text:#fff;--viewer-rule:#c9ccc5;--viewer-hover:#e3e9df;--viewer-nav-active:#dfe7dd}
.tmux-shell{grid-template-columns:var(--terminal-size) 8px 1fr;background:var(--terminal-bg);color:var(--terminal-text);transition:grid-template-columns .22s ease}
.terminal-pane{background:radial-gradient(circle at 20% 15%,#12311f 0,transparent 36%),var(--terminal-bg);border-top:3px solid var(--terminal-accent)}
.pane-title{background:#0d2117;color:var(--terminal-muted);border-bottom:1px solid var(--terminal-line)}
.pane-title button:hover{color:var(--terminal-accent)}
.terminal-intro{padding:24px 18px 5px;display:grid;gap:5px}
.terminal-intro b{font-size:18px;color:var(--terminal-accent)}
.terminal-intro span{font:500 10px IBM Plex Mono;color:var(--terminal-muted)}
.terminal-line--command{color:#f3fff7}
.terminal-line--system{color:var(--terminal-accent)}
.splitter{position:relative;background:#1d3628;cursor:col-resize;box-shadow:inset 1px 0 #385743,inset -1px 0 #07100c}
.splitter:after{content:'\22EE';position:absolute;left:50%;top:50%;translate:-50% -50%;color:#80ffad;font:600 14px IBM Plex Mono}
.splitter:hover{background:#315b42}
.terminal-restore{position:absolute;z-index:7;left:0;top:50%;translate:0 -50%;min-height:70px;border:1px solid var(--terminal-line);border-left:0;border-radius:0 3px 3px 0;background:#0f3e27;color:#d6fbe3;font:600 10px IBM Plex Mono;writing-mode:vertical-rl;cursor:pointer}
.viewer-pane{background:var(--viewer-bg);color:var(--viewer-text)}
.viewer-chrome{background:rgba(242,240,232,.9);border-bottom:1px solid var(--viewer-rule)}
.viewer-brand:before{content:'BZ';display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;background:var(--viewer-text);color:var(--terminal-accent);font:600 10px IBM Plex Mono}
.home-view{padding-top:clamp(20px,5vh,70px)}
.home-view .display{max-width:780px}
.terminal-aside{margin-top:90px;padding-top:14px;border-top:1px solid var(--viewer-rule);font:500 10px IBM Plex Mono;color:var(--viewer-muted)}
.terminal-aside button{border:0;background:transparent;color:var(--viewer-accent);font:inherit;text-decoration:underline;cursor:pointer}
.writing-item[href]{color:inherit;text-decoration:none}
.writing-item[href]:hover{background:var(--viewer-hover)}
.statusbar{background:#0f3e27;color:#bdf8d1;border-top:1px solid #2f6747}
.statusbar button{color:inherit}
.statusbar kbd{font:inherit;color:#fff}
.statusbar span:nth-child(2){background:var(--terminal-accent);color:#092113;padding:3px 7px}

@media(min-width:761px){
  .terminal-collapsed .tmux-shell{grid-template-columns:0 0 1fr}
  .terminal-collapsed .terminal-pane,.terminal-collapsed .splitter{visibility:hidden}
}

@media(max-width:760px){
  .tmux-shell{display:block;background:var(--viewer-bg)}
  .splitter,.terminal-collapse,.terminal-restore{display:none}
  .viewer-pane{height:100%}
  .terminal-pane{position:fixed;z-index:20;left:8px;right:8px;bottom:calc(var(--status-height) + 6px);height:min(52dvh,430px);border:1px solid var(--terminal-line);box-shadow:0 -20px 60px rgba(0,0,0,.3);transform:translateY(calc(100% + 70px));transition:transform .25s ease}
  .terminal-open .terminal-pane{transform:none}
  .terminal-open:before{content:'';position:fixed;z-index:19;inset:0;background:rgba(5,12,8,.45);backdrop-filter:blur(3px)}
  .pane-title{height:40px}
  .terminal-intro{display:none}
  .statusbar>span:nth-of-type(2){display:none}
  .statusbar>span:last-child{display:none}
  .mobile-terminal-toggle{background:#173f2a;border-right:1px solid #376047;margin:-1px 4px -1px -10px;padding-inline:12px}
  .home-view{padding-top:10px}
  .terminal-aside{margin-top:55px}
}