:root{--paper:#f5f3ec;--ink:#222820;--muted:#72776e;--line:#d9ddd2;--accent:#dceaa9;--orange:#b45230;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.masthead,main,footer{max-width:1120px;margin:auto;padding:0 48px}.masthead{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;font-family:Georgia,serif;font-weight:bold;font-size:40px;letter-spacing:-4px;gap:4px}.brand-dot{color:var(--orange)}.brand>span:last-child{font:600 13px Arial,sans-serif;letter-spacing:-.2px;margin-left:18px}.text-button{font-size:12px;border:0;background:transparent;padding:8px 0}.eyebrow{font:10px monospace;letter-spacing:1.5px;display:flex;justify-content:space-between;gap:12px}.eyebrow>span{color:var(--muted)}main>.eyebrow{margin-top:36px}.intro{display:flex;justify-content:space-between;align-items:center;margin:26px 0 50px}h1{font:normal clamp(52px,7vw,84px)/1.02 Georgia,serif;letter-spacing:-3px;margin:0}h1 em{font-weight:normal;color:var(--orange)}.intro-note{display:flex;gap:28px;align-items:center}.intro-note p{font-size:13px;line-height:1.8;color:var(--muted)}.crosshair{font-size:80px;font-weight:normal;color:var(--ink)}.section-label{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 15px;gap:12px}.section-label h2{font-size:13px;font-weight:500;margin:0}.section-label>span{font:9px monospace;letter-spacing:1px;color:var(--muted)}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.example{background:transparent;text-align:left;padding:20px 22px;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .15s}.example:hover{background:#e9eddc}.example-number{font:10px monospace;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:26px}.example-number>span{font-size:16px;color:var(--orange)}.example strong{font:normal 20px Georgia,serif;display:block;margin-bottom:8px}.example-detail{font-size:11px;color:var(--muted);display:block}.prompt-section{margin:40px 0}textarea{width:100%;min-height:134px;resize:vertical;background:#fcfbf7;border:1px solid var(--line);padding:20px;line-height:1.6;color:var(--ink);font-size:15px;border-radius:3px}textarea::placeholder{color:#90958a}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.prompt-footer p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.primary-button{border:1px solid #c4d18c;background:var(--accent);color:var(--ink);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:26px;font-size:12px;font-weight:600;border-radius:3px;white-space:nowrap}.primary-button:hover{background:#cfdf94}.error{font-size:13px;color:#9b3525;line-height:1.5}.state{display:inline-block;font:10px monospace;text-transform:uppercase;letter-spacing:1px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}.recent{margin:45px 0}.recent-row{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.recent-row>span:nth-child(2){flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recent-id{font:11px monospace;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;margin-top:50px;font:9px monospace;letter-spacing:1px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#e5eacb 0,transparent 55%),var(--paper)}.login-card{width:480px;padding:50px 36px}.login-card .brand{margin-bottom:52px}.login-card .eyebrow{margin-bottom:22px}.login-card h1{font-size:58px;letter-spacing:-2px}.login-card>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:340px;margin:24px 0}.login-card form{margin-top:32px}.login-card label{display:block;font-size:12px;margin-bottom:10px}.login-card input[type=password]{width:100%;padding:15px;background:#faf9f3;border:1px solid var(--line);border-radius:3px}.login-card .primary-button{width:100%;margin-top:16px}.login-card .login-footnote{font-size:10px;line-height:1.8}.login-card .error{margin:12px 0}
.ticket-page .masthead{height:72px}
.ticket-page main{max-width:none;padding:0}
.ticket-nav,.ticket-details{max-width:1120px;margin:auto;padding:16px 48px}
.ticket-nav{display:flex;justify-content:space-between;align-items:center;font:11px monospace;color:var(--muted)}
.generation{max-width:720px;margin:48px auto;padding:32px 48px 56px}
.generation h1{font:normal 36px/1.2 Georgia,serif;letter-spacing:-1px}
#ticket-status{font-size:14px;color:var(--muted);line-height:1.7;margin:24px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wait-note{font-size:12px;line-height:1.7;color:var(--muted)}
#preview{display:block;width:100%;height:1px;border:0}
.ticket-details>details{border-bottom:1px solid var(--line);padding:16px 0}
.ticket-details summary{cursor:pointer;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ticket-prompt{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;margin:20px 0}
.events{padding:0;list-style:none;margin:20px 0}
.events li{display:flex;gap:18px;border-top:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.events time{font:10px monospace;color:var(--muted);padding-top:3px;white-space:nowrap}
.events li>span,.events li>details{min-width:0;flex:1}
.expand-label{display:block;color:var(--orange);font-size:11px;margin-top:4px}
.event-message{white-space:pre-wrap;margin:12px 0 0}
.ticket-details .prompt-section{margin:24px 0 8px}
.ticket-details label{display:block;font-size:12px;margin-bottom:12px}
@media(max-width:700px){.ticket-nav,.ticket-details{padding-left:22px;padding-right:22px}.generation{margin:24px auto;padding:32px 22px}.generation h1{font-size:30px}.events li{gap:12px}}
@media(max-width:700px){.masthead,main,footer{padding-left:22px;padding-right:22px}.masthead{height:82px}.intro{margin-bottom:34px}.intro-note{display:none}.example-grid{grid-template-columns:repeat(2,1fr)}.example{padding:18px 14px}.example strong{font-size:18px}.example-number{margin-bottom:18px}.section-label>span{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.prompt-footer{align-items:stretch;flex-direction:column}.primary-button{justify-content:space-between}footer{gap:20px;font-size:8px}.login-card{padding:36px 24px}.login-card h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}