:root{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column}#app{width:100%;height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:3rem;font-weight:500;margin-bottom:1rem;color:#1a1a1a}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.subtitle{font-size:1.25rem;color:#0009;margin-bottom:2rem;max-width:600px}.actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.auth-container{margin-top:2rem}.login-prompt{display:flex;justify-content:center}.auth-status{display:flex;align-items:center;gap:1rem}.status-text{color:#0009;font-size:.875rem}.app-layout{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid rgba(0,0,0,.12);background:#fff}.app-title{font-size:1.5rem;margin:0}.app-main{flex:1;padding:2rem;overflow-y:auto}.callback-processing,.callback-success,.callback-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem}.callback-error h2{color:#d32f2f}.callback-success h2{color:#388e3c}