:root { color: #121212; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f7f7f7; }
* { box-sizing: border-box; }
body { margin: 0; }
.app-shell { max-width: 680px; margin: 0 auto; padding: 48px 24px; }
.eyebrow { color: #9a6b00; font-size: .75rem; font-weight: 800; letter-spacing: .1em; margin: 0 0 10px; }
h1 { font-size: clamp(1.8rem, 5vw, 2.5rem); line-height: 1.05; margin: 0; }
.intro { color: #545454; line-height: 1.55; max-width: 58ch; }
.card { background: #fff; border: 1px solid #e5e5e5; border-radius: 20px; box-shadow: 0 8px 30px #0000000d; margin-top: 32px; padding: 24px; }
h2 { margin-top: 0; }
#status { min-height: 1.5em; color: #545454; }
button { background: #ffc107; border: 0; border-radius: 999px; color: #121212; cursor: pointer; font: inherit; font-weight: 700; padding: 13px 20px; transition: transform .2s ease, opacity .2s ease; }
button:hover:not(:disabled) { transform: translateY(-2px); }
button:disabled { cursor: wait; opacity: .55; }
.note { color: #666; font-size: .9rem; line-height: 1.5; }
code { background: #eee; border-radius: 4px; padding: 1px 4px; }