:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.app-shell{min-height:100vh;padding:64px 32px}.intro{max-width:760px}.eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:700}.intro h1{color:#111827;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.intro p{color:#4b5563;max-width:640px;margin:20px 0 0;font-size:1.125rem}.primary-link{color:#fff;background:#111827;border:1px solid #111827;border-radius:6px;margin-top:32px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.secondary-link{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-left:12px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.api-status{color:#374151;align-items:center;gap:10px;margin-top:20px;font-weight:700;display:flex}.api-status span{background:#9ca3af;border-radius:999px;width:10px;height:10px}.api-status--online span{background:#059669}.api-status--offline span{background:#dc2626}.auth-panel,.user-panel{max-width:520px}.auth-panel h1,.user-panel h1{color:#111827;margin:0;font-size:2.25rem;line-height:1.1}.auth-form{gap:18px;margin-top:32px;display:grid}.auth-form label{color:#374151;gap:8px;font-weight:700;display:grid}.auth-form input{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:11px 12px}.auth-form button,.secondary-button{color:#fff;font:inherit;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:6px;padding:11px 14px;font-weight:700}.auth-form button:disabled{cursor:not-allowed;opacity:.65}.form-error{color:#b91c1c;margin:0;font-weight:700}.user-details{gap:14px;margin:32px 0;display:grid}.user-details div{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:14px}.user-details dt{color:#6b7280;font-size:.875rem;font-weight:700}.user-details dd{overflow-wrap:anywhere;color:#111827;margin:6px 0 0}@media (width<=720px){.app-shell{padding:40px 20px}}