:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#1d1b16;background:#f4f1ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#fff4dd,#f4f1ea,#e7dfd1)}code{font-family:JetBrains Mono,SFMono-Regular,monospace}.app{width:min(680px,92vw);background:#fff;border-radius:24px;padding:32px;box-shadow:0 24px 48px #1a12082e;display:grid;gap:24px}.app__header h1{margin:8px 0 12px;font-size:2.3rem;letter-spacing:-.02em}.app__eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:#7c6f5a;margin:0}.app__subtitle{margin:0;color:#5c5345;line-height:1.5}.app__panel{border-radius:16px;padding:20px;background:#f8f4ec;border:1px solid #eadfcd;display:grid;gap:12px}.app__pill{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#fffaf1;padding:12px 16px;border-radius:999px;border:1px solid #eadfcd;font-weight:600}.app__muted{color:#7a6f60;font-size:.9rem}.app__button{padding:12px 18px;border-radius:999px;border:none;background:#2f2619;color:#fff;font-weight:600;cursor:pointer}.app__button--google{background:#f5f1e7;color:#1d1b16;border:1px solid #dacdb8;box-shadow:inset 0 0 0 1px #ffffffb3}.app__button:disabled{opacity:.6;cursor:not-allowed}.app__code{margin:0;padding:12px 16px;background:#1f1b16;color:#f9f3e8;border-radius:12px;overflow-x:auto}.app__error{margin:0;padding:12px 16px;border-radius:12px;background:#fff0f0;color:#b71c1c;font-weight:600}@media(max-width:600px){.app{padding:24px}.app__header h1{font-size:1.8rem}}