.oc-page{box-sizing:border-box;min-height:610px;padding:30px 38px;display:flex;flex-direction:column;gap:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;overflow:hidden}
.oc-page *{box-sizing:border-box}
.oc-top,.oc-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.oc-foot{margin-top:auto;padding-top:18px;font-size:11px;letter-spacing:.05em}
.oc-top{font-size:11px;letter-spacing:.12em}
.oc-muted{opacity:.64}
.oc-page button{font:inherit;cursor:pointer;background:transparent;color:inherit;border:1px solid currentColor;padding:8px 13px;border-radius:0;text-align:left}
.oc-page button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.oc-page h1,.oc-page h2,.oc-page p{margin:0}
.oc-page h1{font-size:clamp(32px,6vw,64px);line-height:1.05;font-weight:500;letter-spacing:-.06em}
.oc-page h2{font-size:17px;line-height:1.5;font-weight:500}
.oc-page pre{margin:0;font:inherit;white-space:pre;overflow:visible;color:inherit;background:transparent;border:0;padding:0}
.oc-actions{display:flex;gap:10px;flex-wrap:wrap}
.phosphor{--ink:#9afac1;background:#08110d;color:var(--ink);position:relative}
.phosphor:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--scan,.12);background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#000 3px,#000 4px)}
.phosphor .oc-top{padding-bottom:18px;border-bottom:1px solid #294236}
.phosphor .oc-hero{padding:28px 0 12px}
.phosphor .oc-ascii{font-size:clamp(10px,2.1vw,23px);line-height:1.16;letter-spacing:0;text-shadow:0 0 19px color-mix(in srgb,var(--ink) 28%,transparent)}
.phosphor .oc-tag{margin-top:26px;max-width:550px}
.oc-terminal-output{min-height:48px;margin-top:12px;font-size:12px;white-space:pre-line}
.phosphor button:hover{background:#163324}
.phosphor .oc-inputline{display:flex;align-items:center;gap:10px;margin-top:12px;border-bottom:1px solid #294236;padding-bottom:8px}
.phosphor input{font:inherit;border:0;background:transparent;color:inherit;min-width:0;flex:1;outline-offset:2px;padding:5px 0}
.phosphor input::placeholder{color:#77a88b;opacity:1}
html{color-scheme:dark;background:#08110d}body{margin:0} .oc-page{min-height:100vh;min-height:100svh;padding:clamp(24px,4vw,64px);font-size:14px} .oc-muted{opacity:1;color:#8bb69c} .oc-top,.oc-foot{font-size:12px} .oc-hero{flex:1;display:flex;flex-direction:column;justify-content:center} .oc-page h1{font-size:clamp(18px,3vw,24px);line-height:1.5;letter-spacing:0} .oc-ascii{max-width:100%} .oc-terminal-output{min-height:72px;overflow-wrap:anywhere} .oc-page button{min-height:44px} .oc-page input{font-size:16px} .oc-welcome-command{margin-bottom:20px} .oc-inputline{position:relative;z-index:1} .oc-page .oc-ascii{font-size:clamp(10px,2.1vw,28px)}
@media(max-width:600px){.oc-page{padding:24px 20px;gap:24px}.oc-top{font-size:11px;letter-spacing:.04em}.oc-page .oc-ascii{font-size:clamp(10px,2.9vw,17px)}.oc-hero{padding-top:36px!important}.oc-inputline{gap:8px}.oc-foot{font-size:11px}}

[hidden]{display:none!important}