:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070a;--panel:#070c12d1;--text:#e8fff6;--muted:#7f948d;--green:#4dffb8;--blue:#59b7ff;--amber:#ffd166;--red:#ff7676;--line:#4dffb833;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 12%,#59b7ff29,#0000 26rem),radial-gradient(circle at 82% 78%,#4dffb81f,#0000 24rem),linear-gradient(#05070a 0%,#081018 100%);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.42;background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}body:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.28;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}button,input{font:inherit}main{z-index:1;place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.terminal{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #4dffb857;grid-template-rows:auto 1fr auto;width:min(980px,100vw - 56px);min-width:0;height:min(760px,100vh - 56px);display:grid;box-shadow:0 0 80px #4dffb814,inset 0 0 48px #59b7ff0d}.bar{min-width:0;color:var(--muted);border-bottom:1px solid #4dffb82e;align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.dot{border-radius:50%;flex:none;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.path{color:#9ab8ae;white-space:nowrap;margin-left:10px}.status{color:#4dffb8c7;white-space:nowrap;margin-left:auto}.viewport{min-width:0;min-height:0;padding:clamp(24px,5vw,52px);overflow:auto}.identity{min-width:0;max-width:100%;margin-bottom:34px}.identity p:first-child{color:var(--green);letter-spacing:.08em;margin:0 0 16px;font-size:13px}h1{letter-spacing:0;text-shadow:0 0 28px #4dffb838;margin:0;font-size:clamp(56px,10vw,116px);line-height:.9}h1:after{content:"";background:var(--green);vertical-align:-.04em;width:.48em;height:.72em;margin-left:.08em;animation:1.05s steps(2,start) infinite blink;display:inline-block;box-shadow:0 0 18px #4dffb8bd}.statement{color:#c8d8d3;overflow-wrap:anywhere;word-break:break-word;width:100%;max-width:760px;margin:26px 0 0;font-size:clamp(16px,2vw,21px);line-height:1.7}.statement strong{color:var(--amber)}.lines{gap:12px;min-width:0;padding-bottom:8px;display:grid}.line{color:#c8d8d3;grid-template-columns:22px 1fr;align-items:start;gap:10px;min-width:0;display:grid}.line .prompt{color:var(--green)}.line pre{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;min-width:0;margin:0;line-height:1.65}.line.input pre{color:#fff}.line.reply pre{color:#d9fff2}.line.system pre{color:var(--muted)}.line.error pre,.line.error .prompt{color:var(--red)}.command{background:#03080cb8;border-top:1px solid #4dffb82e;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.command span{color:var(--green)}.command input{min-width:0;color:var(--text);caret-color:var(--green);background:0 0;border:0;outline:0;font-size:15px}.command input::placeholder{color:#7f948db8}.command button{color:#bde4ff;cursor:pointer;background:#59b7ff17;border:1px solid #59b7ff52;height:36px;padding:0 16px}.command button:hover:not(:disabled){color:var(--green);border-color:#4dffb88a}.command button:disabled{cursor:not-allowed;opacity:.5}@keyframes blink{50%{opacity:0}}@media (width<=720px){main{place-items:stretch stretch;min-height:100dvh;padding:12px}.terminal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100dvh - 24px);overflow:hidden}.bar{font-size:11px}.status{display:none}.viewport{width:100%;max-width:100%;padding:24px 18px;overflow-x:hidden}.identity{width:100%;max-width:100%;margin-bottom:26px}h1{font-size:54px}.statement{max-width:300px;font-size:16px}.lines,.line,.line pre{max-width:300px}.command{grid-template-columns:auto 1fr;width:100%;max-width:100%;overflow:hidden}.command input{width:100%;max-width:300px}.command button{grid-column:1/-1;width:100%}}
