:root{color:#27251f;font-synthesis:none;background:#e9e4d8;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{width:min(100% - 2rem,920px);margin:0 auto;padding:clamp(4rem,12vw,9rem) 0 3rem}.eyebrow{color:#867d6b;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font:700 .7rem/1.2 Arial,sans-serif}h1,h2,p{margin-top:0}h1{letter-spacing:-.07em;max-width:700px;margin-bottom:1.4rem;font-size:clamp(3.2rem,8vw,6.8rem);font-weight:400;line-height:.9}h1 em{color:#b34c32;font-style:normal}h2{margin-bottom:0;font-size:2rem;font-weight:400}.intro{color:#625c50;max-width:500px;font-size:1.1rem;line-height:1.6}code{background:#ded7c9;padding:.15rem .35rem;font:.9em ui-monospace,monospace}.card{background:#f7f3eb;border:1px solid #d5cdbc;max-width:560px;margin-top:4rem;padding:clamp(1.4rem,5vw,2.5rem);box-shadow:12px 12px #d5cdbc}.card-heading{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.status-dot{background:#b34c32;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #edd5cc}label{color:#625c50;letter-spacing:.08em;text-transform:uppercase;gap:.4rem;margin-bottom:1rem;font:700 .75rem Arial,sans-serif;display:grid}input{color:#27251f;background:#fffdf8;border:1px solid #c9c0af;width:100%;padding:.85rem .9rem;font:1rem Georgia,serif}input:focus{outline-offset:2px;outline:2px solid #b34c32}.actions{gap:.7rem;margin-top:1.5rem;display:flex}button{color:#fffdf8;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#27251f;border:1px solid #27251f;padding:.8rem 1rem;font:700 .75rem Arial,sans-serif}button:hover{background:#b34c32;border-color:#b34c32}button.secondary{color:#27251f;background:0 0}.session-panel{border-top:1px solid #d5cdbc;margin-top:2.5rem;padding-top:1.5rem}pre{white-space:pre-wrap;background:#ebe5d9;min-height:2.5rem;padding:.9rem;font:.85rem/1.5 ui-monospace,monospace;overflow:auto}.message{color:#477153;min-height:1.3rem;margin:1.3rem 0 0;font:.9rem Arial,sans-serif}.message[data-error=true]{color:#b34c32}.footer{color:#867d6b;margin-top:3rem;font:.75rem Arial,sans-serif}a{color:inherit}@media (width<=520px){.shell{padding-top:3rem}.card{box-shadow:6px 6px #d5cdbc}.actions{flex-direction:column}}