@layer quartz-base{.terminal-hero{background:var(--lightgray);border:1px solid var(--gray);border-radius:10px;margin:1rem 0 1.5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em;line-height:1.7;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #0000001a}.terminal-hero:hover{box-shadow:0 8px 32px #00000029}.terminal-hero .terminal-titlebar{background:var(--gray);opacity:.8;align-items:center;gap:6px;padding:.6rem .9rem;display:flex}.terminal-hero .terminal-titlebar .dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.terminal-hero .terminal-titlebar .dot-red{background:#ff5f56}.terminal-hero .terminal-titlebar .dot-yellow{background:#ffbd2e}.terminal-hero .terminal-titlebar .dot-green{background:#27c93f}.terminal-hero .terminal-body{min-height:9em;color:var(--dark);padding:.9rem 1.2rem}.terminal-hero .terminal-line{white-space:pre-wrap;display:block}.terminal-hero .terminal-line.command{color:var(--secondary)}.terminal-hero .terminal-line.command:before{content:"$ ";color:var(--tertiary);-webkit-user-select:none;user-select:none}.terminal-hero .terminal-line.output{color:var(--darkgray)}.terminal-hero .terminal-line.empty{height:.5em}.terminal-hero .terminal-cursor{background:var(--secondary);vertical-align:text-bottom;opacity:0;width:.55em;height:1.1em;animation:1s step-end infinite terminal-blink;display:inline-block}.terminal-hero .terminal-cursor.visible{opacity:1}:root[saved-theme=dark] .terminal-hero{border-color:#7aa2f740;box-shadow:0 0 0 1px #7aa2f726,0 4px 30px #7aa2f71a,0 0 60px #bb9af70d}:root[saved-theme=dark] .terminal-hero:hover{box-shadow:0 0 0 1px #7aa2f766,0 8px 40px #7aa2f72e,0 0 80px #bb9af71a}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}}