:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:#1d2021;min-width:320px;margin:0}img,svg{display:block}.terminal{color:#ebdbb2;isolation:isolate;background:radial-gradient(at 24% 24%,#b8bb261f,#0000 34%),radial-gradient(at 78% 72%,#d65d0e24,#0000 38%),linear-gradient(135deg,#1d2021 0%,#282828 48%,#32302f 100%);place-items:center;min-height:100dvh;padding:clamp(1.25rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.terminal:before{content:"";z-index:3;pointer-events:none;border:1px solid #d5c4a12e;border-radius:clamp(18px,4vw,52px);position:absolute;inset:clamp(10px,1.8vw,26px);box-shadow:inset 0 0 90px #1d2021db,0 0 60px #28282880}.grain,.scanlines,.vignette{pointer-events:none;position:absolute}.grain{z-index:1;opacity:.18;mix-blend-mode:overlay;background-image:radial-gradient(circle at 18% 34%,#fbf1c738 0 1px,#0000 1px),radial-gradient(circle at 72% 64%,#7c6f6433 0 1px,#0000 1px);background-size:7px 9px,11px 13px;inset:0}.scanlines{z-index:2;opacity:.34;background:repeating-linear-gradient(#0000 0 3px,#14151370 4px);inset:-12vh -12vw}.vignette{z-index:2;background:radial-gradient(68% 54% at 50% 48%,#0000 48%,#1d202194 78%,#141513f0 100%),linear-gradient(90deg,#1d2021c7,#0000 18% 82%,#1d2021c7);inset:-12vh -12vw}.workspace{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#282828c2,#3c38367a),#1d2021a8;border:1px dashed #d5c4a147;grid-template-columns:auto minmax(0,1fr) minmax(17rem,22rem);align-items:center;gap:clamp(1rem,2.8vw,2.25rem);width:min(100%,72rem);padding:clamp(1.25rem,4vw,3rem);display:grid;position:relative;box-shadow:0 24px 80px #1415136b,inset 0 1px #fbf1c714}.workspace__rail{color:#b8bb267a;align-content:center;gap:1.6rem;font:700 clamp(1rem,2vw,1.35rem) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.identity{min-width:0}.prompt{color:#a89984;letter-spacing:0;margin:0 0 clamp(.75rem,1.6vw,1.1rem);font:500 clamp(.72rem,1.3vw,.9rem) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h1{color:#fbf1c7;letter-spacing:0;text-shadow:0 0 1px #fbf1c7db,0 0 22px #fabd2f29;margin:0;font-family:SFMono-Regular,ui-monospace,JetBrains Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:clamp(2.25rem,4vw,4.15rem);font-weight:650;line-height:.94}h1 span{color:#d65d0e;text-shadow:0 0 16px #d65d0e6b}.subtitle{color:#b8bb26;letter-spacing:.08em;max-width:39rem;margin:clamp(1rem,2.2vw,1.45rem) 0 0;font:500 clamp(.88rem,1.45vw,1.04rem)/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.output{background:linear-gradient(#3c383685,#1d20219e),#282828bd;border:1px dashed #a899846b;min-width:0;padding:1rem}.output__header,.output__row,.command{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.output__header{color:#fabd2f;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px dashed #a8998457;justify-content:space-between;align-items:center;padding-bottom:.85rem;font-size:.72rem;font-weight:700;display:flex}.output__light{background:#b8bb26;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 18px #b8bb269e}.output dl{gap:.72rem;margin:1rem 0;display:grid}.output__row{grid-template-columns:6.2rem minmax(0,1fr);align-items:baseline;gap:1rem;font-size:.84rem;display:grid}.output__row dt{color:#928374}.output__row dd{color:#ebdbb2;margin:0}.command{color:#a9b665;border-top:1px dashed #a8998457;margin:1.1rem 0 0;padding-top:.85rem;font-size:.86rem;line-height:1.5}.command span:first-child{color:#fabd2f;margin-right:.45rem}.caret{vertical-align:-.18em;background:#fabd2f;width:.55em;height:1.1em;margin-left:.22rem;animation:1.1s step-end infinite blink;display:inline-block;box-shadow:0 0 14px #fabd2f57}@keyframes blink{0%,48%{opacity:1}48.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}@media (width<=860px){.workspace{grid-template-columns:auto minmax(0,1fr)}.output{grid-column:2;width:min(100%,26rem)}}@media (width<=560px){.terminal{padding:1rem}.terminal:before{border-radius:24px;inset:8px}.workspace{grid-template-columns:1fr;gap:1.4rem;padding:1.2rem}.workspace__rail{display:none}h1{font-size:clamp(1.8rem,7.8vw,3rem)}.subtitle{letter-spacing:.04em}.output{grid-column:auto;width:auto}}
