*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, "Courier New", monospace}[data-theme=dark]{--bg: #0d1117;--bg-body: #010409;--bg-title: #1c2028;--green: #39d353;--cyan: #58a6ff;--yellow: #e3b341;--white: #e6edf3;--dim: #7d8590;--red-dot: #ff5f57;--yellow-dot: #febc2e;--green-dot: #28c840;--border: #30363d;--shadow: rgba(0, 0, 0, .6);--shadow-ring: rgba(255,255,255,.04)}[data-theme=light]{--bg: #ffffff;--bg-body: #eef1f5;--bg-title: #f0f2f5;--green: #1a7f37;--cyan: #0969da;--yellow: #9a6700;--white: #1f2328;--dim: #656d76;--red-dot: #ff5f57;--yellow-dot: #febc2e;--green-dot: #28c840;--border: #d0d7de;--shadow: rgba(0, 0, 0, .12);--shadow-ring: rgba(0,0,0,.06)}html{scroll-behavior:smooth;background:var(--bg-body)}body{font-family:var(--font);background:var(--bg-body);color:var(--white);line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.terminal-wrapper{max-width:820px;margin:20px auto;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 16px 64px var(--shadow),0 0 0 1px var(--shadow-ring)}.title-bar{background:var(--bg-title);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.traffic-light{width:12px;height:12px;border-radius:50%;display:inline-block}.traffic-light.red{background:var(--red-dot)}.traffic-light.yellow{background:var(--yellow-dot)}.traffic-light.green{background:var(--green-dot)}.title-bar-text{flex:1;text-align:center;color:var(--dim);font-size:12px}.terminal-body{background:var(--bg);padding:24px 28px 16px}.section{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;margin-bottom:8px}.section.visible{opacity:1;transform:translateY(0)}.prompt{color:var(--green);margin-bottom:2px;white-space:pre}.prompt .dollar{color:var(--green)}.prompt .cmd{color:var(--white)}.output{color:var(--dim);white-space:pre-wrap;word-break:break-word;margin-top:4px}.output .heading{color:var(--white);font-weight:700;font-size:15px}.output .highlight{color:var(--green)}.output .accent{color:var(--cyan)}.output .warn{color:var(--yellow)}.output .bold{color:var(--white);font-weight:700}.output .dim{color:var(--dim)}.session-claude{color:var(--cyan)}.session-user{color:var(--green)}.typewriter .cmd{display:inline;overflow:hidden;border-right:2px solid var(--green);white-space:nowrap;animation:typing-cursor .7s step-end infinite}.typewriter.done .cmd{border-right:none;animation:none}@keyframes typing-cursor{0%,to{border-color:var(--green)}50%{border-color:transparent}}.cta-group{margin-top:12px}.cta-button{display:inline-block;background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--font);font-size:14px;padding:10px 20px;cursor:pointer;border-radius:4px;margin-top:12px;transition:background .2s,color .2s;text-decoration:none}.cta-button:hover{background:var(--green);color:var(--bg)}.cta-button.secondary{border-color:var(--dim);color:var(--dim);margin-left:12px}.cta-button.secondary:hover{background:var(--dim);color:var(--bg)}.blinking-cursor{display:inline-block;width:8px;height:16px;background:var(--green);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.footer{text-align:center;padding:24px;color:var(--dim);font-size:12px;border-top:1px solid var(--border);margin-top:16px}.footer a{color:var(--cyan);text-decoration:none}.footer a:hover{text-decoration:underline}.theme-toggle{background:none;border:1px solid var(--border);color:var(--dim);font-family:var(--font);font-size:12px;padding:2px 8px;border-radius:4px;cursor:pointer;transition:color .2s,border-color .2s;line-height:1}.theme-toggle:hover{color:var(--white);border-color:var(--dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){body{font-size:13px}.terminal-wrapper{margin:0;border-radius:0;border:none}.terminal-body{padding:16px 16px 12px}.footer,.title-bar-text{font-size:12px}.cta-group{display:flex;flex-direction:column;align-items:center}.cta-button{display:block;text-align:center;margin-left:0!important}.cta-button.secondary{margin-left:0!important}}@media(max-width:480px){body{font-size:13px}.terminal-body{padding:12px 12px 8px}}