:root{color:#f6efe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#f0a45038,#0000 32%),linear-gradient(160deg,#20150f 0%,#120d13 55%,#0a1620 100%);font-family:Manrope,Segoe UI,sans-serif}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}.page-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.card{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#12141db8;border:1px solid #ffffff1a;border-radius:28px;width:min(420px,100%);padding:40px 32px;box-shadow:0 22px 70px #00000059}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#f0b56f;margin:0 0 10px;font-size:.72rem}h1{margin:0;font-size:clamp(2rem,6vw,2.7rem);line-height:1.05}.description,.status,.parse-status,.google-scope{color:#f6efe6c7;margin:16px 0 0;line-height:1.55}.button-slot{justify-content:center;margin-top:28px;display:flex}.google-button{appearance:none;color:#1b1310;min-width:280px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#f0b56f 0%,#d88a41 100%);border:0;border-radius:999px;padding:14px 22px;font-weight:700;transition:transform .18s,opacity .18s,box-shadow .18s;box-shadow:0 18px 35px #d88a4147}.google-button:hover:enabled{transform:translateY(-1px)}.google-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.status{font-size:.95rem}.parse-status{color:#f0b56f;font-size:.95rem}.google-scope{font-size:.88rem}.response-panel{text-align:left;background:#0a101894;border:1px solid #ffffff14;border-radius:18px;margin-top:24px;padding:18px}.response-title{letter-spacing:.12em;text-transform:uppercase;color:#f0b56f;margin:0 0 12px;font-size:.85rem}.token-row+.token-row{border-top:1px solid #ffffff14;margin-top:14px;padding-top:14px}.token-key{letter-spacing:.08em;text-transform:uppercase;color:#f0b56feb;margin:0 0 8px;font-size:.8rem}.token-value-row{align-items:flex-start;gap:12px;display:flex}.toggle-button{appearance:none;color:#f6efe6;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;flex:none;padding:6px 12px;font-size:.8rem}pre{white-space:pre-wrap;word-break:break-word;color:#f6efe6;margin:0;font-size:.85rem;line-height:1.5}