:root{--bg: #07110f;--panel: rgba(8, 21, 20, .76);--panel-strong: rgba(7, 16, 17, .9);--border: rgba(118, 255, 192, .26);--border-strong: rgba(118, 255, 192, .52);--text: #d8f7eb;--muted: #9ab9ae;--accent: #6cffbd;--accent-2: #45d7ff;--warning: #ffca68;--success: #7cff8c;--shadow: rgba(69, 215, 255, .18);--bg-image-position: center center;color-scheme:dark;font-family:JetBrains Mono,Cascadia Code,SFMono-Regular,Consolas,Liberation Mono,monospace}:root[data-theme=blue]{--border: rgba(91, 196, 255, .28);--border-strong: rgba(91, 196, 255, .58);--accent: #5bc4ff;--accent-2: #8cffdc;--warning: #ffc36b;--success: #94f2ff;--shadow: rgba(91, 196, 255, .22)}:root[data-theme=amber]{--border: rgba(255, 190, 86, .29);--border-strong: rgba(255, 190, 86, .6);--accent: #ffbe56;--accent-2: #67e8f9;--warning: #ffdd8a;--success: #98f5a6;--shadow: rgba(255, 190, 86, .2)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;color:var(--text);background-color:var(--bg);background-image:linear-gradient(180deg,#050c0d1f,#040b0c94),linear-gradient(90deg,rgba(42,112,109,.28) 0%,rgba(18,50,51,.12) 38%,transparent 68%),url(/ot-terminal-bg.png);background-position:center center,center center,var(--bg-image-position);background-repeat:no-repeat;background-size:cover}button,input{font:inherit}button,a{color:inherit}.app-shell{position:relative;min-height:100vh;min-height:100svh;overflow-x:hidden}.ambient-grid{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(108,255,189,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(69,215,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 72%);mask-image:radial-gradient(circle at center,black 0%,transparent 72%)}.terminal-stage{position:relative;display:grid;min-height:100vh;min-height:100svh;padding:clamp(16px,4vw,48px);place-items:center}.terminal-window{display:grid;grid-template-rows:auto minmax(420px,1fr) auto;width:min(1120px,100%);height:min(780px,calc(100vh - clamp(32px,8vw,96px)));height:min(780px,calc(100svh - clamp(32px,8vw,96px)));min-height:560px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%),var(--panel);box-shadow:0 24px 80px #0000009e,0 0 70px var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.terminal-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:48px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--panel-strong)}.window-controls{display:inline-flex;gap:8px}.control{width:12px;height:12px;border-radius:50%;box-shadow:0 0 18px #ffffff2e}.close{background:#ff5f56}.minimize{background:#ffbd2e}.maximize{background:#27c93f}.terminal-tabs{display:flex;min-width:0;gap:8px;overflow-x:auto;scrollbar-width:none}.terminal-tabs::-webkit-scrollbar{display:none}.terminal-tab{height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--muted);background:#ffffff09;white-space:nowrap}.terminal-tab.active{color:var(--accent);border-color:var(--border-strong);background:#6cffbd14}.terminal-host{color:var(--muted);font-size:.78rem;white-space:nowrap}.terminal-body{position:relative;overflow-y:auto;padding:clamp(16px,3vw,28px);scrollbar-color:var(--border-strong) transparent}.terminal-body:before{position:sticky;top:-28px;display:block;height:1px;content:"";box-shadow:0 0 42px 12px var(--shadow)}.terminal-entry{animation:output-in .18s ease-out both}.terminal-entry+.terminal-entry{margin-top:18px}.entry-output{display:grid;gap:10px}.command-echo,.terminal-prompt{color:var(--accent)}.command-echo{margin:0 0 8px;overflow-wrap:anywhere}.command-echo span{color:var(--accent-2)}.output-line,.output-group,.info-table,.link-list,.skill-grid,.project-grid{margin:0}.output-line{color:var(--text);line-height:1.62}pre.output-line{max-width:100%;overflow-x:auto;padding-bottom:2px;line-height:1.2}.output-muted{color:var(--muted)}.output-accent{color:var(--accent);text-shadow:0 0 18px rgba(108,255,189,.16)}.output-warning{color:var(--warning)}.output-success{color:var(--success)}.output-title{margin:0 0 8px;color:var(--accent-2);font-weight:700}.command-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 14px;padding:0;margin:0;list-style:none}.command-list li{min-width:0;padding-left:14px;color:var(--text);overflow-wrap:anywhere}.command-list li:before{display:inline-block;width:14px;margin-left:-14px;color:var(--accent);content:">"}.info-table{display:grid;gap:8px;width:min(760px,100%)}.info-row{display:grid;grid-template-columns:minmax(130px,.32fr) 1fr;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.info-row dt{color:var(--muted)}.info-row dd{min-width:0;margin:0;color:var(--text);overflow-wrap:anywhere}.link-list{display:grid;gap:10px}.link-list a{display:grid;grid-template-columns:100px 1fr;gap:14px;width:min(720px,100%);padding:12px;border:1px solid var(--border);border-radius:6px;color:var(--accent);text-decoration:none;background:#ffffff09}.link-list a:hover,.link-list a:focus-visible{border-color:var(--border-strong);background:#6cffbd14}.link-list span{min-width:0;color:var(--text);overflow-wrap:anywhere}.skill-grid,.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.terminal-card{min-width:0;padding:14px;border:1px solid var(--border);border-radius:6px;background:#ffffff09}.terminal-card h3{margin:0 0 10px;color:var(--accent);font-size:.98rem}.terminal-card p{margin:0;color:var(--text);line-height:1.55}.terminal-card ul{display:grid;gap:7px;padding:0;margin:0;list-style:none}.terminal-card li{color:var(--text);line-height:1.45}.terminal-card li:before{margin-right:8px;color:var(--accent-2);content:"./"}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.card-heading span{flex:0 0 auto;padding:3px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem;text-transform:uppercase}.stack-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.stack-list span{padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--accent-2);background:#00000029;font-size:.74rem}.command-input-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-top:18px}.command-input-row input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;caret-color:var(--accent)}.command-input-row input:focus{text-shadow:0 0 14px var(--shadow)}.help-panel{display:grid;gap:14px}.help-group{padding:14px;border:1px solid var(--border);border-radius:6px;background:#ffffff08}.help-group h3{margin:0 0 10px;color:var(--accent-2);font-size:.95rem}.help-group ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}.help-group li{display:grid;grid-template-columns:minmax(140px,.3fr) 1fr;gap:14px;align-items:baseline;min-width:0}.help-group code{min-width:0;color:var(--accent);overflow-wrap:anywhere}.help-group code:before{color:var(--accent-2);content:"$ "}.help-group span{min-width:0;color:var(--muted);line-height:1.45}.status-bar{display:grid;grid-template-columns:repeat(4,auto);align-items:center;justify-content:space-between;gap:16px;min-height:36px;padding:0 16px;border-top:1px solid var(--border);color:var(--muted);background:var(--panel-strong);font-size:.78rem}@keyframes output-in{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:760px){.terminal-stage{align-items:stretch;padding:8px;place-items:stretch}.terminal-window{grid-template-rows:auto minmax(0,1fr) auto;height:auto;min-height:calc(100vh - 16px);min-height:calc(100svh - 16px)}.terminal-body{overflow-y:visible}.terminal-header{grid-template-columns:auto 1fr;gap:12px}.terminal-host{display:none}.terminal-tab{max-width:152px;overflow:hidden;text-overflow:ellipsis}.info-row,.link-list a{grid-template-columns:1fr;gap:4px}.status-bar{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;padding:8px 12px}.status-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:520px){:root{--bg-image-position: 18% center;font-size:14px}.terminal-stage{padding:10px}.terminal-window{min-height:calc(100vh - 20px);min-height:calc(100svh - 20px)}.terminal-body{padding:14px 12px 16px}.terminal-header{min-height:44px;padding:0 12px}.window-controls{gap:6px}.control{width:10px;height:10px}.terminal-tab:not(.active){display:none}.command-input-row{grid-template-columns:1fr;gap:6px;font-size:16px}.help-group li{grid-template-columns:1fr;gap:3px}.status-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.status-bar span:nth-child(2){display:none}pre.output-line{font-size:.66rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
