:root{color:#1b211c;font-synthesis:none;--green:#174d35;--orange:#ff7043;--line:#bdb7aa;background:#f5f0e5;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.lab-shell{flex-direction:column;width:min(1220px,100% - 40px);min-height:100vh;margin:auto;display:flex}.hello-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.hello-header a{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font:600 12px ui-monospace,monospace;text-decoration:none;display:flex}.pill{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:6px 9px;font:10px ui-monospace,monospace}.hello-main{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,8vw,110px);padding:80px 0;display:grid}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.11em;margin:0 0 24px;font:700 11px ui-monospace,monospace}.hello-copy h1{color:var(--green);letter-spacing:-.08em;margin:0;font-size:clamp(76px,10vw,144px);font-weight:560;line-height:.76}.hello-copy>p:last-child{color:#68685f;max-width:500px;margin:42px 0 0;font-size:17px;line-height:1.6}.console{background:#fbf8f0;border:1px solid #a6a094;border-radius:16px;overflow:hidden;box-shadow:14px 14px #e4ddce}.console-top{height:62px;color:var(--green);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;padding:0 20px;font:700 11px ui-monospace,monospace;display:flex}.console-top svg{width:22px;height:22px;color:var(--orange)}.status{color:#5e685e;align-items:center;gap:7px;margin-left:auto;display:flex}.status:before{content:"";background:#51a96b;border-radius:50%;width:7px;height:7px}form{padding:34px 30px 30px}label{color:#65665e;margin-bottom:12px;font-size:13px;display:block}.field-row{gap:8px;display:flex}input{border:1px solid var(--line);color:#1b211c;background:0 0;border-radius:7px;outline:none;flex:1;min-width:0;padding:15px 16px;font:16px inherit}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #174d351a}button{background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 18px;font:700 11px ui-monospace,monospace;display:flex}button:hover{background:#246448}button:disabled{cursor:wait;opacity:.65}.reply{border-top:1px solid var(--line);color:#838076;background:#eee7d9;flex-direction:column;justify-content:center;gap:11px;min-height:150px;padding:28px 30px;display:flex}.reply.has-reply{background:var(--orange);color:#1d251f}.reply strong{letter-spacing:-.045em;font-size:clamp(27px,3vw,42px)}.reply code{opacity:.72;font-size:11px}.hello-footer{border-top:1px solid var(--line);color:#6e6d64;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;height:86px;font:10px ui-monospace,monospace;display:flex}@media (width<=800px){.hello-main{grid-template-columns:1fr;align-content:center}.hello-copy h1{font-size:clamp(76px,24vw,120px)}.hello-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}}@media (width<=520px){.lab-shell{width:min(100% - 24px,1220px)}.hello-header .pill{display:none}.hello-main{padding:54px 0}.field-row{flex-direction:column}button{justify-content:center;height:48px}.console{box-shadow:7px 7px #e4ddce}}
