:root{color-scheme:dark;--bg:#031b20;--panel:#03161b;--cyan:#8afff6;--text:#b4dbdc;--muted:#7babad;--border:#214247;--dim:#071f25;--font:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 50% 0,rgba(0,128,143,.12),transparent 60%)}
::selection{background:var(--cyan);color:var(--bg)}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover{color:var(--cyan)}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);padding:8px 16px;background:var(--cyan);color:var(--bg);z-index:100}
.skip-link:focus{transform:translateY(0)}
.site-shell{max-width:1160px;margin:auto;padding:0 52px;border-left:1px solid #17363b;border-right:1px solid #17363b;min-height:100vh}
.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}
.wordmark{font-size:16px;letter-spacing:-.4px;display:flex;gap:12px;color:var(--cyan)}
.wordmark>span:first-child{font-size:22px;font-weight:700}
.muted{color:var(--muted)}
nav{display:flex;gap:28px;font-size:14px}
.masthead{position:relative;margin:30px 0 0;background:#045c6b;isolation:isolate;overflow:hidden;border:1px solid #207984}
.masthead:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,20,24,.13) 3px,rgba(0,20,24,.13) 4px);pointer-events:none;z-index:2}
.masthead-label,.masthead-bottom{position:absolute;left:25px;right:25px;z-index:3;display:flex;justify-content:space-between;gap:20px;color:#a1e9e9;font-size:12px;letter-spacing:1.8px}
.masthead-label{top:17px}
.masthead-bottom{bottom:15px;letter-spacing:.2px;font-size:13px}
.cursor-label{font-weight:700;font-size:18px}
.brand-image{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;mix-blend-mode:screen}
.intro{padding:47px 0 33px}
.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:2px;color:var(--muted)}
h1{font-size:clamp(26px,3.3vw,36px);letter-spacing:-1.7px;line-height:1.3;font-weight:400;color:var(--cyan);margin:0 0 19px;display:flex;align-items:center;gap:13px}
.cursor{display:inline-block;width:11px;height:23px;background:var(--cyan);box-shadow:0 0 15px #8afff636;animation:blink 1.2s steps(2,start) infinite;flex-shrink:0}
.intro-copy{margin:0 0 22px;color:#b0ccce;line-height:1.8}
.metadata{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:12px;color:#9bbfc2}
.metadata p{margin:0}
.metadata span{display:inline-block;color:var(--muted);margin-right:13px}
.terminal{border:1px solid var(--border);background:var(--panel);box-shadow:0 10px 50px #00000012}
.terminal-bar{display:flex;justify-content:space-between;gap:14px;padding:16px 24px;border-bottom:1px solid var(--border);background:#0b262d;font-size:12px;align-items:center}
.filename{color:#a0c7c9;overflow-wrap:anywhere}
.filename>span{color:var(--cyan);margin-right:10px}
.file-actions{display:flex;gap:18px;flex-shrink:0;font-size:14px;color:var(--cyan)}
.file-actions button{border:0;padding:0;background:none;line-height:inherit}
.file-actions button:hover,.file-actions a:hover{color:#fff;text-shadow:0 0 10px #8afff655}
.transcript-content{padding:33px 37px 23px}
.system-message{font-size:13px;color:var(--muted);margin:0 0 48px;max-width:570px}
.system-message p{margin:3px 0;display:flex;align-items:baseline;gap:10px}
.system-message p:first-child{margin-bottom:16px;flex-wrap:wrap}
.system-tag{color:var(--cyan)}
.system-result{margin-left:auto;color:#8cc4c5}
.message{margin:0 0 41px;max-width:830px}
.message h2{font-size:14px;line-height:1.5;font-weight:400;color:var(--cyan);margin:0 0 15px;letter-spacing:.1px}
.message.other h2{color:#82b3b7}
.message p{margin:0 0 17px;overflow-wrap:break-word}
.message p:last-child{margin-bottom:0}
.message.other{padding-left:22px;border-left:1px solid #31575d}
.message.other p{color:#b0cbce}
.command{font-size:14px;color:#7fa7ac!important}
.message .command{margin-bottom:20px}
.highlight{color:var(--cyan)}
.code-output{padding:17px 22px;background:#08232a;border-left:2px solid #56868d;margin:24px 0;font-size:14px;line-height:1.85}
.code-output .command{color:#9aced2!important;margin-bottom:15px}
.code-output p:last-child{color:#a7cfd1}
.log-divider{border-top:1px dashed #29474c;display:flex;justify-content:space-between;gap:20px;padding-top:12px;margin:44px 0 37px;color:#789da2;font-size:12px;line-height:1.5}
.log-divider span:last-child{flex-shrink:0}
.error-output{font-size:14px;color:#9effe9;padding:12px 16px;background:#092b30;border:1px solid #244b51}
.closing-line{font-size:clamp(18px,2.2vw,24px);color:var(--cyan);letter-spacing:-.7px;text-shadow:0 0 18px #8afff620;margin:26px 0!important}
.session-end{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:26px 0 20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}
.idle-prompt{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--cyan);padding:10px 0}
.idle-prompt .cursor{width:8px;height:17px}
.copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--cyan);color:var(--bg);padding:10px 20px;box-shadow:0 5px 35px #0009;font-size:14px;margin:0;z-index:20;max-width:calc(100% - 32px);width:max-content;text-align:center}
.copy-status:empty{display:none}
footer{padding:34px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);font-size:14px}
footer p{margin:0;color:var(--muted);font-size:12px}
footer .footer-brand{color:var(--cyan);letter-spacing:2px;font-size:14px;margin-bottom:4px}
footer>a{font-size:14px;color:#9dc8cb}
.footer-note{font-size:12px;color:#7c9ea3;display:flex;justify-content:space-between;gap:20px;padding:19px 0 34px;flex-wrap:wrap}
.footer-note a{text-decoration:underline}
.footer-note>span:last-child{letter-spacing:.6px}
@keyframes blink{to{visibility:hidden}}
@media(min-width:1500px){.site-shell{max-width:1240px;padding:0 68px}}
@media(max-width:900px){.site-shell{padding:0 30px}.terminal-bar{align-items:flex-start;flex-wrap:wrap;gap:12px}.transcript-content{padding:28px}.masthead-label,.masthead-bottom{left:18px;right:18px}.metadata{flex-direction:column;gap:4px}.brand-image{min-height:230px;object-fit:contain}.intro{padding-top:35px}}
@media(max-width:600px){body{font-size:16px}.site-shell{border:0;padding:0 18px}.site-header{min-height:75px;gap:14px;flex-wrap:wrap;padding:16px 0}nav{gap:16px;font-size:12px}.wordmark{font-size:14px;gap:7px}.wordmark>span:first-child{font-size:18px}.masthead{margin-top:21px}.brand-image{min-height:185px}.masthead-label{font-size:12px;letter-spacing:.25px;top:13px;gap:8px}.masthead-bottom{bottom:10px;font-size:12px}.intro{padding-top:31px;padding-bottom:24px}h1{font-size:27px;letter-spacing:-1.5px}.intro-copy{font-size:14px;line-height:1.85}.desktop-break{display:none}.metadata{font-size:12px}.metadata p{overflow-wrap:anywhere}.metadata span{margin-right:7px}.terminal-bar{padding:13px 16px}.filename{font-size:12px;line-height:1.7}.file-actions{font-size:14px;gap:23px}.transcript-content{padding:23px 17px 18px}.system-message{font-size:12px;margin-bottom:35px}.system-message p{gap:5px}.message{margin-bottom:32px}.message h2{font-size:14px}.message p{font-size:16px;line-height:1.8}.message .command{font-size:12px;overflow-wrap:anywhere}.message.other{padding-left:13px}.code-output{padding:14px 12px;margin:20px 0}.code-output p:last-child{font-size:12px;line-height:1.9}.log-divider{gap:12px;margin:34px 0 29px;font-size:12px}.log-divider span:last-child{display:none}.error-output{font-size:13px;overflow-wrap:anywhere}.message .closing-line{font-size:19px}.session-end{font-size:12px;gap:8px}.idle-prompt{font-size:13px}footer{align-items:flex-start;gap:15px}footer>a{font-size:12px}.footer-note{gap:9px;padding-top:17px}.footer-note>span:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}}